.product-item:hover .size-overlay{opacity:1;visibility:visible;-webkit-transform:translateY(0%);-moz-transform:translateY(0%);-o-transform:translateY(0%);transform:translateY(0)}.size-overlay{position:absolute;bottom:0;left:0;width:100%;opacity:0;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);transition:transform .5s ease-in-out,opacity .5s ease-in-out}.size-overlay .size-options{--margin-css: calc(var(--margin) * 1px);display:flex;justify-content:center;flex-wrap:wrap;padding:0 10px;box-sizing:border-box;margin-bottom:calc(var(--margin-css) * .5)}.size-overlay .size-options>*{flex:0 0 calc(var(--flex) - calc(var(--margin-css) * 2))}.size-overlay .size-option{display:flex;align-items:center;justify-content:center;line-height:1;letter-spacing:0;font-weight:500;color:inherit;background-color:#fffc;padding:2px 7px;border-radius:10px;text-align:center;text-decoration:none;height:35px;min-width:35px;font-size:12px;margin:0 var(--margin-css) var(--margin-css);user-select:none;-moz-user-select:none;-webkit-user-select:none;position:relative;border:1px solid #dadada}.size-overlay .size-option.selected{border:1px solid #000}.size-overlay .size-label{max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:block}.size-overlay .size-option.sold-out{opacity:.8;overflow:hidden;position:relative}.size-overlay .size-option.empty-cell{background:none;border:none}.size-overlay .size-option.sold-out:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(to top left,transparent calc(50% - 1px),#000 50%,transparent calc(50% + 1px));pointer-events:none}.icon-loader{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:center;height:100%}.size-table{--table-padding: 1rem;--col-margin: 1rem;--table-gap: 1rem;--font-size: 12px;display:flex;flex-direction:row;padding:var(--table-padding);background:#fffc}.table-row-header{font-size:14px;display:block}.size-table .table-row-bands{padding-right:var(--col-margin);border-right:1px solid rgba(0,0,0,.1);position:relative}.size-table .table-row-bands .table-row-header{text-align:center}.size-table .table-row-bands-content{display:flex;flex-direction:column;gap:var(--table-gap);margin-top:var(--table-gap)}.size-table .table-row-bands-content span{padding:2px 7px;display:flex;align-items:center;justify-content:center;line-height:1;font-size:var(--font-size);height:35px}.size-table .table-row-size{flex:1;position:relative;padding-left:var(--col-margin);scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.25) transparent;-ms-overflow-style:-ms-autohiding-scrollbar}.size-table .table-row-size::-webkit-scrollbar{height:4px}.size-table .table-row-size::-webkit-scrollbar-track{background:transparent}.size-table .table-row-size::-webkit-scrollbar-thumb{background-color:#00000040;border-radius:10px}.size-table .table-row-size::-webkit-scrollbar-thumb:hover{background-color:#0006}.size-table .table-row-size-content{margin-top:var(--table-gap)}.size-table .table-row-size-column{display:grid;grid-template-columns:repeat(var(--col-count),1fr);gap:var(--table-gap);margin-bottom:var(--table-padding)}.size-table .table-row-size-column span{width:100%}.icon-loader.opacity-0 .spin,.icon-loader.opacity-0 svg{animation:none!important}@media(max-width:1440px){.size-overlay .size-options .size-option{font-size:10px}.size-overlay .size-options{--margin-css: 6px}}@media(max-width:769px){.size-overlay .size-options{--margin-css: calc(var(--margin-mobile))}.size-overlay .size-options .size-option{min-width:fit-content;margin:0 5px 5px;height:fit-content;padding:6px 10px}.size-overlay .size-options>*{flex:0 0 calc(var(--flex-mobile) - var(--margin-css))}}@media(max-width:564px){.size-overlay .size-options{--margin-css: 4px}.size-option .size-label{font-size:12px}.size-overlay .size-options .size-option{margin:0 var(--margin-css) var(--margin-css);height:fit-content;padding:6px 4px}.size-overlay .size-options .size-option svg{height:10px;width:10px}.size-overlay .size-options>*{flex:0 0 calc(var(--flex-mobile) - calc(var(--margin-css) * 2));min-width:0;box-sizing:border-box}.predictive-search .size-overlay{display:none}}@container product-card (max-width: 380px){.size-table{--table-padding: 6px;--table-gap: 6px}.size-overlay .size-option{--table-padding: 4px;--table-gap: 4px;padding:2px;height:30px;font-size:9px}.size-overlay .size-options{--margin-css: 4px}.size-table .table-row-bands-content span{height:30px;font-size:9px}}@container product-card (max-width: 300px){.size-table{--table-padding: 4px;--table-gap: 4px}}@container product-card (max-width: 250px){.size-overlay .size-options{--margin-css: 2px;margin-bottom:6px}.size-table{--table-padding: 6px;--table-gap: 6px;--col-margin: 4px}.table-row-header{font-size:9px}.size-table .table-row-size{overflow-x:auto;-webkit-overflow-scrolling:touch;touch-action:pan-x}.size-overlay .size-option{--table-padding: 2px;--table-gap: 2px;height:15px;padding:2px}.size-table .table-row-bands-content span{height:15px;font-size:9px}.size-overlay .size-option .size-label{font-size:9px}}@container product-card (max-width: 170px){.size-table{--table-padding: 4px;--table-gap: 4px}.size-table .table-row-bands-content span{padding:2px 4px}}@container product-card (max-width: 150px){.size-table{--col-margin: 2px;--table-padding: 2px;--table-gap: 2px}}
/*# sourceMappingURL=/cdn/shop/t/36/assets/size-overlay.css.map */