.size-selector-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 16px;border:2px solid #ebebeb;border-radius:12px;background:#fff;cursor:pointer;font-size:14px;transition:all .25s ease;margin-bottom:14px}.size-selector-trigger:hover{border-color:var(--g-main)}.size-selector-trigger svg{transition:transform .3s ease}.selected-size-display{font-weight:600;color:#333;font-size:1rem}.size-drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease;z-index:999}.size-drawer-overlay.active{opacity:1;visibility:visible}.size-drawer{position:fixed;top:0;right:0;bottom:0;width:90%;max-width:560px;background:#fff;transform:translate(100%);transition:transform .3s ease;z-index:1000;display:flex;flex-direction:column}.size-drawer.active{transform:translate(0)}.size-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #ebebeb}.size-drawer-header h3{font-size:18px;font-weight:600;margin:0}.size-drawer-close{background:none;border:none;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;color:#000;transition:opacity .2s ease}.size-drawer-close:hover{opacity:.6}.size-drawer-content{flex:1;overflow-y:auto;padding:24px}.size-grid-label.disabled{opacity:.5;cursor:not-allowed;text-decoration:line-through;background-color:#f9f9f9}.size-grid-item .dimensions{font-size:14px}.size-grid-label span{text-align:left}@media screen and (max-width:767px){.size-grid-label{padding:10px}}#sizeSelectorTrigger svg{height:12px;width:12px;transform:rotate(270deg)}body.drawer-open{overflow:hidden}.size-grid-item{display:flex;align-items:center;justify-content:space-between;border:2px solid #ebebeb;padding:18px;border-radius:16px;margin-bottom:15px}.size-grid-item .input{order:2;display:flex;gap:10px}.size-grid-label{display:flex;flex-direction:column;gap:5px;margin-bottom:0}.size-info{display:flex;flex-direction:column}.size-grid-label .size-name{font-weight:600;line-height:127%;font-size:1rem}.size-price{font-size:1rem;color:#333;font-weight:600}.size-grid-item .input input{scale:1.2;accent-color:var(--g-main)}#date-selector-wrapper{padding:13px 0;border:2px solid #ebebeb;border-radius:12px}@media screen and (max-width:767px){.size-grid-item{padding:8px 12px}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/size-variant.css.map */