.variant-selector-button{width:100%;padding:10px 15px;background:#fff;border:1px solid #000000;border-radius:0;font-size:16px!important;font-weight:500;color:#1a1a1a;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all .2s ease}.variant-selector-button:hover{border-color:#1a1a1a}.variant-selector-button:active{transform:translateY(1px)}.variant-drawer .dropdown-arrow{width:20px;height:20px;fill:#666;transition:transform .2s ease}.variant-selector-button.active .dropdown-arrow{transform:rotate(180deg)}.variant-drawer .drawer-overlay.active{opacity:1;visibility:visible}.variant-drawer .drawer-title{font-size:24px;font-weight:600;color:#1a1a1a}.close-button{width:32px;height:32px;background:none;border:none;cursor:pointer;padding:4px;border-radius:6px;transition:background-color .2s ease}.close-button:hover{background-color:#f1f1f1}.close-icon{width:24px;height:24px;stroke:#666}.drawer-content{flex:1;overflow-y:auto;padding:0 24px}.variants-list{list-style:none;padding:0;overflow-y:auto}.variant-option{padding:14px 16px;font-size:16px;border-bottom:1px solid #f1f1f1;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .2s ease;line-height:1}.variant-option:hover{background-color:#f8f8f8}.variant-option:last-child{border-bottom:none}.variant-price,.variant-name{font-size:16px;font-weight:400;color:#1a1a1a;line-height:1}.variant-option.selected{background-color:#f2f2f2;color:#000}.variant-option.selected .variant-name,.variant-option.selected .variant-price{color:#000}.variant-option.selected .checkmark{opacity:1}.variant-drawer .size-guide-button{width:100%;padding:14px 20px;background:#1a1a1a;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:500;cursor:pointer;transition:background-color .2s ease}.size-guide-button:hover{background-color:#333}.size-guide-button:active{transform:translateY(1px)}@media (min-width: 480px){.variant-drawer .bottom-drawer{position:absolute;background:#fff;border-radius:0;transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:1001;max-height:85vh;overflow:hidden;display:none;flex-direction:column;border:1px solid #000000}.variant-drawer .bottom-drawer.active{display:flex;width:100%}.variant-drawer .drawer-header,.variant-drawer .drawer-footer{display:none}.find-size-desktop{min-width:100px}}@media (max-width: 480px){variant-drawer .drawer-content{padding:0}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#80808099;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}.variant-drawer .bottom-drawer{position:fixed;bottom:0;left:0;right:0;background:#fff;border-radius:0;transform:translateY(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);z-index:1001;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.variant-drawer .bottom-drawer.active{transform:translateY(0)}.variant-drawer .drawer-header{display:flex;justify-content:space-between;align-items:center;padding:18px 14px;border-bottom:1px solid #e1e1e1;flex-shrink:0}.variant-drawer .drawer-footer{padding:20px 24px;border-top:1px solid #F2F2F2;flex-shrink:0;display:flex;align-items:center;justify-content:center}.find-size-desktop{display:none!important}.variant-drawer .find-size{max-width:250px;min-width:200px;justify-content:center}}.variant-drawer .drawer-content{padding:0}div#drawerOverlay.active{position:fixed;height:100vh;width:100vw;top:0;right:0;bottom:0;left:0;z-index:0}
/*# sourceMappingURL=/cdn/shop/t/247/assets/component-variant-drawer.css.map */