.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modals);display:flex;justify-content:flex-end;pointer-events:none}.modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:block!important;background-color:rgba(var(--color-black-rgb),.2);backdrop-filter:blur(.3rem);-webkit-backdrop-filter:blur(.3rem);opacity:0;transition:opacity var(--duration-default);pointer-events:none}.modal__dialog{position:relative;z-index:5;max-width:64rem;width:100%;height:100%;display:flex;flex-direction:column;border-radius:0;background-color:var(--color-white);opacity:0;transform:translate(100%);transition:opacity var(--duration-default),transform var(--duration-default);overflow:hidden auto}@media screen and (min-width: 640px){.modal__dialog{border-radius:.8rem 0 0 .8rem}}.modal__content{flex:1 0 auto;display:flex;flex-direction:column}[open]{pointer-events:all}[open] .modal__dialog{opacity:1;transform:none}[open] .modal__overlay{opacity:1}.modal__head{padding:1.6rem 1.6rem 1rem;display:grid;grid-template-columns:1fr auto 1fr}.modal__title{margin:0;color:var(--color-grey)}.modal__close{display:inline-flex;align-items:center;gap:.8rem;width:auto;height:auto;margin-right:auto;border:0;border-radius:0;background-color:transparent;font-weight:700;font-size:1.2rem;color:var(--color-dark);-webkit-appearance:none;appearance:none}.modal__close-icons{position:relative;width:2.4rem;height:2.4rem;display:flex;border-radius:.2rem;border:0;background-color:transparent;color:var(--color-grey);transition:background-color var(--duration-default);overflow:hidden}.modal__close-icon{flex:0 0 100%;display:block;width:100%;height:100%;display:flex;justify-content:center;align-items:center;transition:transform var(--duration-default)}@media (hover: hover) and (pointer: fine){.modal__close:hover .modal__close-icons{background-color:var(--color-lighter)}.modal__close:hover .modal__close-icons .modal__close-icon{transform:translate(-100%)}}.modal--center{justify-content:center;align-items:center;padding:var(--header-height, 0px) 0 0}@media screen and (min-width: 750px){.modal--center{padding:5rem}}.modal--center .modal__dialog{max-width:100%;height:100%;border-radius:1.6rem 1.6rem 0 0;overflow:hidden}@media screen and (min-width: 750px){.modal--center .modal__dialog{max-width:88rem;height:90%;border-radius:1.6rem}}.modal--center:not([open]) .modal__dialog{transform:translateY(100%)}.modal--center .modal__head{gap:1rem;padding:1.6rem 1rem;margin-bottom:2rem}@media screen and (min-width: 750px){.modal--center .modal__head{align-items:flex-start;padding:2rem;margin-bottom:0}}.modal--center .modal__title{margin:.2rem 0;color:var(--color-black)}.modal--center .modal__content{flex:1 0;overflow:hidden}.modal--center .modal__content-inner{height:100%;overflow:hidden auto}.modal--size-guide .modal__content-inner{overflow:hidden}.modal--size-guide .tabs{height:100%;display:flex;flex-direction:column;overflow:hidden}.modal--size-guide .tabs__items{flex:1 0;overflow:hidden auto}.modal--cart-drawer .modal__dialog{overflow:hidden}.modal--cart-drawer [data-overflow-container]{flex:1 0;display:flex;flex-direction:column;overflow:hidden auto}.modal--cart-drawer .modal__content{height:calc(100% - 5rem)}.modal--quickview .modal__dialog{overflow:hidden}.modal--quickview [data-overflow-container]{flex:1 0;display:flex;flex-direction:column;overflow:hidden auto}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-modal.css.map */