.content-element--f7viewer .model-viewer{--ci360-hotspot-color: var(--color-accent-orange);--ci360-hotspot-size: clamp(12px, 2.5vw, 24px);--component-padding: 0.8rem;display:flex;flex-direction:column;padding:var(--component-padding);border-radius:calc(var(--image-border-radius) + var(--component-padding));background-color:var(--color-secondary-gray-5)}.content-element--f7viewer .model-viewer__wrapper{background-size:cover;background-image:url("../Images/3D/background.jpg");background-repeat:no-repeat;position:relative;border-radius:var(--image-border-radius);overflow:hidden}.content-element--f7viewer .model-viewer__container{aspect-ratio:16/9;background-size:cover;background-repeat:no-repeat;width:100%}.content-element--f7viewer .model-viewer__layer-controls-inner::after{content:"";display:block;position:absolute;top:0;left:var(--decal-x, 0);bottom:0;z-index:-1;border-radius:calc(var(--_control-wrapper-height)/2);height:var(--_control-wrapper-height);width:var(--decal-width);background-color:var(--color-accent-light-blue);transition:width 200ms ease-out,left 200ms ease-out}.content-element--f7viewer .model-viewer__layer-controls{--_control-wrapper-height: 4rem;transform:translateZ(0);backface-visibility:hidden;display:inline-block;height:var(--_control-wrapper-height);background-color:var(--color-secondary-gray-5);border-radius:calc(var(--_control-wrapper-height)/2);margin-block-start:var(--component-padding);margin-inline-start:0}.content-element--f7viewer .model-viewer__layer-controls.swiper{max-width:100%}.content-element--f7viewer .model-viewer__layer-controls.swiper .swiper-slide{width:auto;height:auto}.content-element--f7viewer .model-viewer__layer-controls--buttons-hidden .model-viewer__layer-controls-button{display:none}.content-element--f7viewer .model-viewer__layer-controls-button{position:absolute;isolation:isolate;z-index:5;top:0;bottom:0;width:var(--_control-wrapper-height);height:var(--_control-wrapper-height);cursor:pointer;display:flex;justify-content:center;align-items:center}.content-element--f7viewer .model-viewer__layer-controls-button::before{content:"";position:absolute;inset:0;border-radius:100%;background-color:var(--color-secondary-gray-5);-webkit-box-shadow:inset 0 0 0 .2rem var(--color-accent-light-blue);box-shadow:inset 0 0 0 .2rem var(--color-accent-light-blue);transition:background-color 200ms ease-out}.content-element--f7viewer .model-viewer__layer-controls-button::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;width:calc(var(--_control-wrapper-height) + .8rem);height:var(--_control-wrapper-height);pointer-events:none}.content-element--f7viewer .model-viewer__layer-controls-button .icon{--_icon-color: var(--color-accent-light-blue);--_icon-color_visited: var(--color-accent-light-blue);--_icon-color_hover: var(--color-accent-light-blue);--_icon-color_focus: var(--color-accent-light-blue);--_icon-color_active: var(--color-accent-light-blue);--_icon-size: calc(var(--_control-wrapper-height) * 2 / 3);pointer-events:none}.content-element--f7viewer .model-viewer__layer-controls-button--next{right:0}.content-element--f7viewer .model-viewer__layer-controls-button--next::after{right:0;background:linear-gradient(-90deg, rgb(242, 243, 244) 50%, rgba(242, 243, 244, 0) 100%)}.content-element--f7viewer .model-viewer__layer-controls-button--prev{left:0}.content-element--f7viewer .model-viewer__layer-controls-button--prev::after{left:0;background:linear-gradient(90deg, rgb(242, 243, 244) 50%, rgba(242, 243, 244, 0) 100%)}.content-element--f7viewer .model-viewer__layer-controls-button--locked{display:none}.content-element--f7viewer .model-viewer__layer-controls-button--disabled{opacity:0;pointer-events:none}.content-element--f7viewer .model-viewer__layer-controls-button:hover::before{background-color:var(--color-accent-light-blue)}.content-element--f7viewer .model-viewer__layer-controls-button:hover .icon{--_icon-color: var(--color-secondary-gray-5)}.content-element--f7viewer .model-viewer__layer-controls-button:focus-visible{outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}.content-element--f7viewer .model-viewer__layer-control-button{color:var(--color-corporate-blue);font-size:var(--h5-font-size);white-space:nowrap;width:100%;height:100%;padding-inline:calc(var(--_control-wrapper-height)/2);border-radius:calc(var(--_control-wrapper-height)/2);transition:color 200ms ease-out,box-shadow 200ms ease-out}.content-element--f7viewer .model-viewer__layer-control-button:hover{-webkit-box-shadow:inset 0 0 0 .2rem var(--color-accent-light-blue);box-shadow:inset 0 0 0 .2rem var(--color-accent-light-blue);color:var(--color-accent-light-blue)}.content-element--f7viewer .model-viewer__layer-control-button[aria-selected=true]{color:var(--color-white);cursor:default}.content-element--f7viewer .model-viewer__layer-control-button:focus-visible{outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}.content-element--f7viewer .model-viewer__user-interface{position:absolute;inset-block-end:1.6rem;inset-inline-end:1.6rem;z-index:30;display:none}.content-element--f7viewer .model-viewer__user-interface-button{--_icon-size: 3.2rem;--_icon-color: var(--color-corporate-blue);--_icon-color_visited: var(--color-corporate-blue);--_icon-color_hover: var(--color-white);--_icon-color_active: var(--color-corporate-blue);display:flex;justify-content:center;align-items:center;width:4.8rem;height:4.8rem;border-radius:100%;background-color:var(--color-white);border:.2rem solid var(--color-white);transition:border-width 200ms ease-out,background-color 200ms ease-out,opacity 200ms ease-out}.content-element--f7viewer .model-viewer__user-interface-button:hover{background-color:rgba(0,0,0,0)}.content-element--f7viewer .model-viewer__user-interface-button:focus-visible:not(:active){outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}.content-element--f7viewer .model-viewer__hotspot-control{position:absolute;inset-block-start:.8rem;inset-inline-end:.8rem;z-index:40;width:4.2rem;height:4.2rem;border-radius:2.1rem;appearance:none;cursor:pointer;text-indent:-99999px;background-size:2.8rem;background-position:center;background-repeat:no-repeat;background-image:var(--icon-more_vert)}.content-element--f7viewer .model-viewer__hotspot-control:focus-visible:not(:active){outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}@media screen and (min-width: 992px){.content-element--f7viewer .model-viewer__hotspot-control{display:none}}.content-element--f7viewer .model-viewer__indicator{--_icon-size: 3.2rem;--_icon-color: var(--color-white);position:absolute;z-index:1;inset-block-end:.8rem;inset-inline:0;margin-inline:auto;pointer-events:none;width:var(--_icon-size);height:var(--_icon-size)}.content-element--f7viewer .model-viewer .cloudimage-360-hotspot-timeline{display:none}.content-element--f7viewer .model-viewer .cloudimage-360-hotspot{animation:none;transition:box-shadow 200ms ease-out}.content-element--f7viewer .model-viewer .cloudimage-360-hotspot:hover{transform:translate(-50%, -50%);box-shadow:0 0 0 5px rgb(var(--color-accent-orange-rgb)/0.5)}.content-element--f7viewer .model-viewer-overlay{--_modal-width: 86rem;--_modal-spacer: 1.2rem;--_button-dimension: 4.2rem;z-index:110;position:fixed;inset:0;overflow-y:auto;overscroll-behavior-y:contain;margin:0;padding:0;background:rgba(0,0,0,0);max-height:100dvh;max-height:100vh;max-width:100dvw;max-width:100vw;transition:display .5s allow-discrete,overlay .5s allow-discrete;animation:fade-out 300ms forwards}.content-element--f7viewer .model-viewer-overlay::backdrop{background-color:rgba(0,0,0,.5);animation:fade-out 300ms forwards}.content-element--f7viewer .model-viewer-overlay[open]{animation:fade-in 300ms forwards}.content-element--f7viewer .model-viewer-overlay[open]::backdrop{animation:fade-in 300ms forwards}.content-element--f7viewer .model-viewer-overlay__inner{margin:var(--spacing-y-s) auto;padding:var(--_modal-spacer);background-color:var(--color-white);border-radius:var(--image-border-radius);width:min(var(--_modal-width),100% - var(--_modal-spacer)*2)}.content-element--f7viewer .model-viewer-overlay__header{display:flex;justify-content:end}.content-element--f7viewer .model-viewer-overlay__content{padding:0 var(--spacing-y-xxs) var(--spacing-y-xs)}.content-element--f7viewer .model-viewer-overlay__trigger{--_icon-size: calc(var(--_button-dimension) - 0.8rem) !important;padding:.4rem;border-radius:calc(var(--_button-dimension)/2);transition:box-shadow 200ms ease-out}.content-element--f7viewer .model-viewer-overlay__trigger:hover{box-shadow:inset 0 0 0 .2rem var(--color-secondary-gray-45)}.content-element--f7viewer .model-viewer-overlay__trigger:focus-visible{outline-style:var(--outline-style);outline-width:var(--outline-width);outline-color:var(--outline-color);outline-offset:var(--outline-width)}.content-element--f7viewer .model-viewer-overlay__trigger.icon{--_icon-color: var(--color-corporate-blue);--_icon-color_visited: var(--color-corporate-blue);--_icon-color_hover: var(--color-corporate-blue);--_icon-color_active: var(--color-corporate-blue)}.content-element--f7viewer .model-viewer-overlay__image{border-radius:var(--image-border-radius);outline:.1rem solid rgba(165,174,182,.25);outline-offset:-0.1rem;margin-block-end:var(--spacing-y-xxxs)}.content-element--f7viewer .model-viewer-overlay__button{margin-block-start:var(--spacing-y-xxs)}@media screen and (min-width: 992px){.content-element--f7viewer .model-viewer-overlay{--_button-dimension: 4.8rem}.content-element--f7viewer .model-viewer-overlay__content{padding:0 var(--spacing-y-m) var(--spacing-y-s)}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-out{0%{opacity:1}100%{opacity:0}}@media screen and (min-width: 992px){.content-element--f7viewer .model-viewer{--component-padding: 1.6rem}.content-element--f7viewer .model-viewer__layer-controls{--_control-wrapper-height: 4.8rem}.content-element--f7viewer .model-viewer__user-interface{display:flex;flex-direction:row;column-gap:.8rem}.content-element--f7viewer .model-viewer__indicator{--_icon-size: 4.8rem;inset-block-end:1.6rem}}
