[data-component=button-circle][data-v-cc41b075]{cursor:pointer;align-items:center;gap:12px;display:inline-flex;position:relative}[data-component=button-circle][data-v-cc41b075]:before{content:"";width:calc(100% + 40px);height:calc(100% + 40px);position:absolute;top:-20px;left:-20px}[data-component=button-circle][data-v-cc41b075] *{pointer-events:none}[data-component=button-circle] .circle[data-v-cc41b075]{aspect-ratio:1;justify-content:center;align-items:center;width:174px;display:flex;position:relative}[data-component=button-circle] .bg[data-v-cc41b075],[data-component=button-circle] .label-wrapper[data-v-cc41b075]{transition:transform .5s cubic-bezier(.23,1,.32,1);position:absolute;inset:0}[data-component=button-circle] .bg[data-v-cc41b075]{background-color:var(--buttonCircle-bg-color,var(--color-general-mute-black));border-radius:50%}[data-component=button-circle] .label[data-v-cc41b075]{width:100%;height:100%;fill:var(--buttonCircle-label-color,rgb(from var(--color-general-beige-100) r g b/.4));will-change:transform;display:block;overflow:visible}[data-component=button-circle] .label text[data-v-cc41b075],[data-component=button-circle] .label textPath[data-v-cc41b075]{font-family:Matter}[data-component=button-circle] .icon-container[data-v-cc41b075]{--icon-color:var(--buttonCircle-icon-color,var(--color-general-mute-grey));display:flex;position:relative}[data-component=button-circle] .arrow[data-v-cc41b075]{width:120px;transition:transform 1s cubic-bezier(.23,1,.32,1)}[data-component=button-circle] .arrow[data-v-cc41b075] path{stroke:var(--icon-color)}[data-component=button-circle] .icon[data-v-cc41b075]{transition:transform 1s cubic-bezier(.23,1,.32,1) .1s}[data-component=button-circle]:hover .bg[data-v-cc41b075],[data-component=button-circle]:hover .label-wrapper[data-v-cc41b075]{transform:scale(1.1)}[data-component=button-circle]:hover .arrow[data-v-cc41b075]{transform:translate(-10%)}[data-component=button-circle]:hover .icon[data-v-cc41b075]{transform:rotate(180deg)}[data-component=button-close][data-v-85b9503b]{aspect-ratio:1;cursor:pointer;justify-content:center;align-items:center;padding:clamp(14px,11.036px + .76vw,24px);display:flex;position:relative}[data-component=button-close][data-v-85b9503b]:before{content:"";width:calc(100% + 24px);height:calc(100% + 24px);position:absolute;top:-12px;left:-12px}[data-component=button-close][data-v-85b9503b] *{pointer-events:none}[data-component=button-close] .bg[data-v-85b9503b]{background-color:var(--buttonClose-bg-color,var(--color-general-mute-grey));border-radius:50%;position:absolute;inset:0}[data-component=button-close] .icon-container[data-v-85b9503b]{--icon-color:var(--buttonClose-icon-color,var(--color-general-mute-black));display:flex;position:relative}[data-component=button-close] .bg[data-v-85b9503b],[data-component=button-close] .icon-container[data-v-85b9503b]{transition:transform .5s cubic-bezier(.23,1,.32,1)}[data-component=button-close]:hover .bg[data-v-85b9503b]{transform:scale(1.1)}[data-component=button-close]:hover .icon-container[data-v-85b9503b]{transform:rotate(180deg)}[data-component=video-controls][data-v-ed86975e]{--icon-color:var(--color-general-mute-black);color:var(--color-general-mute-black);flex-direction:row;gap:9px;transition:opacity .5s cubic-bezier(.23,1,.32,1);display:flex;position:relative}[data-component=video-controls].-hidden[data-v-ed86975e],[data-component=video-controls].-locked[data-v-ed86975e]{pointer-events:none}[data-component=video-controls].-hidden[data-v-ed86975e]{opacity:0}@media only screen and (width<=743px){[data-component=video-controls][data-v-ed86975e]{width:calc(100vw - (var(--100vw) - 2*var(--grid-padding))*1/var(--grid-columns)*2 - var(--grid-margin)*2)}}[data-component=video-controls] button[data-v-ed86975e]:before{content:"";width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;top:-8px;left:-8px}[data-component=video-controls] .container[data-v-ed86975e]{aspect-ratio:1;background-color:var(--color-general-mute-grey);border-radius:42px;justify-content:center;align-items:center;height:42px;display:flex}[data-component=video-controls] .middle[data-v-ed86975e]{gap:8px;padding:0 16px 0 14px}@media only screen and (width<=743px){[data-component=video-controls] .middle[data-v-ed86975e]{flex:1}}[data-component=video-controls] .middle .play-button[data-v-ed86975e]{display:flex}[data-component=video-controls] .middle .time[data-v-ed86975e]{white-space:nowrap;flex:none}[data-component=video-controls] .middle .time[data-v-ed86975e] span{letter-spacing:0;font-family:Matter;font-size:clamp(14px,13.415px + .15vw,16px);font-weight:400;line-height:1.5em}[data-component=video-controls] .middle .time .digits[data-v-ed86975e]{font-variant-numeric:tabular-nums}[data-component=video-controls] .middle .progress-bar[data-v-ed86975e]{cursor:pointer;display:flex;position:relative}[data-component=video-controls] .middle .progress-bar[data-v-ed86975e]:before{content:"";width:calc(100% + 20px);height:calc(100% + 20px);position:absolute;top:-10px;left:-10px}@media only screen and (width<=743px){[data-component=video-controls] .middle .progress-bar[data-v-ed86975e]{flex:1}}[data-component=video-controls] .middle .progress-bar .current[data-v-ed86975e],[data-component=video-controls] .middle .progress-bar .total[data-v-ed86975e]{width:110px;height:3px}@media only screen and (width<=743px){[data-component=video-controls] .middle .progress-bar .current[data-v-ed86975e],[data-component=video-controls] .middle .progress-bar .total[data-v-ed86975e]{width:100%}}[data-component=video-controls] .middle .progress-bar .current[data-v-ed86975e],[data-component=video-controls] .middle .progress-bar .total[data-v-ed86975e]{background-color:var(--color-general-mute-black);border-radius:3px}[data-component=video-controls] .middle .progress-bar .total[data-v-ed86975e]{opacity:.1}[data-component=video-controls] .middle .progress-bar .current[data-v-ed86975e]{transform-origin:0;position:absolute;inset:0}[data-component=video-controls].-fit .middle[data-v-ed86975e],[data-component=video-controls].-fit .middle .progress-bar[data-v-ed86975e]{flex:1}[data-component=video-controls].-fit .middle .progress-bar .current[data-v-ed86975e],[data-component=video-controls].-fit .middle .progress-bar .total[data-v-ed86975e]{width:100%}