#ext-viewer-3d{width:100%;min-height:56vh}#section-3d .ext-btn{color:#fff;background:#525e69;border:2px solid #525e69;border-radius:8px;text-transform:uppercase;font-weight:700;padding:.8rem 1.5rem;font-size:.875rem;cursor:pointer}#section-3d .ext-btn:hover{color:#525e69;background:#fff;border-color:#525e69}#ext-wrapper-3d{overflow:hidden;transition:all .5s ease-out;margin-top:2rem}#ext-wrapper-3d .ext-wrapper-inner{padding:2rem;background:#fff;border-radius:20px}#ext-wrapper-3d .ext-group-left{flex:1;display:flex;flex-direction:column;justify-content:center}#ext-wrapper-3d .ext-group-left h3{margin-bottom:1.5rem;line-height:1.2}#ext-wrapper-3d .ext-group-left h3 br{line-height:1.2}#ext-wrapper-3d .ext-group-left p{margin:0}.ext-3D-header h2{margin-bottom:0}#ext-wrapper-3d .ext-group-right{flex:2;background:url(/cdn/shop/files/360degicon.png) top right no-repeat;background-size:7% auto}#ext-product-3d{background:url(/cdn/shop/files/rotation-arrows.png) center bottom no-repeat;background-size:90% auto}.ext-hotspot-button{background:#525e69;color:#fff;font-size:20px;border-radius:50%;width:24px;height:24px;cursor:pointer;position:relative;z-index:2;box-shadow:0 0 0 10px #525e6980;border:unset}.ext-hotspot-button.active{background:#eb7f55;box-shadow:0 0 0 10px #f8cfa880}.ext-hotspot-button.active:after{opacity:1}#ext-btn-close{display:none}#ext-wrapper-3d .viewer-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:5}#ext-wrapper-3d .viewer-spinner.hidden{display:none}#ext-wrapper-3d .spinner{width:48px;height:48px;border:4px solid #ddd;border-top-color:#525e69;border-radius:50%;animation:spin .8s linear infinite}#ext-wrapper-3d .spinner-text{color:#525e69;margin-top:.5rem;font-weight:600}.ext-hotspot-info,.ext-hotspot-info .svg-wrapper{display:none}.ext-annotation{display:none;position:absolute;z-index:5}.ext-annotation.visible{display:block}.ext-annotation p{margin:0 0 .3rem}.connections{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.connections line{stroke:#ebebeb;stroke:#ebebebb3;stroke-width:2;display:none}.ext-pico-points{width:100%;margin-top:2rem;justify-content:space-around;border-top:1px solid #eeedeb}.ext-pico-points>div{display:flex;align-items:center;padding:0 .5rem}.ext-pico-points>div>img{max-width:46px}.ext-pico-points p{font-size:1rem}.ext-3D-header{display:flex;align-items:center;gap:1.5rem}.ext-poster-3d{max-height:56vh;width:auto}#ext-hotspot-info .swiper-button-prev:after,#ext-hotspot-info .swiper-button-next:after{display:none}@keyframes spin{to{transform:rotate(360deg)}}@media only screen and (min-width:768px){#ext-wrapper-3d .ext-group-left{padding-right:3rem}}@media only screen and (min-width:768px)and (max-width:959px){.ext-hotspot-header{font-size:1rem;line-height:1.2}.ext-annotation-content p{font-size:.875rem;line-height:1.5}#ext-wrapper-3d .ext-group-left h3{font-size:1.4rem}#ext-wrapper-3d .ext-group-left p{font-size:1rem}}@media only screen and (max-width:767px){#ext-wrapper-3d .ext-group-left{padding:0 1rem 1rem}#ext-wrapper-3d .ext-group-left h3{margin-bottom:1rem;line-height:1.1;font-size:1.5rem}}@media only screen and (min-width:650px){.ext-annotation[data-placement*=bottom]{bottom:0}.ext-annotation[data-placement*=top]{top:0}.ext-annotation[data-placement*=left]{left:0}.ext-annotation[data-placement*=right]{right:0}.ext-annotation[data-placement*=center]{top:50%;translate:0 -50%}.ext-pico-points{padding:2rem}.ext-pico-points>div{flex:1;justify-content:center}.ext-pico-points>div:not(:last-child){border-inline-end:1px solid #C4C4C4}.ext-annotation{width:35%;padding:1rem;background:#f9f7f3;background:#f9f7f3b3;border:1px solid #f4f4f4;border-radius:16px}#ext-hotspot-info .swiper-pagination,#ext-hotspot-info .swiper-button-prev,#ext-hotspot-info .swiper-button-next{display:none}}@media only screen and (max-width:649px){#ext-wrapper-3d .ext-group-left h3{display:none}.ext-annotation{display:block}#section-3d{background:#fff}.ext-group-right{display:flex;flex-direction:column-reverse}.ext-hotspot-info{position:relative;margin-top:1rem;width:100%}#ext-product-3d{padding-left:0;padding-right:0}.ext-annotation{position:relative;background:#f6f7f6;padding:1.5rem 1rem 3rem;border:1px solid #d6d6d6;width:100%;transition:all .5s ease-out;font-size:14px;border-radius:8px;min-height:200px}.ext-annotation p{margin:0}.ext-annotation .ext-annotation-content p{margin-top:1rem;padding-right:1rem}.ext-annotation.visible .ext-annotation-content{height:auto;transition:all .5s ease-out}.ext-annotation.visible .icon-plus .horizontal{transform:rotate(90deg)}#ext-wrapper-3d .ext-wrapper-inner{padding:0;background:transparent}#ext-wrapper-3d .ext-group-right{background-size:0!important}#ext-product-3d{background-size:98% auto!important}#ext-wrapper-3d .ext-group-left{padding:0 0 1rem}.connections,.ext-pico-points{display:none}.ext-pico-points>div{width:50%;flex-direction:column;align-items:flex-start;margin-top:1.5rem;justify-content:center}.ext-pico-points p{text-align:center}.ext-pico-points>div>img{margin:0 auto}.ext-hotspot-header{font-size:1rem}.ext-hotspot-info .svg-wrapper{display:inline-block;color:#eb7f55}.ext-hotspot-header{display:flex;align-items:center;flex-wrap:wrap}.ext-3D-header h2{flex:4;font-size:1.3rem}#section-3d .ext-3D-header .ext-btn{flex:1;padding:.5rem .8rem;font-size:.75rem}.ext-3D-header{gap:.3rem;justify-content:space-between}#ext-wrapper-3d{margin-top:1rem}.ext-poster-3d{max-height:30vh}.ext-hotspot-info .swiper-navigation-icon{display:none}.ext-hotspot-info .swiper-button-prev{transform:rotate(180deg)}.ext-hotspot-info .swiper-button-next,.ext-hotspot-info .swiper-button-prev{width:2rem;height:2rem;border-radius:50%;border:1px solid #525E69;background-color:#525e69;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='m31.71 15.29-10-10-1.42 1.42 8.3 8.29H0v2h28.59l-8.29 8.29 1.41 1.41 10-10a1 1 0 0 0 0-1.41z'%3E%3C/path%3E%3C/svg%3E") center center no-repeat #525e69;background-size:45%;z-index:2;top:auto;bottom:.5rem}.ext-hotspot-header strong{display:inline-block;line-height:1.2;flex-grow:1;width:calc(100% - 3rem);min-width:0}.ext-hotspot-header span{display:inline-block;text-align:center;width:2rem;height:2rem;line-height:2rem;border-radius:50%;color:#fff;background:#525e69;font-size:1rem;font-weight:700;margin-right:1rem;flex-shrink:0}.ext-hotspot-info .swiper-pagination-fraction{width:auto;left:50%;transform:translate(-50%);font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/custom-360.css.map */