.rack-addon{margin:18px 0}.rack-addon__label{display:flex;flex-wrap:wrap;align-items:center;gap:6px;line-height:24px;margin-bottom:12px;font-weight:500}.rack-addon__title{font-weight:500}.rack-addon__selected-name{font-weight:400}.rack-addon__tiles{display:flex;flex-wrap:wrap;gap:12px}.rack-addon__tile{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:84px;padding:6px 6px 8px;border:2px solid #e4e4e4;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;text-align:center;margin:0}.rack-addon__tile[hidden]{display:none}.rack-addon__tile:hover{border-color:#b9b9b9}.rack-addon__tile.is-selected{border-color:#1c1c1c;box-shadow:0 0 0 1px #1c1c1c}.rack-addon__tile--none{justify-content:center;min-height:104px;background:#f6f6f6}.rack-addon__none{font-weight:700;font-size:13px;letter-spacing:.5px;color:#6a6a6a}.rack-addon__img-wrap{position:relative;width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden}.rack-addon__img{width:100%;height:100%;object-fit:contain}.rack-addon__name{margin-top:5px;font-size:11px;font-weight:600;line-height:1.2}.rack-addon__tile.is-disabled{cursor:not-allowed;opacity:.85;border-color:#ececec}.rack-addon__tile.is-disabled:hover{border-color:#ececec}.rack-addon__tile.is-disabled .rack-addon__img{filter:grayscale(1);opacity:.55}.rack-addon__oos-badge{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);background:#1c1c1cd1;color:#fff;font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.3px;padding:2px 5px;border-radius:4px;white-space:nowrap;pointer-events:none}@media(max-width:480px){.rack-addon__tiles{gap:8px;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;padding-bottom:4px;scroll-snap-type:x mandatory}.rack-addon__tile{flex:0 0 auto;width:80px;scroll-snap-align:start}.rack-addon__tile--none{min-height:100px}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/rack-addon.css.map */