.tp3d-tint{margin-top:10px;padding:9px 10px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:9px;cursor:pointer}.tp3d-tint[hidden]{display:none}.tp3d-tint>span{display:flex;flex-direction:column}.tp3d-tint b{font-size:8px}.tp3d-tint small{margin-top:2px;color:#8191a5;font-size:7px}.tp3d-tint input{position:absolute;opacity:0}.tp3d-tint>i{position:relative;width:29px;height:17px;border-radius:999px;background:#c7d2df}.tp3d-tint>i:after{content:"";position:absolute;top:3px;left:3px;width:11px;height:11px;border-radius:50%;background:#fff;transition:.2s}.tp3d-tint input:checked+i{background:var(--b)}.tp3d-tint input:checked+i:after{transform:translateX(12px)}
.tp3d-fallback-product.disc{width:280px;height:280px;border-radius:50%}.tp3d-fallback-product.bottle{width:155px;height:380px;border-radius:65px 65px 35px 35px}.tp3d-fallback-product.bottle:before{content:"";position:absolute;top:-42px;left:50%;width:86px;height:55px;border-radius:24px 24px 10px 10px;background:#151922;transform:translateX(-50%)}
.tp3d-custom-color{position:relative;aspect-ratio:1;display:grid;place-items:center;border:2px solid #fff;border-radius:50%;background:conic-gradient(#ff5f57,#ffbd2e,#28c840,#2f7cff,#a855f7,#ff5f57);box-shadow:0 0 0 1px #d1dce7;cursor:pointer}.tp3d-custom-color input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.tp3d-custom-color span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#4b5c72;background:#fff;font-size:12px;font-weight:900}