@layer components{@keyframes popup-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes popup-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.95)}}@keyframes popup-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes popup-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes sidebar-slide-in{0%{translate:100%}to{translate:0%}}@keyframes sidebar-slide-out{0%{translate:0%}to{translate:100%}}@keyframes sidebar-slide-in-left{0%{translate:-100%}to{translate:0%}}@keyframes sidebar-slide-out-left{0%{translate:0%}to{translate:-100%}}dialog{height:auto;inset:0 0 0 auto;max-height:100vh;padding:0;background-color:#fff;border:none}dialog::backdrop{background-color:#00000080;animation:popup-backdrop-in .3s ease-out forwards}dialog.dialog-closing::backdrop{animation:popup-backdrop-out .3s ease-in forwards}.dialog-modal{position:fixed;left:50%;top:50%;translate:-50% -50%;min-width:min(90vw,28rem);max-width:32rem;max-height:85vh;padding:calc(var(--spacing) * 6);background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg)}.dialog-modal[open]{animation:popup-fade-in .3s ease-out forwards}.dialog-modal.dialog-closing{animation:popup-fade-out .3s ease-in forwards}.dialog-modal::backdrop{background-color:#00000080;animation:popup-backdrop-in .3s ease-out forwards}.dialog-modal.dialog-closing::backdrop{animation:popup-backdrop-out .3s ease-in forwards}@media not (min-width:1024px){.dialog-modal-search{position:fixed;top:0;right:0;bottom:0;left:0;translate:0 0;width:100vw;height:100vh;max-width:100vw;max-height:100vh;min-width:100vw;border-radius:0;padding:0;margin:0}.dialog-modal-search predictive-search-component{height:100%;max-height:100vh}.dialog-modal-search .search-results-container{max-height:calc(100vh - 5rem)!important;height:calc(100vh - 5rem)}}@media(min-width:1024px){.dialog-modal-search .dialog-modal-search{max-height:98vh;max-width:80rem}.dialog-modal-search .dialog-modal-search .search-results-container{max-height:calc(98vh - 5rem)!important;height:calc(98vh - 5rem)}.dialog-modal-search .predictive-search-form{height:100%;display:flex;flex-direction:column}.dialog-modal-search .form-input{min-width:0;flex:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.dialog-modal-search .form-input::placeholder{text-overflow:ellipsis;overflow:hidden}}.dialog-modal-search .dialog-modal-search .form-input{min-height:3rem;height:3rem;padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.dialog-modal-search .dialog-modal-search .predictive-search-form>div:first-child{min-height:4.5rem;align-items:center}.dialog-header-wrapper{display:flex;align-items:center;justify-content:space-between;gap:calc(var(--spacing) * 4);margin-bottom:calc(var(--spacing) * 4)}.dialog-header{font-weight:700;font-size:var(--text-lg);margin:0;flex:1}.dialog-close{flex-shrink:0;padding:calc(var(--spacing) * 2);opacity:.8;transition-property:opacity;cursor:pointer;transition-duration:var(--transition-base);background:none;border:none;color:currentColor;width:2rem;height:2rem}.dialog-close:hover{opacity:1}.dialog-close svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}.dialog-content{max-width:none}.dialog-drawer{position:fixed;inset:0 0 0 auto;width:24rem;max-width:95vw;height:100%;max-height:100dvh;margin:0;border-radius:0;padding:0;background-color:#fff;scrollbar-gutter:stable}.dialog-drawer[open]{animation:sidebar-slide-in .3s ease forwards}.dialog-drawer.dialog-closing{animation:sidebar-slide-out .3s ease forwards}.dialog-drawer::backdrop{background-color:#00000080;animation:popup-backdrop-in .3s ease forwards}.dialog-drawer.dialog-closing::backdrop{animation:popup-backdrop-out .3s ease forwards}.dialog-drawer-left{left:0;right:auto}.dialog-drawer-left[open]{animation:sidebar-slide-in-left .3s ease forwards}.dialog-drawer-left.dialog-closing{animation:sidebar-slide-out-left .3s ease forwards}.dialog-sidebar{position:fixed;inset:0 0 0 auto;width:28rem;max-width:95vw;height:100%;max-height:100vh;margin:0;border-radius:0;padding:0;background-color:#fff;border-left:1px solid var(--color-border);box-shadow:var(--shadow-lg);scrollbar-gutter:stable}.dialog-sidebar[open]{animation:sidebar-slide-in .3s ease-out forwards}.dialog-sidebar.dialog-closing{animation:sidebar-slide-out .3s ease-in forwards}.dialog-sidebar::backdrop{background-color:#0000004d;animation:popup-backdrop-in .3s ease-out forwards}.dialog-sidebar.dialog-closing::backdrop{animation:popup-backdrop-out .3s ease-in forwards}.dialog-sidebar-left{left:0;right:auto;border-left:none;border-right:1px solid var(--color-border)}.dialog-sidebar-left[open]{animation:sidebar-slide-in-left .3s ease-out forwards}.dialog-sidebar-left.dialog-closing{animation:sidebar-slide-out-left .3s ease-in forwards}.drawer-header{display:flex;align-items:center;justify-content:flex-end;padding:calc(var(--spacing) * 6);border-bottom:1px solid var(--color-border);flex-shrink:0;position:relative}.drawer-header__title{margin:0;font-size:var(--text-base);font-weight:600}.drawer-header__close{display:flex;align-items:center;justify-content:center;padding:calc(var(--spacing) * 2);opacity:.7;transition:opacity var(--transition-fast);cursor:pointer;background:none;border:none;color:currentColor;width:2.25rem;height:2.25rem}.drawer-header__close:hover{opacity:1}.drawer-header__close:focus-visible{outline:none}.drawer-header__close svg{width:100%;height:100%;fill:currentColor;stroke:currentColor}@media(prefers-reduced-motion:reduce){:is(.dialog-modal,.dialog-modal-search,.dialog-drawer,.dialog-drawer-left,.dialog-sidebar,.dialog-sidebar-left)[open]{animation:none}:is(.dialog-modal,.dialog-modal-search,.dialog-drawer,.dialog-drawer-left,.dialog-sidebar,.dialog-sidebar-left).dialog-closing{animation:none}:is(.dialog-modal,.dialog-modal-search,.dialog-drawer,.dialog-drawer-left,.dialog-sidebar,.dialog-sidebar-left)::backdrop{animation:none}:is(.dialog-modal,.dialog-modal-search,.dialog-drawer,.dialog-drawer-left,.dialog-sidebar,.dialog-sidebar-left).dialog-closing::backdrop{animation:none}}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/dialog-Dc8vT9Bk.css.map */