@layer theme{.Dialog.model-viewer-sidebar{position:unset !important;display:flex;flex-direction:column}.Dialog.model-viewer-sidebar>.backdrop{display:none !important}.Dialog.model-viewer-sidebar>.content{position:unset !important;margin:0;justify-content:center;display:grid}.Dialog.model-viewer-sidebar>.content #model-viewer-sidebar{display:flex;flex-direction:column;z-index:var(--z-index-7)}.Dialog.model-viewer-sidebar>.content #model-viewer-sidebar .header>.title{color:var(--black)}@media(max-width: 576px){.Dialog.model-viewer-sidebar>.content #model-viewer-sidebar{position:fixed !important;bottom:0}}.Dialog.model-viewer-sidebar>.content .body{overflow-x:hidden;max-height:100%;height:360px;padding:0 20px}@media(max-width: 576px){.Dialog.model-viewer-sidebar>.content .body{height:unset;min-height:160px;overflow:hidden}}.Dialog.model-viewer-sidebar>.content .body .media-slide{min-width:100%}.Dialog.model-viewer-sidebar>.content>div{position:absolute !important;background-color:var(--white);z-index:2;width:260px;height:440px;top:7dvh;right:30px;border-radius:var(--radius-3);box-shadow:var(--card-shadow)}@media(max-width: 576px){.Dialog.model-viewer-sidebar>.content>div{height:unset;width:auto;left:0;right:0;top:unset;bottom:0;border-radius:var(--radius-3) var(--radius-3) 0 0}}.Dialog.model-viewer-sidebar>.content .sidebar-footer{position:relative;height:70px;width:100%}@media(max-width: 576px){.Dialog.model-viewer-sidebar>.content .sidebar-footer{position:relative;display:flex;justify-content:flex-end;margin-top:35px}}.Dialog.model-viewer-sidebar>.content .sidebar-footer .footer-element{position:absolute;width:100%;padding:0 15px}.Dialog.model-viewer-sidebar>.content .sidebar-footer .btn-fade.full-width{width:100%}}
@layer base{.carousel-component{--slide-spacing: 16px;position:relative}.carousel-component>.embla{position:relative}@media(hover: hover){.carousel-component>.embla:not([disabled]):hover .embla__button>span{background-color:var(--white);color:var(--black);opacity:1}}.carousel-component>.embla>.embla__viewport{overflow:hidden;width:100%}.carousel-component>.embla>.embla__viewport>.embla__container{display:flex}.carousel-component>.embla>.embla__viewport>.embla__container>.embla__slide{position:relative;min-width:100%;margin-right:var(--slide-spacing);overflow:hidden}.carousel-component>.embla .embla__navigation-progress[value]{-webkit-appearance:none;appearance:none;display:block;margin-top:20px;width:200px;height:5px;margin-inline:auto}.carousel-component>.embla .embla__navigation-progress[value]::-webkit-progress-bar{background-color:var(--grey-1);border-radius:var(--radius-2)}.carousel-component>.embla .embla__navigation-progress[value]::-webkit-progress-value{border-radius:var(--radius-2);background-color:var(--grey-2);transition:all var(--transition)}.carousel-component>.embla .embla__dots-navigation{--dot-color: var(--carousel-dot-color, var(--black));display:flex;align-items:center;justify-content:center;transition:opacity var(--transition)}.carousel-component>.embla .embla__dots-navigation>.dot{display:flex;align-items:center;justify-content:center;width:48px;height:48px}.carousel-component>.embla .embla__dots-navigation>.dot:before{content:"";display:block;width:10px;height:10px;border:1px solid var(--dot-color);border-radius:100%;transition:background-color var(--transition)}.carousel-component>.embla .embla__dots-navigation>.dot.active:before{background-color:var(--dot-color)}@media(hover: hover){.carousel-component>.embla .embla__dots-navigation>.dot:not([disabled]):hover:before{background-color:var(--dot-color)}}.carousel-component>.embla .embla__button{touch-action:manipulation;position:absolute;z-index:1;top:0;bottom:0;border:0;width:50px;justify-content:center;align-items:center;color:var(--white)}.carousel-component>.embla .embla__button:disabled{cursor:default;opacity:.3}.carousel-component>.embla .embla__button>span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:100%;opacity:0;transition:background-color var(--transition),color var(--transition),opacity var(--transition)}.carousel-component>.embla .embla__button>span>.icon{flex:0 0 40px;width:40px;transition:transform var(--transition)}.carousel-component>.embla .embla__button.prev{left:0}.carousel-component>.embla .embla__button.prev>span{margin-left:10px}@media(hover: hover){.carousel-component>.embla .embla__button.prev:not([disabled]):hover .icon{transform:scale(1.05)}}.carousel-component>.embla .embla__button.next{right:0}.carousel-component>.embla .embla__button.next>span{margin-right:10px}@media(hover: hover){.carousel-component>.embla .embla__button.next:not([disabled]):hover .icon{transform:scale(1.05)}}@media(min-width: 768px){.carousel-component{--slide-spacing: 24px}}@media(min-width: 992px){.carousel-component{--slide-spacing: 32px}}}
.option-wrapper{display:block;width:225px}@media(max-width: 576px){.option-wrapper{display:grid;width:unset}}.option-wrapper .button-option img{border-radius:100%;padding:2px;height:72px;width:72px}@media(max-width: 576px){.option-wrapper .button-option img{height:64px;width:64px}}.option-wrapper .button-option{position:relative;overflow:hidden}.option-wrapper .button-option .icon-wrapper{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:opacity .3s ease}.option-wrapper .button-option .icon-wrapper svg{color:var(--white);display:block;width:100%;height:100%;pointer-events:none}.option-wrapper .button-option:hover,.option-wrapper .button-option:focus,.option-wrapper .button-option.active .icon-wrapper{opacity:1}
.option-layout{--sidebar-gap: 16px;margin-top:var(--sidebar-gap)}.option-layout.no-space{margin-top:0}.option-layout .checked{background-color:var(--btn-bg-hover);border-color:var(--btn-border-color-hover);color:var(--btn-color-hover)}.option-layout .title{display:block;margin-bottom:var(--sidebar-gap)}@media(max-width: 576px){.option-layout .title{margin-bottom:4px}}.option-layout .content{display:grid;grid-template-columns:72px 72px 72px;gap:5px}@media(max-width: 576px){.option-layout .content{display:flex;justify-content:space-between;flex-wrap:wrap;row-gap:5px}}.option-layout .hide-material{display:flex;justify-content:space-between}@media(max-width: 576px){.option-layout .hide-material{justify-content:unset;gap:var(--sidebar-gap)}}.option-layout .hide-material .Toggle{padding:0;overflow-x:hidden}.option-layout .hide-material .Toggle>.pill{padding:0}.option-layout .hide-material .Toggle>button{padding:0 8px;font-size:unset}
.Toggle{position:relative;display:flex;align-items:center;background-color:var(--grey-100);border:4px solid var(--grey-100);width:100%;max-width:600px;border-radius:var(--radius-4);overflow-x:scroll;overflow-y:clip}.Toggle>button{position:relative;display:block;padding-block:17px 18px;padding-inline:48px;font-size:var(--body-text-size);font-weight:500;color:var(--grey-300);z-index:var(--z-index-1);transition:color var(--transition);width:100%;text-align:center}.Toggle>button:first-child:before{transform:translateX(40px)}.Toggle>button:last-child:before{transform:translateX(-40px)}.Toggle>button.active{color:var(--black)}.Toggle>.pill{position:absolute;left:0;top:0;height:100%;background-color:var(--white);border-radius:var(--radius-3)}@media(min-width: 576px){.Toggle{overflow:unset}}
@layer components{model-viewer{background:var(--grey-100)}.model-viewer-container{position:relative}.model-viewer-container .interaction-layer{display:flex;gap:12px;margin:12px;position:absolute;bottom:0;left:50%;transform:translateX(-50%)}.model-viewer-container .interaction-layer .model-viewer-controls{color:var(--grey-300);transition:color var(--transition)}.model-viewer-container .interaction-layer .model-viewer-controls>svg{width:42px}.model-viewer-container .interaction-layer .model-viewer-controls:not([disabled]):active{color:var(--main-brand-color)}@media(hover: hover){.model-viewer-container .interaction-layer .model-viewer-controls:not([disabled]):hover{color:var(--main-brand-color)}}.model-viewer-container .pause{position:absolute;bottom:0;left:0;margin:12px}.model-viewer-container .pause svg{width:42px}.model-viewer-container .pause:not([disabled]):active{color:var(--main-brand-color)}@media(hover: hover){.model-viewer-container .pause:not([disabled]):hover{color:var(--main-brand-color)}}.model-wrapper{display:grid;grid-template-columns:1fr 3fr}.model-viewer{position:relative;width:100%;height:67dvh;display:block;border-radius:var(--radius-3);overflow:hidden}.model-viewer .btn-tag{pointer-events:auto;padding:0px 20px}}@layer theme{@media(max-width: 576px){.section:has(.model-viewer){z-index:var(--z-index-6)}}}
