component-tabs{position:relative}tab-title{position:relative;display:inline-flex;align-self:center;color:#323e48;text-align:center;font-family:Plak-LT,fantasy;font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;white-space:nowrap}tab-title:last-child{margin-right:0}tab-title.active,tab-title:hover{color:#000}tab-title:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:1px;background-color:#b0008e;transition:all .3s ease}tab-title.active:after{width:100%}tab-content{opacity:0;filter:blur(10px);transform:scale(.9);position:absolute;top:0;left:0;right:0;bottom:0;visibility:hidden;transition:opacity .3s ease,transform .3s ease,filter .3s ease;pointer-events:none}tab-content.active{opacity:1;pointer-events:auto;position:relative;filter:blur(0);transform:scale(1);visibility:visible}@media screen and (min-width: 768px){tab-title{position:relative;display:inline-flex;align-self:center;color:#323e48;text-align:center;font-family:Plak-LT,fantasy;font-size:18px;font-style:normal;font-weight:400;line-height:24px;letter-spacing:2px;text-transform:uppercase;cursor:pointer;white-space:nowrap}}
/*# sourceMappingURL=/s/files/1/0596/7413/2687/t/56/assets/component-tabs.css.map */