body.mood-checker-open{overflow:hidden}.mood-checker__dialog{width:min(1040px,calc(100vw - 48px));max-width:none;max-height:min(760px,calc(100dvh - 48px));margin:auto;padding:0;overflow:hidden;border:0;background:transparent;color:inherit}.mood-checker__dialog::backdrop{background:var(--modal-backdrop-background);opacity:0;backdrop-filter:var(--modal-backdrop-filter);-webkit-backdrop-filter:var(--modal-backdrop-filter);transition:opacity var(--motion-duration-standard) ease}.mood-checker__dialog.is-open::backdrop{opacity:1}.mood-checker__panel{display:grid;min-height:min(680px,calc(100dvh - 48px));overflow:hidden;border:var(--border-width-hairline) solid var(--color-border);background:var(--color-background);color:var(--color-foreground);grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);opacity:0;transform:translateY(24px) scale(.985);transition:opacity var(--motion-duration-standard) ease,transform var(--motion-duration-slow) var(--motion-ease-standard)}.mood-checker__dialog.is-open .mood-checker__panel{opacity:1;transform:translateY(0) scale(1)}.mood-checker__visual{position:relative;min-height:100%;overflow:hidden;background:var(--color-surface-soft)}.mood-checker__visual-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;color:var(--color-muted);place-items:center}.mood-checker__visual-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.025);transition:opacity var(--motion-duration-slow) ease,transform .9s var(--motion-ease-standard)}.mood-checker__visual-image.is-active{opacity:1;transform:scale(1)}.mood-checker__visual-overlay{position:absolute;top:45%;right:0;bottom:0;left:0;background:linear-gradient(transparent,color-mix(in srgb,var(--color-foreground) 46%,transparent));pointer-events:none}.mood-checker__visual-label{position:absolute;right:var(--space-5);bottom:var(--space-5);left:var(--space-5);margin:0;color:var(--color-background);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-letter-spacing);text-transform:var(--type-caption-transform)}.mood-checker__content{position:relative;display:flex;min-width:0;padding:clamp(32px,5vw,64px);flex-direction:column}.mood-checker__close{position:absolute;z-index:2;top:16px;right:16px;display:grid;width:40px;height:40px;padding:0;border:0;background:transparent;color:currentcolor;place-items:center;cursor:pointer;transition:opacity var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.mood-checker__close:hover{opacity:.58;transform:rotate(4deg)}.mood-checker__close:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:-4px}.mood-checker__header{display:grid;padding-right:36px;gap:var(--space-3)}.mood-checker__eyebrow,.mood-checker__title,.mood-checker__text,.mood-checker__visual-label{text-box-trim:trim-both;text-box-edge:cap alphabetic}.mood-checker__eyebrow{display:inline-flex;width:fit-content;margin:0;color:var(--color-muted);font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);letter-spacing:var(--type-caption-letter-spacing);text-transform:var(--type-caption-transform);align-items:center;gap:var(--space-2)}.mood-checker__eyebrow--line:before{width:24px;height:var(--border-width-hairline);background:currentcolor;content:""}.mood-checker__eyebrow--rules:before,.mood-checker__eyebrow--rules:after{width:20px;height:var(--border-width-hairline);background:currentcolor;content:""}.mood-checker__eyebrow--frame{padding:5px 10px;border-top:var(--border-width-hairline) solid currentcolor;border-bottom:var(--border-width-hairline) solid currentcolor}.mood-checker__title{margin:0}.mood-checker__text{color:var(--color-muted);font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height)}.mood-checker__text>*{margin:0}.mood-checker__steps{display:grid;margin-top:auto;padding-top:clamp(28px,5vh,56px);gap:var(--space-5)}.mood-checker__step{min-width:0;margin:0;padding:0;border:0}.mood-checker__step legend{margin-bottom:var(--space-3);padding:0;font-size:var(--type-title-small-size);font-weight:var(--type-title-weight);line-height:var(--type-title-small-line-height)}.mood-checker__choices{display:flex;flex-wrap:wrap;gap:var(--space-2)}.mood-checker__choice{display:inline-flex;min-height:42px;padding:9px 12px;border:var(--border-width-hairline) solid var(--color-border);background:transparent;color:currentcolor;font:inherit;font-size:var(--type-body-small-size);line-height:var(--type-body-small-line-height);align-items:center;gap:var(--space-2);cursor:pointer;transition:border-color var(--motion-duration-fast) ease,background-color var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease,transform var(--motion-duration-standard) var(--motion-ease-standard)}.mood-checker__choice:hover{border-color:var(--color-foreground);transform:translateY(-1px)}.mood-checker__choice[aria-pressed=true]{border-color:var(--color-foreground);background:var(--color-foreground);color:var(--color-background)}.mood-checker__choice:focus-visible{outline:var(--border-width-default) solid currentcolor;outline-offset:3px}.mood-checker__footer{display:flex;margin-top:var(--space-6);align-items:center;gap:var(--space-4)}.mood-checker__submit{min-width:min(100%,260px)}.mood-checker__skip{padding:0;border:0;background:transparent;color:currentcolor;font:inherit;cursor:pointer}.mood-checker__empty{margin:auto 0;color:var(--color-muted)}.mood-checker__shortcut{position:fixed;z-index:28;bottom:20px;left:20px;display:inline-flex;min-height:40px;padding:9px 13px;border:var(--border-width-hairline) solid var(--color-border);background:color-mix(in srgb,var(--color-background) 90%,transparent);color:var(--color-foreground);font:inherit;font-size:var(--type-caption-size);line-height:var(--type-caption-line-height);align-items:center;gap:var(--space-2);cursor:pointer;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);transition:transform var(--motion-duration-standard) var(--motion-ease-standard),background-color var(--motion-duration-fast) ease,color var(--motion-duration-fast) ease}.mood-checker__shortcut:hover{background:var(--color-foreground);color:var(--color-background);transform:translateY(-2px)}@media(max-width:749px){.mood-checker__dialog{width:100vw;height:100dvh;max-height:none;margin:0}.mood-checker__panel{min-height:100dvh;grid-template-columns:1fr;grid-template-rows:minmax(180px,34dvh) minmax(0,1fr)}.mood-checker__visual{min-height:0}.mood-checker__content{min-height:0;padding:28px 16px 20px;overflow-y:auto}.mood-checker__close{top:10px;right:8px}.mood-checker__header{padding-right:32px}.mood-checker__steps{margin-top:0;padding-top:28px}.mood-checker__choices{flex-wrap:nowrap;padding:2px 1px 5px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.mood-checker__choices::-webkit-scrollbar{display:none}.mood-checker__choice{flex:0 0 auto;scroll-snap-align:start}.mood-checker__footer{margin-top:24px;flex-direction:column;align-items:stretch}.mood-checker__submit{width:100%}.mood-checker__skip{align-self:center}.mood-checker__shortcut{bottom:12px;left:12px}}@media(prefers-reduced-motion:reduce){.mood-checker__dialog::backdrop,.mood-checker__panel,.mood-checker__visual-image,.mood-checker__close,.mood-checker__choice,.mood-checker__shortcut{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/component-mood-checker.css.map */