.variant-drawer__container .variant-drawer__summary::after{opacity:0;pointer-events:none;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.variant-drawer.active .variant-drawer__container{pointer-events:auto}.variant-drawer.active .variant-drawer__container .variant-drawer__summary::after{opacity:1;pointer-events:auto}.variant-drawer__summary{position:relative}.variant-drawer__overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:20;height:100vh;width:100vw;display:none;opacity:0;visibility:hidden;-webkit-transition:opacity .3s ease;transition:opacity .3s ease}.variant-drawer__overlay.active{display:block;opacity:1;visibility:visible}.variant-drawer__content{position:fixed;bottom:0;left:0;width:100%;max-height:80vh;background-color:rgb(var(--color-background));border-top-left-radius:1.5rem;border-top-right-radius:1.5rem;padding:2rem;z-index:21;overflow-y:auto;-webkit-transition:opacity .3s ease,visibility .4s ease,-webkit-transform .4s cubic-bezier(.22,1,.36,1);transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility .4s ease;transition:transform .4s cubic-bezier(.22,1,.36,1),opacity .3s ease,visibility .4s ease,-webkit-transform .4s cubic-bezier(.22,1,.36,1);will-change:transform,opacity}.variant-drawer.active .variant-drawer__content,html.no-js .variant-drawer__container[open] .variant-drawer__content{-webkit-transform:translateY(0);transform:translateY(0);opacity:1;visibility:visible}.variant-drawer.is-closing .variant-drawer__content,.variant-drawer__content{-webkit-transform:translateY(100%);transform:translateY(100%);opacity:0;visibility:hidden}.variant-drawer__close{position:absolute;top:2rem;right:2rem;background:0 0;border:0;cursor:pointer;z-index:2;color:rgb(var(--color-header-foreground));height:1.5rem;width:1.5rem}.variant-drawer__close .icon{width:100%;height:100%}.variant-drawer__header,.variant-drawer__selects{margin-bottom:2rem}