.tavio-player-react__pallet___CM59L{grid-template-rows:auto auto;width:calc(100% - 32px);margin:16px;display:grid;position:absolute;bottom:0;left:0;& .tavio-player-react__seekbar___7aIJg{grid-area:1/1/auto/3;justify-content:center;display:flex}& .tavio-player-react__joystick___bGjs-{grid-area:1/1/auto/3;justify-content:center;margin-bottom:8px;display:flex}& .tavio-player-react__controls___bnMdx{grid-row:2;gap:8px;display:flex}& .tavio-player-react__mode___c1coF{grid-row:2;justify-self:end}@media (width>=768px){&{grid-template-columns:1fr auto 1fr;align-items:end}& .tavio-player-react__seekbar___7aIJg{grid-column:1/4}& .tavio-player-react__joystick___bGjs-{grid-area:2/2;margin-bottom:0}& .tavio-player-react__controls___bnMdx{grid-column:1}& .tavio-player-react__mode___c1coF{grid-column:3}}& .tavio-player-react__button___RLvtf{flex-direction:column;align-items:center;gap:4px;display:flex;&>label{color:#fff;font-size:9px}}}.tavio-player-react__popover___Bc-99{color:#fff;white-space:nowrap;z-index:1000;-webkit-backdrop-filter:blur(16px);text-shadow:0 0 2px #000;opacity:0;background:#0006;border-radius:16px;flex-direction:column;gap:4px;padding:6px 12px;display:flex;overflow:hidden;&.tavio-player-react__darken___xfYGT{text-shadow:none;background:#000b}&.tavio-player-react__no-padding___aCqo7{padding:0}}.tavio-player-react__base-control-button___yqm4k{touch-action:pan-x pan-y;position:relative;& .tavio-player-react__tooltip___Eg3wz{white-space:nowrap;color:#fff;z-index:1000;-webkit-backdrop-filter:blur(16px);text-shadow:0 0 2px #000;background:#0006;border-radius:16px;padding:6px 12px;font-size:10px;font-weight:500;position:absolute;bottom:calc(100% + 24px);left:50%;overflow:hidden;transform:translate(-50%)}& .tavio-player-react__control-button___turpP{cursor:pointer;pointer-events:auto;touch-action:pan-x pan-y;background:0 0;border:none;border-radius:36px;justify-content:center;align-items:center;min-width:36px;height:36px;transition:background-color .2s;display:flex;&>svg{color:#fffc;filter:drop-shadow(0 0 1px #000c);width:20px;height:20px}&.tavio-player-react__large___Y9MRC{border-radius:40px;min-width:40px;height:36px;&>svg{width:22px;height:22px}}@media (any-hover:hover){&:not(.tavio-player-react__no-hover___V16An):hover{background-color:#ffffff1a}}&:active{background-color:#fff3}&.tavio-player-react__selected___uGPxo{background-color:#ffffff26}& .tavio-player-react__icon___K13bn{color:#fffc;width:20px;height:20px;transition:color .2s}}}.tavio-player-react__button-group___8QwTo{-webkit-backdrop-filter:blur(16px);text-shadow:0 0 2px #000;touch-action:pan-x pan-y;background:#0006;border-radius:24px;align-items:center;padding:2px;display:flex;position:relative}.tavio-player-react__group___cAbPp{--focus-position:4px;--focus-opacity:0;overflow:hidden;&:before{content:"";top:4px;left:var(--focus-position);opacity:var(--focus-opacity);background:#ffffff26;border-radius:100%;width:32px;height:32px;transition:left .25s cubic-bezier(.4,0,.2,1),opacity .15s;position:absolute}}.tavio-player-react__seekbar___hSOHw{pointer-events:auto;width:100%;margin:0 auto;& .tavio-player-react__container___TBTnC{cursor:pointer;align-items:center;height:24px;display:flex}& .tavio-player-react__bar___Cy7zz{user-select:none;background:#fff3;border-radius:2px;width:100%;height:4px;position:relative;& .tavio-player-react__progress___I5yeB{user-select:none;background:#fff;border-radius:2px;height:100%;position:absolute}& .tavio-player-react__handle___gK14R{cursor:pointer;z-index:1;user-select:none;-webkit-user-drag:none;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);&:hover{transform:translate(-50%,-50%)scale(1.2)}&.tavio-player-react__dragging___Nl8PZ{transition:none;transform:translate(-50%,-50%)scale(1.2)}}}}.tavio-player-react__sub-menu-container___O3TJ7{pointer-events:auto;position:relative;&>.tavio-player-react__menu___RTCxm{width:300px;position:absolute;bottom:calc(100% + 16px);right:0;& .tavio-player-react__settings-menu-content___YjI4j{max-height:400px;padding:8px 0;overflow-y:auto;&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:#ffffff0d;border-radius:2px}&::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}@media (any-hover:hover){&::-webkit-scrollbar-thumb:hover{background:#ffffff4d}}& .tavio-player-react__settings-menu-item___QqQtY{justify-content:space-between;align-items:center;min-height:32px;padding:4px 20px;display:flex;&.tavio-player-react__resolution-item___5ksiM{cursor:default}&.tavio-player-react__accordion-header___fz3kq{cursor:pointer;transition:background-color .2s;@media (any-hover:hover){&:hover{background-color:#ffffff1a}}}&.tavio-player-react__sub-item___O1bhH{padding:4px 20px 4px 32px}& .tavio-player-react__menu-item-left___-IIQa{flex-shrink:0;align-items:center;gap:12px;padding-right:16px;display:flex;& .tavio-player-react__menu-item-icon___-3SAf{color:#ffffffb3;justify-content:center;align-items:center;width:18px;height:18px;display:flex}& .tavio-player-react__menu-item-label-container___med3y{flex-direction:column;gap:2px;display:flex;& .tavio-player-react__menu-item-label___bAi-n{color:#ffffffe6;white-space:nowrap;font-size:14px;font-weight:500}& .tavio-player-react__menu-item-warning___tCyBu{color:#ffffff80;white-space:nowrap;margin-top:-4px;font-size:10px;font-weight:400}}}& .tavio-player-react__menu-item-right___At-MT{align-items:center;display:flex}}& .tavio-player-react__accordion-arrow___3USG7{color:#ffffff80;justify-content:center;align-items:center;width:16px;height:16px;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;&.tavio-player-react__expanded___M3EhP{transform:rotate(180deg)}}& .tavio-player-react__accordion-content___CtEbK{transition:height .3s cubic-bezier(.4,0,.2,1);overflow:hidden;& .tavio-player-react__accordion-inner___nszvi{overflow:visible;& .tavio-player-react__settings-section-header___9W9dD{color:#fff9;text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:8px;padding:8px 20px 4px 32px;font-size:11px;font-weight:600;display:flex;& .tavio-player-react__section-header-icon___m9R5Z{color:#fff6;width:12px;height:12px}}& .tavio-player-react__settings-section-divider___srEEe{background-color:#ffffff1a;height:1px;margin:8px 20px}}}}}& .tavio-player-react__controller-button___tcShv{width:40px;transition:width .3s cubic-bezier(.4,0,.2,1),opacity .2s;&.tavio-player-react__hidden___G6NEt{opacity:0;width:0}}}.tavio-player-react__toggle-container___JNi47{background-color:#ffffff1a;border-radius:8px;gap:2px;padding:2px;display:flex;& .tavio-player-react__toggle-button___3rdPT{color:#fff9;cursor:pointer;white-space:nowrap;background-color:#0000;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background-color .2s,color .2s;@media (any-hover:hover){&:hover{color:#fffc}}&.tavio-player-react__active___-uX1X{color:#fff;background-color:#fff3}}}.tavio-player-react__joystick___aD0CJ{-webkit-user-select:none;user-select:none;touch-action:pan-x pan-y;-webkit-touch-callout:none;pointer-events:auto;flex-direction:column;align-items:center;gap:4px;width:56px;height:56px;display:flex;&.tavio-player-react__updown___CVLLZ{width:44px;& .tavio-player-react__base___EDrOF{border-radius:24px;width:48px}}&.tavio-player-react__dragging___Pki4e{& .tavio-player-react__handle___yy25p{transition:none}}& .tavio-player-react__base___EDrOF{-webkit-backdrop-filter:blur(16px);text-shadow:0 0 2px #000;background:#0000004d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;height:56px;display:flex;position:relative}& .tavio-player-react__handle___yy25p{-webkit-backdrop-filter:blur(16px);cursor:pointer;user-select:none;touch-action:pan-x pan-y;background:#fff6;border:none;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background-color .15s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);@media (any-hover:hover){&:hover{background:#ffffff80}}&:active,&.tavio-player-react__dragging___Pki4e{cursor:grabbing;background:#fffc;& .tavio-player-react__icon___Hx3Ji{color:#fff}}&>svg{color:#ffffffe6;filter:drop-shadow(0 0 1px #000c);width:20px;height:20px;transition:color .15s}}}.tavio-player-react__controller___IGbiU{touch-action:pan-x pan-y;gap:48px;display:flex;& .tavio-player-react__group___-BI-r{text-shadow:0 0 2px #000;white-space:nowrap;color:#fff;gap:16px;font-size:8px;font-weight:500;display:flex;& .tavio-player-react__button___6jXUn{flex-direction:column;align-items:center;gap:2px;display:flex}}}.tavio-player-react__overlay___JCC7u{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-moz-user-drag:none;-ms-user-drag:none;& .tavio-player-react__gradient___12NBJ{-webkit-backdrop-filter:blur(80px);position:absolute;left:0;right:0;&.tavio-player-react__top___jC2DC{mask-image:linear-gradient(#000,#0000);background:linear-gradient(#0000008f,#0000);top:0;-webkit-mask-image:linear-gradient(#000 0%,#0000 100%)}&.tavio-player-react__bottom___-BLSp{mask-image:linear-gradient(#0000,#000);background:linear-gradient(#0000,#0000008f);bottom:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 100%)}}}.tavio-player-react__indicator___Y3ip-{z-index:5;opacity:1;backdrop-filter:blur(10px);justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out;display:flex;&.tavio-player-react__fadeLeave___u6pU3{opacity:0}& .tavio-player-react__container___tiI8B{flex-direction:column;align-items:center;gap:24px;display:flex;& .tavio-player-react__svg___CSEbI{width:120px;height:120px}& .tavio-player-react__text___XjyKU{background:var(--brand-colors-gradation_multi,linear-gradient(109deg,#feac24 -22.23%,#ff64bf 49.47%,#00e7e5 121.18%));-webkit-text-fill-color:transparent;letter-spacing:.05em;text-align:center;background-size:200% 200%;-webkit-background-clip:text;background-clip:text;font-size:16px;font-weight:500;animation:1.5s ease-out infinite tavio-player-react__gradientMove___slfWD}}}@keyframes tavio-player-react__gradientMove___slfWD{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.tavio-player-react__modeMessage___qqCP3{color:#fff;white-space:nowrap;z-index:1000;-webkit-backdrop-filter:blur(16px);text-shadow:0 0 2px #000;opacity:0;pointer-events:none;background:#0006;border-radius:16px;padding:6px 12px;font-size:10px;font-weight:500;position:absolute;bottom:96px;left:50%;overflow:hidden;transform:translate(-50%)}@media (width<=768px){.tavio-player-react__modeMessage___qqCP3{bottom:140px}}.tavio-player-react__logo___V2xUA{z-index:10;height:40px;position:absolute;top:16px;left:16px}.tavio-player-react__viewer___u2v3l{background-color:#000;width:100%;height:100%;display:flex;position:relative;& .tavio-player-react__overlay___YfCYM{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}& canvas:focus{outline:none}&:fullscreen{width:100vw;height:100vh}&:fullscreen{width:100vw;height:100vh}&:fullscreen{width:100vw;height:100vh}&:fullscreen{width:100vw;height:100vh}}.tavio-player-ios-safari-fullscreen{-webkit-overflow-scrolling:touch;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:999999!important;width:100svw!important;height:100svh!important;position:fixed!important;top:0!important;left:0!important}.tavio-player-mobile-fullscreen{z-index:999999!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.tavio-player-webview-fullscreen{-webkit-overflow-scrolling:touch;overscroll-behavior:none;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);z-index:999999!important;width:100vw!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important}.tavio-player-react__screen___Vfnkx{cursor:pointer;pointer-events:auto;user-select:none;background-color:#000;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden;@media (any-hover:hover){&:hover{& .tavio-player-react__button___DsOzX{width:84px;height:84px}& .tavio-player-react__thumbnail___HOuzk:after,& .tavio-player-react__thumbnail___HOuzk:before{height:84px}}&:active{& .tavio-player-react__button___DsOzX{width:80px;height:80px}}}&:active{& .tavio-player-react__button___DsOzX{transform:scale(.9)}}& .tavio-player-react__thumbnail___HOuzk{width:100%;height:100%;position:absolute;top:0;left:0;&:after{content:"";background:linear-gradient(#0006,#0000);width:100%;height:100px;transition:width .25s,height .25s;position:absolute;top:0;left:0}&:before{content:"";background:linear-gradient(#0000,#0006);width:100%;height:100px;transition:width .25s,height .25s;position:absolute;bottom:0;left:0}}& .tavio-player-react__thumbnailImage___xqJlL{object-fit:cover;width:100%;height:100%}& .tavio-player-react__button___DsOzX{z-index:2;cursor:pointer;border:none;border-radius:100%;place-content:center;width:80px;height:80px;transition:width .25s,height .25s,transform .25s;display:grid;position:relative;overflow:hidden;&:before{content:"";background:conic-gradient(from 180deg,#ff64bf,#feac24,#01e6e5 237.6deg,#ff64bf 360deg);transition:transform .25s;position:absolute;inset:0}& .tavio-player-react__icon___3sjuD{color:#fff;z-index:1}}& .tavio-player-react__title___d9lcS{color:#fff;text-shadow:0 0 2px #000;font-size:18px;line-height:1.2;position:absolute;bottom:16px;left:16px}}