.viewer-360-section{width:100%;max-width:var(--viewer-360-max-size, 800px);margin-left:auto;margin-right:auto;padding:1.5rem 0;position:relative}.viewer-360__loader{position:absolute;top:1.5rem;left:50%;transform:translate(-50%);width:100%;max-width:var(--viewer-360-max-size, 800px);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;background:rgba(var(--color-placeholder, 245 245 245),.95);border-radius:50%;z-index:10;transition:opacity .25s ease,visibility .25s ease}.viewer-360-section--loading .viewer-360__loader{opacity:1;visibility:visible}.viewer-360-section:not(.viewer-360-section--loading) .viewer-360__loader{opacity:0;visibility:hidden;pointer-events:none}.viewer-360__loader-spinner{width:48px;height:48px;border:3px solid rgba(0,0,0,.08);border-top-color:#00000059;border-radius:50%;animation:viewer-360-loader-spin .8s linear infinite}.viewer-360__loader-spinner[hidden]{display:none!important}@keyframes viewer-360-loader-spin{to{transform:rotate(360deg)}}.viewer-360__loader-progress{position:absolute;bottom:18%;left:50%;transform:translate(-50%);width:min(72%,280px);display:flex;flex-direction:column;align-items:stretch;gap:.45rem;z-index:1}.viewer-360__loader-progress[hidden]{display:none!important}.viewer-360__loader-progress-track{height:3px;background:#00000014;border-radius:999px;overflow:hidden}.viewer-360__loader-progress-fill{height:100%;width:0%;background:#00000059;border-radius:inherit;transition:width .12s ease-out}.viewer-360__loader-progress-label{font-size:.75rem;line-height:1.2;text-align:center;color:#0000008c;font-variant-numeric:tabular-nums}.viewer-360-section--loading .viewer-360,.viewer-360-section--loading .viewer-360__linear-progress{opacity:0;pointer-events:none}.viewer-360-section:not(.viewer-360-section--loading) .viewer-360,.viewer-360-section:not(.viewer-360-section--loading) .viewer-360__linear-progress{opacity:1;transition:opacity .25s ease}.viewer-360{position:relative;width:100%;max-width:100%;margin-left:auto;margin-right:auto;overflow:hidden;cursor:grab;-webkit-user-select:none;user-select:none;aspect-ratio:1 / 1;height:auto;touch-action:pan-y}.viewer-360__wrap{position:relative;z-index:0;width:100%;height:100%;min-height:0;overflow:hidden;border-radius:50%}@supports not (aspect-ratio: 1 / 1){.viewer-360:before{content:"";display:block;padding-bottom:100%}.viewer-360 .viewer-360__wrap{position:absolute;top:0;right:0;bottom:0;left:0}}.viewer-360__image{position:absolute;top:0;left:0;display:block;height:100%!important;width:auto!important;max-width:none!important;min-width:0;will-change:transform;pointer-events:none;opacity:0;visibility:hidden}.viewer-360__image.is-active{opacity:1;visibility:visible}.viewer-360__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f5f5f5;color:#666;text-align:center;padding:1rem}.viewer-360__placeholder p{margin:0;max-width:280px}.viewer-360__controls{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 1rem;z-index:2;pointer-events:none}.viewer-360__btn{pointer-events:auto;width:2.5rem;height:2.5rem;border:none;border-radius:50%;background:#ffffffe6;color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;box-shadow:0 2px 8px #00000026;transition:background .2s,transform .2s}.viewer-360__btn:hover{background:#fff;transform:scale(1.05)}.viewer-360__btn:active{transform:scale(.98)}.viewer-360__toggle-source{pointer-events:auto;position:absolute;bottom:15%;left:50%;transform:translate(-50%);z-index:3;width:3.5rem;height:3.5rem;border:2px solid var(--toggle-border-color, #FFFFFF);border-radius:50%;background:var(--toggle-primary-color, #00607A);color:var(--toggle-border-color, #FFFFFF);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.8rem;line-height:1;box-shadow:0 4px 12px #00000040;transition:all .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;opacity:.6}.viewer-360__toggle-source:hover{transform:translate(-50%) scale(1.08);box-shadow:0 6px 16px #00000059;filter:brightness(1.15);opacity:1}.viewer-360__toggle-source:active{transform:translate(-50%) scale(.96);opacity:1}.viewer-360__toggle-icon{display:block;font-weight:700;-webkit-user-select:none;user-select:none}.viewer-360__toggle-image{display:block;width:100%;height:100%;object-fit:contain;padding:.5rem}.viewer-360__toggle-source[data-active-source=secondary]{background:var(--toggle-secondary-color, #FF9800)}@media screen and (max-width:990px){.viewer-360__toggle-source{width:3rem;height:3rem;font-size:1.6rem;bottom:12%}}.viewer-360__progress-dots{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:2}.viewer-360__progress-dot{position:absolute;width:clamp(2px,1vw,4px);height:clamp(2px,1vw,4px);border-radius:50%;background:#fffffff2;box-shadow:0 0 0 1px #ffffff26;transition:opacity .2s ease;transform:translate(-50%,-50%)}.viewer-360__linear-progress{width:100%;max-width:var(--viewer-360-linear-max-size, var(--viewer-360-max-size, 800px));margin:0 auto;padding:2rem 1.25rem 0;box-sizing:border-box}.viewer-360__linear-track{position:relative;z-index:0;height:3px;min-height:3px;background:#ffffff40;border-radius:2px;overflow:visible}.viewer-360__linear-fill{position:absolute;left:0;top:50%;transform:translateY(-50%);height:3px;min-height:3px;width:0%;min-width:0;background:#00607a;border-radius:.2rem;z-index:1;transition:width .08s ease-out;pointer-events:none;display:block!important}.viewer-360__linear-markers{position:relative;z-index:2;display:flex;justify-content:space-between;margin-top:.5rem;min-height:2.5rem;padding:0}.viewer-360__linear-marker{position:absolute;z-index:1;left:25%;transform:translate(-50%);cursor:pointer;font-size:1.2rem;color:#fff9;transition:color .2s ease,font-weight .2s ease;padding:0;display:inline-flex;align-items:flex-end;justify-content:center;white-space:nowrap}.viewer-360__linear-marker:before{content:"";position:absolute;left:50%;top:-.6rem;transform:translate(-50%,-50%);width:1rem;height:1rem;border-radius:50%;border:2px solid rgba(255,255,255,.5);background:#000;transition:border-color .2s ease,background .2s ease}.viewer-360__linear-marker[data-segment="0"]{left:0%}.viewer-360__linear-marker[data-segment="1"]{left:33.333%}.viewer-360__linear-marker[data-segment="2"]{left:66.666%}.viewer-360__linear-marker[data-segment="3"]{left:100%}.viewer-360__linear-marker.active{color:#fff}.viewer-360__linear-marker.active:before{color:#fff;border-color:#ffffffe6}.viewer-360__linear-marker.active:before{border-color:#ffffffe6;background:#fff}@media screen and (max-width:990px){.viewer-360__linear-progress{padding:1.25rem 5rem 0}.viewer-360__linear-track{height:1px;min-height:1px;background:#ffffff59}.viewer-360__linear-fill{height:1px;min-height:1px}.viewer-360__linear-markers{margin-top:.6rem}.viewer-360__linear-marker{font-size:1rem;min-height:1.6rem;padding:0}}.viewer-360__model-wrap{width:100%;height:100%;min-height:400px;position:relative;overflow:hidden;background-color:var(--viewer-3d-bg, rgb(var(--color-placeholder, 245 245 245)))}.viewer-360__model-wrap .viewer-360__model-media{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--viewer-3d-bg, transparent)}.viewer-360__model-wrap model-viewer{width:100%;height:100%;display:block}.viewer-360__model-wrap .play-button{width:var(--sp-10, 2.5rem);height:var(--sp-10, 2.5rem);min-width:var(--sp-10, 2.5rem);min-height:var(--sp-10, 2.5rem);padding:0;inset-inline-end:var(--sp-4, 1rem);inset-block-start:var(--sp-4, 1rem);border-radius:var(--rounded-full, 50%);background-color:rgb(var(--color-background));border:1px solid rgba(var(--color-border),.1);box-shadow:0 2px 8px #0000001a}.viewer-360__model-wrap .play-button[hidden]{display:none!important}.viewer-360__model-wrap .play-button .icon{width:var(--sp-4, 1rem);height:var(--sp-4, 1rem)}.viewer-360__model-wrap .play-button.button--close .btn-text{display:flex;align-items:center;justify-content:center}.viewer-360__xr-btn{margin-top:1rem;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/80/assets/product-360-viewer.css.map */