.prod-buy-container{flex-direction:column;gap:2rem;display:flex}.prod-buy-container .var-tag{border:1px solid #606060;border-radius:.75rem;padding:.5rem;transition:all .5s}.prod-buy-container .var-tag:disabled{opacity:.3}.prod-buy-container .var-tag.active{color:#000;background-color:#fff}.prod-buy-container .var-tag:hover:not(.active):not(:disabled){background-color:#ffffff26}
.selectbox-input-container{color:#fff;background-color:#242424;border-radius:.75rem;flex-direction:column;height:64px;padding:1rem;display:flex;position:relative}.selectbox-input-container:has(select:disabled){opacity:.5}.selectbox-input-container .icon{transition:all .3s;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)rotate(180deg)}.selectbox-input-container:has(select:focus) .icon{transform:translateY(-50%)rotate(270deg)}.selectbox-input-container label{position:absolute;top:2px;left:1rem}.selectbox-input-container select{appearance:none;background-color:#0000;width:100%;height:100%;padding:1rem;position:absolute;top:0;left:0}.selectbox-input-container select:focus{outline:none}
.prod-image-container{background-color:var(--backs);border-radius:.75rem;width:600px;max-width:100%;height:635px;max-height:100%;position:relative;overflow:hidden}.prod-image-container:before{content:"";background:linear-gradient(#00000080,#fff3);width:100%;height:100%;position:absolute;top:0;left:0}.prod-image-container .logo-back{color:#0003;width:813px;height:813px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.prod-image-container .img-display{-o-object-fit:contain;object-fit:contain;height:calc(100% - 58px)!important}.prod-image-container .controls{justify-content:space-between;width:100%;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.prod-image-container .controls button{background-color:#121212;padding:1rem}.prod-image-container .controls button:disabled{background-color:#0000003b}.prod-image-container .controls button:first-child{border-radius:0 .75rem .75rem 0}.prod-image-container .controls button:last-child{border-radius:.75rem 0 0 .75rem}.prod-image-container .controls button .rotate{transform:rotate(180deg)}.prod-image-container .img-selector{background-color:#00000080;border-radius:0 0 .75rem .75rem;gap:1rem;width:100%;max-width:100%;padding:.75rem;display:flex;position:absolute;bottom:0;overflow:auto}.prod-image-container .img-selector .img-item{background-color:#ffffff48;border-radius:.75rem;flex-shrink:0;width:42px;height:42px;position:relative;overflow:hidden}.prod-image-container .img-selector .img-item img{-o-object-fit:contain;object-fit:contain}.prod-image-container .img-selector .img-item.active{outline:3px solid #fff}