:root{--client-width: 360px;--client-width-max: 1024px;--color-transparent: transparent;--color-white-opaque: rgba(255,255,255,0);--color-white: #FFFFFF;--color-black: #000000;--color-gray: #2b2c34;--color-gray-light: #e4e4e4;--color-gray-opaque: rgba(7, 14, 17, .5);--color-pink: #D700BA;--color-purple: #4C0463;--color-blue: #EDF9FF;--font-family: "Nunito", sans-serif;--font-weight-thin: 200;--font-weight-extra-light: 300;--font-weight-light: 400;--font-weight-regular: 500;--font-weight-medium: 600;--font-weight-semi-bold: 700;--font-weight-bold: 800;--font-weight-extra-bold: 900;--font-size-xxs: .75rem;--font-size-xs: .9375rem;--font-size-s: 1.0625rem;--font-size-m: 1.1875rem;--font-size-ml: 1.5rem;--font-size-l: 1.625rem;--font-size-xl: 2.125rem;--font-size-xxl: 2.5rem;--spacing-8: 8px;--spacing-12: 12px;--spacing-16: 16px;--spacing-20: 20px;--spacing-24: 24px;--spacing-28: 28px;--spacing-32: 32px;--spacing-36: 36px;--spacing-40: 40px;--spacing-48: 48px;--spacing-60: 60px;--spacing-80: 80px;--zi-hide: -9999px;--zi-plus-one: 1;--zi-modal: 9;--zi-popover: 99;--border-color: $color-transparent;--border-radius: 3px;--box-shadow: rgb(76, 4, 99) 0px 2px 10px -5px;--transition-timer-100ms: .1s;--transition-timer-200ms: .2s;--transition-easeInOutQuad: cubic-bezier(.455, .03, .515, .955);--color-primary: var(--color-pink);--color-secondary: var(--color-purple);--color-tertiary: var(--color-blue);--color-text: var(--color-purple);--color-background-primary: var(--color-white);--color-background-secondary: var(--color-blue);--scroll-background: var(--color-transparent);--scroll-thumb: var(--color-gray-dark);--scroll-pip-width: 8px;--scroll-pip-height: 8px;--border-radius-sb: 0}@media (min-width: 768px){:root{--font-size-xxs: .6875rem;--font-size-xs: .875rem;--font-size-s: 1rem;--font-size-m: 1.125rem;--font-size-ml: 1.375rem;--font-size-l: 1.5rem;--font-size-xl: 2rem}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body,html{margin:0;height:calc(var(--vh) * 100);overflow:hidden;background-attachment:fixed;background-color:var(--color-background-primary);background-size:100vw 100vh;font-family:var(--font-family);font-size:var(--font-size-m);font-weight:var(--font-weight-light);letter-spacing:1px;line-height:1.8;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:var(--color-white);-webkit-text-size-adjust:none;scrollbar-face-color:var(--scroll-thumb);scrollbar-track-color:var(--scroll-background);scrollbar-width:thin;scrollbar-color:var(--scroll-thumb) var(--scroll-background)}body::-webkit-scrollbar,html::-webkit-scrollbar{width:var(--scroll-pip-width);height:var(--scroll-pip-height)}body::-webkit-scrollbar-thumb,html::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:var(--border-radius-sb)}body::-webkit-scrollbar-track,html::-webkit-scrollbar-track{background:var(--scroll-background)}a:link,a:visited,a:hover,a:active{color:var(--color-primary)}:is(p){line-height:1.5}h1,h2,h3{line-height:1.3;margin:0}:is(h1){font-size:var(--font-size-xxl);font-weight:var( --font-weight-semi-bold)}:is(h2){margin-bottom:var(--spacing-20)}h3{font-size:var(--font-size-m)}ul{list-style-type:circle;margin:0;margin-left:var(--spacing-20);padding:0}ul.bullets{list-style-type:circle;padding-left:var(--spacing-20)}input,button{font-size:inherit;font-family:inherit}button:focus:not(:focus-visible){outline:none}pre{font-size:16px;font-family:var(--font-mono);background-color:var(--color-background-secondary);border-radius:3px;box-shadow:2px 2px 6px #ffffff40;padding:.5em;overflow-x:auto;color:var(--color-black)}.visually-hidden:focus,.visually-hidden:focus-visible{clip:auto;height:auto;width:auto;white-space:normal;overflow:visible;position:static}.hidden{display:none}.page{display:grid;grid-template-rows:40px 1fr 40px;height:100vh;background-image:url(../../../layout/background.jpg);background-size:cover;background-position:center;background-repeat:no-repeat}.page-fullscreen{grid-template-rows:0 1fr 0!important}.page-fullscreen-iteraction{grid-template-rows:40px 1fr 40px!important}main{align-items:center;display:flex;justify-content:center}.player-play{align-items:center;background-color:#fff9;border-radius:50%;cursor:pointer;display:flex;height:100px;justify-content:center;padding:20px;width:100px}.player-play svg{display:block;fill:#1e1e1e99;height:40px;width:40px}.player-images{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.player-image{border-radius:8px;flex:1 1 calc(33.333% - 1rem);height:auto;max-width:calc(33.333% - 1rem);object-fit:cover}@media (max-width: 768px){.player-image{flex:1 1 calc(50% - 1rem);max-width:calc(50% - 1rem)}}.player-timer{align-items:center;background-color:#ffffff80;border-radius:50%;bottom:56px;color:var(--color-primary);display:flex;font-weight:900;font-size:32px;height:60px;justify-content:center;padding:0;position:absolute;right:20px;text-align:center;width:60px}.player-cc{background-color:#c8c8c8cc;border-radius:4px;bottom:64px;font-size:16px;font-weight:600;left:0;margin-left:auto;margin-right:auto;padding:10px;position:absolute;right:0;text-align:center;width:50%}.show-header-footer{display:flex;height:40px}.hide-header-footer{display:none}header{background-color:#fff3;padding:0 16px;position:sticky;top:0}header .logo{align-items:center;display:flex;gap:10px}header .logo img{height:24px;width:auto}header .logo h1{color:#333;font-size:20px;margin:0}footer{align-items:center;background-color:#ffffff80;bottom:0;display:flex;flex-direction:row;gap:1rem;padding:0 16px;position:sticky;justify-content:left}footer .lft{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:left;width:100%}footer .rgt{align-items:center;display:flex;flex-direction:row;gap:1rem;justify-content:right;width:50%}footer .volume{align-items:center;display:flex;height:20px;gap:4px;padding:0;position:relative}footer .volume input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ccc;border-radius:5px;cursor:pointer;height:5px;transition:width .2s ease-in-out;width:0}footer .volume:hover input[type=range]{width:80px}footer .volume input[type=range]::-webkit-slider-runnable-track{background:#fff6;border-radius:5px;height:5px;width:100%}footer .volume input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff;border-radius:50%;height:12px;margin-top:-4px;transition:transform .15s ease-in-out;width:0px}footer .volume:hover input[type=range]::-webkit-slider-thumb{width:12px}footer .volume input[type=range]::-moz-range-thumb{background:#fff;border-radius:50%;height:12px;transition:transform .15s ease-in-out;width:0px}footer .volume:hover input[type=range]::-moz-range-thumb{background:#fff;border-radius:50%;height:12px;transition:transform .15s ease-in-out;width:12px}footer .volume input[type=range]:active::-webkit-slider-thumb{transform:scale(1.2)}button{padding:10px 20px;margin:5px;font-size:16px;cursor:pointer;border:1px solid #ccc;border-radius:5px;transition:background-color .3s,opacity .3s}.playerAction:first-child{fill:#000;display:block;height:24px;width:24px}.actionIcon{display:block;height:20px;width:20px;cursor:pointer;transition:background-color .2s,border-color .2s}.actionIcon svg{display:block;height:20px;width:20px}.actionIcon:hover{fill:#0345f9}.actionIcon.active{fill:#4caf50}