.styles_transition__jQncr{position:absolute;z-index:1;top:50%;left:50%;pointer-events:none;transform:translate3d(calc(1% * calc(-50 + var(--x, 0))),calc(1% * calc(-50 + var(--y, 0))),0);opacity:var(--opacity,1);will-change:transform;transition:transform .4s,opacity .4s,width .4s,height .4s,aspect-ratio .4s;--calc-aspect-ratio:var(--aspect-ratio,calc(16 / 9));width:var(--col-width);height:calc(var(--col-width) * var(--calc-aspect-ratio))}.styles_transition__jQncr :-webkit-full-screen-ancestor{will-change:auto}@media (min-width:1176px){.styles_transition__jQncr{transform:translate3d(calc(1% * calc(-50 + var(--desktop-x, var(--x, 0)))),calc(1% * calc(-50 + var(--desktop-y, var(--y, 0)))),0);--calc-aspect-ratio:var(--desktop-aspect-ratio,var(--aspect-ratio,calc(16 / 9)))}}@supports (aspect-ratio:auto){.styles_transition__jQncr{height:auto;aspect-ratio:var(--calc-aspect-ratio)}}.styles_width__base__wOrRN{position:absolute;top:50%;left:50%;transform:translate3d(-50%,-50%,0) scale(1);transition:opacity .4s,width .4s,height .4s,border-radius .4s,transform 0s;--calc-width:var(--width,1);--calc-width-padding:var(--width-padding,0);--calc-border-radius:var(--border-radius,14);border-radius:calc(1px * calc(var(--calc-border-radius) + var(--calc-width-padding) / 2));width:calc(100% * var(--calc-width) + calc(1px * var(--calc-width-padding)));height:calc(var(--col-width) * var(--calc-width) / var(--calc-aspect-ratio) + calc(1px * var(--calc-width-padding)))}@media (min-width:1176px){.styles_width__base__wOrRN{--calc-width:var(--desktop-width,var(--width,1));--calc-border-radius:var(--desktop-border-radius,var(--border-radius,14))}}.styles_width__mfggU{pointer-events:auto;overflow:hidden}.styles_width__offscreen__B_B6U{transition:opacity .4s,width .4s,height .4s,aspect-ratio .4s,transform 0s .4s;transform:translate3d(-50%,-50%,0) scale(0)}.styles_code--player-width__w7BTW{padding:0}@media (min-width:1176px){.styles_code--player-width__w7BTW{padding-top:24px}.styles_code--player-width__w7BTW:before{content:"";position:absolute;top:0;left:0;right:0;height:25px;background-image:var(--traffic-url);background-size:34px 8px;background-repeat:no-repeat;background-position:10px 8px}}.styles_code--player-props__g3kfI{padding:20px;height:100%;overflow-x:scroll}.styles_code--player-props__g3kfI>*{white-space:nowrap}.styles_code--player-props__g3kfI .comment{--tw-text-opacity:1;color:rgb(130 140 151/var(--tw-text-opacity,1))}.styles_code--player-props__g3kfI .comment.html:before{content:"<!-- "}.styles_code--player-props__g3kfI .comment.html:after{content:" --> "}.styles_code--player-props__g3kfI .prop,.styles_code--player-props__g3kfI .value{line-height:24px}.styles_code--player-props__g3kfI .token,.styles_code--player-props__g3kfI .value,.styles_code--player-props__g3kfI a{--tw-text-opacity:1;color:rgb(203 117 255/var(--tw-text-opacity,1))}.styles_code--player-props__g3kfI .indent,.styles_code--player-props__g3kfI .prop{margin-left:2ch;display:block;white-space:nowrap}@media (min-width:1176px){.styles_code--player-props__g3kfI .indent,.styles_code--player-props__g3kfI .prop{margin-left:3ch}}.styles_code--prop-label-input__kfmcO{display:inline;width:calc(calc(1ch * var(--characters)) + .6em);font:inherit;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:1px solid;margin:0;padding:0 .25em;line-height:calc(24px - .5em)}.styles_accessory-container__wFLJc{transition:transform .4s ease-in-out,opacity .4s ease-in-out;pointer-events:none;opacity:0}.styles_accessory-container__visible__DBh_u{opacity:1;pointer-events:auto;transform:var(--transform-visible)}.styles_select-example--example-container__HVTM2{position:absolute;bottom:calc(100% + 5px);left:0;right:0;margin-left:0;margin-right:5px;display:flex;justify-content:flex-start;overflow-x:scroll}@media (min-width:1176px){.styles_select-example--example-container__HVTM2{top:calc(20px + 100%);bottom:auto;margin-left:14px}}.styles_select-example--example-container__is-sandbox__wu4Nb{bottom:calc(185% + 5px)}@media (min-width:1176px){.styles_select-example--example-container__is-sandbox__wu4Nb{bottom:auto}}.styles_select-example--button__88uNQ{white-space:nowrap;flex:0 1 auto;text-align:center;cursor:pointer}.styles_select-example--button__88uNQ:first-child{margin-left:0}.styles_select-example--button__88uNQ:hover span{text-decoration:underline;text-underline-offset:.25em}.styles_select-example--button__active__hx3AI:hover span{text-decoration:none}.styles_player--width__HiKcH{display:flex}.styles_player--width__HiKcH mux-player{width:100%;--media-object-fit:contain}.styles_hover-preview--container__INRMl{position:absolute;width:150px;bottom:60px;transform:translateX(-50%);left:calc(var(--video-progress) * 100%)}@supports (left:clamp(95px,20%,100% - 95px)){.styles_hover-preview--container__INRMl{left:clamp(95px,calc(var(--video-progress) * 100%),100% - 95px)}}.styles_hover-preview--image-container__5cmP5{background-color:white;border-radius:5px;padding:5px;display:flex;flex-direction:column;align-items:center;font-size:14px;position:relative;font-family:var(--media-font-family,helvetica neue,segoe ui,roboto,arial,sans-serif)}.styles_hover-preview--image-container__5cmP5:after{position:absolute;content:"";width:0;height:0;border-color:white transparent transparent;border-style:solid;border-width:10px 8.5px 0;top:100%;left:50%;transform:translate(-50%)}.styles_data--image-container__YPbGn{position:absolute;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.1));width:35%;bottom:10%;right:8%}@media (min-width:1176px){.styles_data--image-container__YPbGn{top:20%;right:15%}}.styles_keyboard--svg__w2szb{position:absolute;bottom:100%;left:50%;width:35%;filter:drop-shadow(0 0 .5rem rgba(0,0,0,.1));transform:translate3d(-50%,33%,0)}@media (min-width:1176px){.styles_keyboard--svg__w2szb{bottom:0;transform:translate3d(-50%,75%,0)}}.styles_hide-mobile__lDMyX{display:none}@media (min-width:784px) and (min-height:768px){.styles_hide-mobile__lDMyX{display:block}}.styles_hide-desktop__I8Brp{display:block}@media (min-width:784px) and (min-height:768px){.styles_hide-desktop__I8Brp{display:none}}.styles_section-list__Dnt1M{overflow:hidden;padding-bottom:1px;margin-bottom:50px}@supports (overscroll-behavior-y:contain){.styles_section-list__Dnt1M{scroll-behavior:smooth}}.styles_section-list--item-button__9iUHr{display:block;margin-bottom:-1px;width:100%;white-space:nowrap;text-align:center;overflow:hidden;cursor:pointer;position:relative}.styles_section-list--item-button__9iUHr:before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background:white;transform-origin:left;transform:scaleX(var(--progress));opacity:0}.styles_section-list--item-button__active__7J_nJ:before{opacity:1}.styles_section-list--descriptions__hxR1r{margin:0 0 20px;padding:0;list-style-type:none;position:relative}@media (min-width:1176px){.styles_section-list--descriptions__hxR1r{margin-bottom:0;margin-left:50px}}.styles_demo-list--dl__T0YVa{scroll-behavior:smooth;margin:0 0 10px;padding:0;flex:0 1 1;overflow:hidden}@media not all and (min-resolution:0.001dpcm){@supports (-webkit-appearance:none){.styles_demo-list--dl__T0YVa{scroll-behavior:auto}}}@media (min-width:1176px){.styles_demo-list--dl__T0YVa{margin-bottom:0}}.styles_demo-list--dl__T0YVa:after,.styles_demo-list--dl__T0YVa:before{content:"";z-index:1;display:block;height:20px;width:100%;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:#e2e4dd var(--tw-gradient-from-position);--tw-gradient-to:rgb(226 228 221/0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to-position:80%}.styles_demo-list--dl__T0YVa:before{position:sticky;top:-1px}.styles_demo-list--dl__T0YVa:after{position:sticky;bottom:-1px;transform:rotate(180deg)}.styles_demo-list--icon__LNYHl{width:2em;height:2em}.styles_demo-list--description-group__g_gyy{border:none;background:none;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;display:block;width:100%;text-align:left;padding:20px 0;cursor:pointer;position:relative}.styles_demo-list--description-group__g_gyy dd{margin-bottom:0;margin-top:0;display:flex;align-items:center;height:0;width:calc(100% - 10px - 2em);overflow:hidden;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.styles_demo-list--description-group__g_gyy:after,.styles_demo-list--description-group__g_gyy:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px}.styles_demo-list--description-group__g_gyy:before{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.styles_demo-list--description-group__g_gyy:after{--tw-bg-opacity:1;background-color:rgb(172 57 242/var(--tw-bg-opacity,1));transform-origin:left;opacity:0;pointer-events:none;transform:scaleX(var(--progress))}.styles_demo-list--description-group__g_gyy:hover dt{--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));font-weight:700}.styles_demo-list--description-group__g_gyy dt{transition:transform .15s ease-in-out .05s;transform:translateZ(0);font-weight:400;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.styles_demo-list--description-group__g_gyy dd{transition:height .15s ease-in-out .05s,opacity .15s ease-in-out .05s,transform .15s ease-in-out .05s;opacity:0;pointer-events:none;transform:translateZ(0)}.styles_demo-list--description-group__g_gyy .styles_demo-list--icon__LNYHl{transition:transform .2s ease-in-out,opacity .2s ease-in-out;transform:translate3d(-50%,calc(10px + .25em),0) scale(0);opacity:.5}.styles_demo-list--description-group__active__Aps__:after{opacity:1;pointer-events:auto}.styles_demo-list--description-group__active__Aps__ dt{transition:transform .2s ease-in-out;transform:translate3d(calc(10px + 2em),0,0);font-weight:700;--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1))}.styles_demo-list--description-group__active__Aps__ dd{transition:height .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;opacity:1;pointer-events:auto;transform:translate3d(calc(10px + 2em),0,0);height:calc(var(--mobile-height, 0) * 1.5em)}@media (min-width:504px){.styles_demo-list--description-group__active__Aps__ dd{height:1.5em}}@media (min-width:1176px){.styles_demo-list--description-group__active__Aps__ dd{height:calc(var(--desktop-height, 0) * 1.5em)}}.styles_demo-list--description-group__active__Aps__ .styles_demo-list--icon__LNYHl{transition:transform .15s ease-in-out .05s,opacity .2s ease-in-out .1s;transform:translate3d(0,calc(10px + .25em),0) scale(1);opacity:1;pointer-events:auto}.styles_sandbox--after-player__Zb_gV{position:relative;height:calc(var(--col-width) * 9 / 16 + var(--col-width) * 3 / 4 + 168px)}.styles_sandbox--after-player__Zb_gV:after{content:"";position:absolute;--tw-bg-opacity:1;background-color:rgb(86 94 103/var(--tw-bg-opacity,1));height:70%;width:100%;bottom:0;left:0}@media (min-width:1176px){.styles_sandbox--after-player__Zb_gV:after{display:none}}