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