.cm-overview button.cm-feature-screen{display:block;padding:0;border:0;background:none;border-radius:0;color:inherit;font:inherit;cursor:zoom-in;-webkit-appearance:none;appearance:none;position:relative}.cm-overview .cm-feature-phone{transform-origin:center bottom;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s;pointer-events:auto}.cm-overview .cm-feature:has([data-cm-phone-reveal][aria-expanded=true]){z-index:10}.cm-overview [data-cm-phone-reveal][aria-expanded=true]{overflow:visible;cursor:zoom-out;z-index:10}.cm-overview [data-cm-phone-reveal][aria-expanded=true] .cm-feature-phone{transform:translateY(calc(var(--cm-crop-height) - 100%)) scale(var(--cm-phone-scale,1));filter:drop-shadow(0 12px 18px #0006)}.cm-overview [data-cm-phone-reveal]:focus-visible{outline:3px solid #4ae581;outline-offset:6px;border-radius:14px}@media(prefers-reduced-motion:reduce){.cm-overview .cm-feature-phone{transition:none}}.cm-overview [data-cm-phone-reveal][aria-expanded=true]:focus-visible{outline:none}.cm-overview [data-cm-phone-reveal][aria-expanded=true]:focus-visible .cm-feature-phone{outline:2px solid #4ae581;outline-offset:5px;border-radius:20px}.cm-overview [data-cm-phone-reveal][aria-expanded=true] .cm-feature-phone{transform:translateY(var(--cm-phone-shift,0px)) scale(var(--cm-phone-scale,1))}.cm-phone-dialog{box-sizing:border-box;width:88vw;max-width:420px;max-height:calc(100dvh - 24px);margin:auto;padding:12px;border:1px solid #ffffff30;border-radius:24px;background:#171c34;color:#fff;overflow:auto;box-shadow:0 25px 90px #0008;font:14px Arial,sans-serif;overscroll-behavior:contain}.cm-phone-dialog::backdrop{background:#060c20bd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.cm-phone-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;position:sticky;top:0;z-index:2;background:#171c34;border-radius:10px}.cm-phone-dialog-bar button{width:40px;height:40px;border:1px solid #ffffff40;border-radius:50%;background:#ffffff15;color:#fff;font-size:20px;cursor:pointer}.cm-phone-dialog-bar button:focus-visible{outline:3px solid #4ae581;outline-offset:2px}.cm-phone-dialog .cm-feature-phone{position:relative;width:100%;transform:none;filter:none}.cm-phone-dialog .cm-feature-phone>img:first-child{display:block;width:100%;height:auto}.cm-phone-dialog .cm-feature-app{position:absolute;left:4.1%;top:2.3%;width:89.8%;height:94.1%;object-fit:fill;border-radius:6%/3%;filter:brightness(.93)}.cm-phone-dialog .cm-feature-phone:after{content:"";position:absolute;left:47%;top:3.3%;width:3.75%;aspect-ratio:1;border-radius:50%;background:#0002;pointer-events:none}@media(max-width:700px){.cm-overview [data-cm-phone-reveal][aria-expanded=true]{overflow:hidden}.cm-overview [data-cm-phone-reveal][aria-expanded=true] .cm-feature-phone{transform:none;filter:none}}@media(prefers-reduced-motion:no-preference){.cm-phone-dialog[open]{animation:cm-phone-dialog-in .16s ease-out}@keyframes cm-phone-dialog-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/classmate-phone-reveal.css.map */