.ldd-variant-tray{display:none}@media screen and (max-width:749px){.ldd-variant-tray{display:block;margin-top:12px}.ldd-variant-tray__label{margin:0 0 8px;font-size:.875rem;font-weight:600}.ldd-variant-tray__label span{font-weight:400}.ldd-variant-tray__row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x proximity;padding:2px 2px 8px;scrollbar-width:none}.ldd-variant-tray__row::-webkit-scrollbar{display:none}.ldd-variant-tray__button{position:relative;flex:0 0 56px;width:56px;height:56px;padding:0;border:2px solid transparent;border-radius:12px;background:var(--color-background-secondary, #f4f4f4);cursor:pointer;scroll-snap-align:start;transition:border-color .15s ease,box-shadow .15s ease}.ldd-variant-tray__button:active{transform:scale(.96)}.ldd-variant-tray__button.is-selected{border-color:#c81e1e;box-shadow:0 0 0 1px #c81e1e}.ldd-variant-tray__button:disabled{opacity:.4;cursor:not-allowed}.ldd-variant-tray__thumb{width:100%;height:100%;object-fit:cover;border-radius:10px;display:block}.ldd-variant-tray__check{position:absolute;top:-7px;right:-7px;width:20px;height:20px;line-height:20px;text-align:center;font-size:12px;font-weight:700;color:#fff;background:#c81e1e;border-radius:50%;display:none}.ldd-variant-tray__button.is-selected .ldd-variant-tray__check{display:block}body.ldd-tray-active .variant-picker,.ldd-variant-tray--stuck{display:none}.ldd-variant-tray--stuck.is-visible{display:block;position:fixed;left:0;right:0;z-index:calc(var(--layer-sticky) - 1);background:var(--color-background, #fff);padding:8px 16px 10px;box-shadow:0 4px 12px #00000014}.ldd-variant-tray--stuck .ldd-variant-tray__label{margin-bottom:6px;font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ldd-variant-tray--stuck .ldd-variant-tray__row{padding-bottom:2px}.ldd-variant-tray--stuck .ldd-variant-tray__button{flex-basis:36px;width:36px;height:36px;border-radius:8px}.ldd-variant-tray--stuck .ldd-variant-tray__thumb{border-radius:6px}.ldd-variant-tray--stuck .ldd-variant-tray__check{width:16px;height:16px;line-height:16px;font-size:10px;top:-5px;right:-5px}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/ldd-variant-tray.css.map */
