.wrapper-three-scene{width:100vw;height:100svh;position:relative;overflow:hidden}three-scene,#three-canvas{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.controls-container{width:clamp(340px,35vw,800px);display:flex;flex-direction:column;gap:.7rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%);z-index:100;text-align:center;pointer-events:all;background-color:#191e3266;padding:25px;border-radius:12px;border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 15px #0003}@media screen and (min-width:768px){.container .controls-container{position:static;text-align:left;gap:1rem;width:clamp(340px,45vw,623px);transform:none}.container .controls-container .color-picker{justify-content:flex-start}.container .controls-top-image{height:150px;object-fit:cover;border-radius:12px;margin:1.3rem 0}}@media screen and (min-width:1024px){.container .controls-top-image{height:270px}}.controls-container.left--position .color-picker{justify-content:flex-start}.color-picker{display:flex;justify-content:center;gap:12px}.color-option{border-radius:50%;border:2px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;box-shadow:inset 0 0 4px #0006}.color-option:hover{transform:scale(1.15);border-color:#ffffffb3}.color-option.active{transform:scale(1.18);border-color:#fff;box-shadow:0 0 10px #ffffffb3}.wrapper-three-scene{max-height:1080px}@media screen and (max-width:490px){.controls-top .fz-60{font-size:30px!important}.controls-container{gap:.5rem}.controls-text h6{font-size:1rem;font-weight:600;bottom:1rem}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/scene-three.css.map */