.matching-phone-preview-module__0TAt7q__root{--phone-card-ease:cubic-bezier(.2, .72, .22, 1)}.matching-phone-preview-module__0TAt7q__root[data-autoplay-active=true]{--phone-card-ease:cubic-bezier(.22, .8, .22, 1)}.matching-phone-preview-module__0TAt7q__card{touch-action:pan-y;transform-origin:50% 90%;transition:transform var(--phone-horizontal-swipe-ms) var(--phone-card-ease), opacity .28s ease-out;-webkit-user-select:none;user-select:none}.matching-phone-preview-module__0TAt7q__activeCard{z-index:10;cursor:grab;opacity:1;transform:translate(0,0)scale(1)}.matching-phone-preview-module__0TAt7q__nextCard{z-index:5;pointer-events:none;opacity:.82;transform:translateY(.75rem)scale(.955)}.matching-phone-preview-module__0TAt7q__detailDrawer{pointer-events:none;transition:transform var(--phone-drawer-open-ms) cubic-bezier(.2, .72, .22, 1);transition-delay:var(--phone-drawer-open-delay-ms);visibility:hidden;transform:translateY(102%)}.matching-phone-preview-module__0TAt7q__rejectRail,.matching-phone-preview-module__0TAt7q__saveRail,.matching-phone-preview-module__0TAt7q__openCue{opacity:0;transition:opacity .24s ease-out,transform .32s cubic-bezier(.22,.8,.22,1)}.matching-phone-preview-module__0TAt7q__lessonCue{opacity:0;transition:transform .32s cubic-bezier(.22,.8,.22,1);transform:translate(-50%,calc(.5rem - 50%))}.matching-phone-preview-module__0TAt7q__rejectRail{transform:translate(.5rem)}.matching-phone-preview-module__0TAt7q__saveRail{transform:translate(-.5rem)}.matching-phone-preview-module__0TAt7q__openCue{transform:translateY(.5rem)}.matching-phone-preview-module__0TAt7q__root[data-cue=reject] .matching-phone-preview-module__0TAt7q__lessonCue,.matching-phone-preview-module__0TAt7q__root[data-cue=save] .matching-phone-preview-module__0TAt7q__lessonCue,.matching-phone-preview-module__0TAt7q__root[data-cue=open] .matching-phone-preview-module__0TAt7q__lessonCue{opacity:1;transform:translate(-50%,-50%)}.matching-phone-preview-module__0TAt7q__root[data-phase=rejecting] .matching-phone-preview-module__0TAt7q__activeCard{opacity:.94;will-change:transform, opacity;transform:translate(-118%,1rem)rotate(-8deg)}.matching-phone-preview-module__0TAt7q__root[data-phase=saving] .matching-phone-preview-module__0TAt7q__activeCard{opacity:.94;will-change:transform, opacity;transform:translate(118%,1rem)rotate(8deg)}.matching-phone-preview-module__0TAt7q__root[data-phase=opening] .matching-phone-preview-module__0TAt7q__activeCard{opacity:.96;transition-duration:var(--phone-upward-swipe-ms), .28s;will-change:transform, opacity;transform:translateY(-112%)scale(.985)}.matching-phone-preview-module__0TAt7q__root[data-phase=cue-reject] .matching-phone-preview-module__0TAt7q__rejectRail,.matching-phone-preview-module__0TAt7q__root[data-phase=rejecting] .matching-phone-preview-module__0TAt7q__rejectRail,.matching-phone-preview-module__0TAt7q__root[data-phase=cue-save] .matching-phone-preview-module__0TAt7q__saveRail,.matching-phone-preview-module__0TAt7q__root[data-phase=saving] .matching-phone-preview-module__0TAt7q__saveRail,.matching-phone-preview-module__0TAt7q__root[data-phase=cue-open] .matching-phone-preview-module__0TAt7q__openCue,.matching-phone-preview-module__0TAt7q__root[data-phase=opening] .matching-phone-preview-module__0TAt7q__openCue{opacity:1;transform:translate(0)}.matching-phone-preview-module__0TAt7q__root[data-phase=cue-open] .matching-phone-preview-module__0TAt7q__openAction,.matching-phone-preview-module__0TAt7q__root[data-phase=opening] .matching-phone-preview-module__0TAt7q__openAction,.matching-phone-preview-module__0TAt7q__root[data-phase=drawer-open] .matching-phone-preview-module__0TAt7q__openAction{box-shadow:0 0 0 3px color-mix(in srgb, var(--color-honey) 35%, transparent);transform:translateY(-1px)}.matching-phone-preview-module__0TAt7q__root[data-phase=opening] .matching-phone-preview-module__0TAt7q__detailDrawer{visibility:visible;transform:translateY(0)}.matching-phone-preview-module__0TAt7q__root[data-detail-open=true] .matching-phone-preview-module__0TAt7q__detailDrawer{pointer-events:auto;visibility:visible;transition-delay:0s;transform:translateY(0)}.matching-phone-preview-module__0TAt7q__root[data-phase=drawer-closing] .matching-phone-preview-module__0TAt7q__detailDrawer{pointer-events:none;transition-delay:0s;transition-duration:var(--phone-drawer-close-ms);transform:translateY(102%)}.matching-phone-preview-module__0TAt7q__root[data-dragging=true] .matching-phone-preview-module__0TAt7q__activeCard{cursor:grabbing;transform:translate3d(var(--matching-drag-x,0), var(--matching-drag-y,0), 0);will-change:transform;transition:none}.matching-phone-preview-module__0TAt7q__root[data-dragging=true] .matching-phone-preview-module__0TAt7q__rejectRail,.matching-phone-preview-module__0TAt7q__root[data-dragging=true] .matching-phone-preview-module__0TAt7q__saveRail,.matching-phone-preview-module__0TAt7q__root[data-dragging=true] .matching-phone-preview-module__0TAt7q__openCue{opacity:.82}@media (prefers-reduced-motion:reduce){.matching-phone-preview-module__0TAt7q__card,.matching-phone-preview-module__0TAt7q__detailDrawer,.matching-phone-preview-module__0TAt7q__lessonCue,.matching-phone-preview-module__0TAt7q__rejectRail,.matching-phone-preview-module__0TAt7q__saveRail,.matching-phone-preview-module__0TAt7q__openCue,.matching-phone-preview-module__0TAt7q__openAction{transition:none}.matching-phone-preview-module__0TAt7q__activeCard,.matching-phone-preview-module__0TAt7q__nextCard,.matching-phone-preview-module__0TAt7q__root[data-dragging=true] .matching-phone-preview-module__0TAt7q__activeCard,.matching-phone-preview-module__0TAt7q__detailDrawer,.matching-phone-preview-module__0TAt7q__root[data-detail-open=true] .matching-phone-preview-module__0TAt7q__detailDrawer,.matching-phone-preview-module__0TAt7q__root[data-phase=drawer-closing] .matching-phone-preview-module__0TAt7q__detailDrawer{transform:none}}