:root{--padding-body: 15px;--border: 1px solid #ccc;--border-radius: 1.2rem;--color-green-al2: #c8c8c8;--color-green-al: #6a6b6f;--color-blue-deep1: #252f37;--color-green-deep1: #32342a;--color-blue-deep: #829bb4;--color-green-deep: #55543d;--color-brand: #585b69;--color-plain: #d5c3a9;--color-moss: #8b8a7b;--color-blue: #758391;--color-gray90: hsl(0, 0%, 90%);--color-border: #c5c6cb;--color-background: rgb(250, 250, 250);--fontSize-UI: .7rem;--fontSize-dim: .7rem;--fontKerning: .06rem}#viewer{font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-smooth:auto;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;letter-spacing:var(--fontKerning);color:var(--color-brand);width:100%}#viewer button{padding:0;border:none;outline:none;font:inherit;color:inherit;background:none}#viewer .wrapper-viewer{height:auto;aspect-ratio:1/1.1;overflow:hidden;margin-top:15px}@media (max-width: 749px){#viewer .wrapper-viewer{width:100%;height:auto;border-radius:var(--border-radius)}#viewer .wrapper-viewer.modal-sp{border-radius:inherit;border:none;width:100%;height:100svh}}#viewer #modelViewer{width:100%;height:100%;vertical-align:bottom}#viewer .dot{display:block;display:none;width:5px;height:auto;aspect-ratio:1;background-color:green}#viewer .dot:after{content:attr(data-num);font-size:.5rem;line-height:100%;color:#fff;vertical-align:middle;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#viewer .dim{position:absolute;border:none;max-width:128px;width:-moz-max-content;width:max-content;height:-moz-max-content;height:max-content;box-sizing:border-box;box-shadow:0 2px 4px #0003;font-size:var(--fontSize-dim);color:var(--color-brand);letter-spacing:.6px;background-color:transparent;overflow-wrap:break-word;padding:.2rem;transform:translate3d(-50%,-50%,0);--min-hotspot-opacity: 0}@media (max-width: 749px){#viewer .dim{font-size:.6rem}}#viewer .dimensionLineContainer{display:none}#viewer .dimensionLine{stroke:var(--color-brand);stroke-width:.5;stroke-dasharray:1.5}#viewer .dimensionLineT{stroke:var(--color-brand);stroke-width:.5;stroke-dasharray:0}#viewer .hide{transition:all 1.2s ease;opacity:0}:not(:defined)>*{display:none}#viewer .product-name{display:none;position:absolute;top:2rem;left:2rem;mix-blend-mode:difference;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:200;font-style:normal;font-size:2rem;line-height:100%;letter-spacing:.06em}#viewer .product-name.active{display:block}#viewer .wrapper-button-option{position:absolute;top:.5rem;right:.5rem;display:flex;gap:.3rem;transition:all 1s ease-out}#viewer .wrapper-button-option.active{top:2rem;right:2rem;transition:all 1s ease-out}#viewer .wrapper-button{padding:.5rem;position:absolute;bottom:.3rem;left:50%;transform:translate(-50%);width:100%;text-align:center;display:flex;justify-content:center;align-items:flex-end;flex-wrap:wrap;gap:.5rem;transition:bottom 1s ease-out}#viewer .wrapper-button.active{bottom:2rem;transition:bottom 1s ease-out}#viewer .viewer-ui-ar{width:100px}@media (hover: hover){#viewer .viewer-ui-ar:hover{width:100px}}#viewer .viewer-ui-fullscreen{width:28px}@media (hover: hover){#viewer .viewer-ui-fullscreen:hover{width:95.1px}}#viewer .viewer-ui-dimensions{width:102.42px}@media (hover: hover){#viewer .viewer-ui-dimensions:hover{width:102.42px}#viewer .viewer-ui-dimensions:hover .btn-text{opacity:.5}}#viewer .viewer-ui-open{width:97px}@media (hover: hover){#viewer .viewer-ui-open:hover{width:97px}#viewer .viewer-ui-open:hover .btn-text{opacity:.5}}#viewer .viewer-ui-hide{width:97px}@media (hover: hover){#viewer .viewer-ui-hide:hover{width:97px}#viewer .viewer-ui-hide:hover .btn-text{opacity:.5}}#viewer .viewer-ui-refresh{width:28px;transition:all .3s ease-out}#viewer .viewer-ui-refresh.active{width:82px;transition:width 0s ease-out}@media (hover: hover){#viewer .viewer-ui-refresh{transition:all .3s ease-out}#viewer .viewer-ui-refresh:hover{width:82px;opacity:.75}#viewer .viewer-ui-refresh:hover .btn-text{opacity:.5}}#viewer .viewer-ui{display:flex;justify-content:left;flex-wrap:nowrap;align-items:center;gap:.3rem;overflow:hidden;transition:all .3s ease-out;padding-right:.5rem;background-color:#fafafacc;border-radius:var(--border-radius);font-size:11.2px;letter-spacing:0}@media (hover: hover){#viewer .viewer-ui:hover,#viewer .viewer-ui:hover .btn-text{transition:all .3s ease-out}}#viewer .viewer-ui.selected{outline:var(--border)}.viewer-ui .ui-circle{display:grid;place-items:center;width:28px;height:auto;aspect-ratio:1;border-radius:50%;box-shadow:0 3px 5px #00000026}.viewer-ui .ui-circle .toggle-open,.viewer-ui .ui-circle .toggle-hide{position:absolute}.viewer-ui .ui-circle .toggle-open.default,.viewer-ui .ui-circle .toggle-open.active.toggle,.viewer-ui .ui-circle .toggle-hide.default,.viewer-ui .ui-circle .toggle-hide.active.toggle{opacity:1}.viewer-ui .ui-circle .toggle-open.default.toggle,.viewer-ui .ui-circle .toggle-open.active,.viewer-ui .ui-circle .toggle-hide.default.toggle,.viewer-ui .ui-circle .toggle-hide.active{opacity:0}.viewer-ui .ui-circle .toggle-open.default,.viewer-ui .ui-circle .toggle-open.default.toggle,.viewer-ui .ui-circle .toggle-open.active,.viewer-ui .ui-circle .toggle-open.active.toggle,.viewer-ui .ui-circle .toggle-hide.default,.viewer-ui .ui-circle .toggle-hide.default.toggle,.viewer-ui .ui-circle .toggle-hide.active,.viewer-ui .ui-circle .toggle-hide.active.toggle{transition:opacity 1s ease}.viewer-ui .ui-circle .selectColor{width:60%;height:auto;aspect-ratio:1}.viewer-ui .ui-circle .selectColor[data-color=plain]{background-color:var(--color-plain)}.viewer-ui .ui-circle .selectColor[data-color=green]{background-color:var(--color-moss)}.viewer-ui .ui-circle .selectColor[data-color=blue]{background-color:var(--color-blue)}.viewer-ui img{display:inline-block;width:28px;height:28px;padding:.3em;max-width:none}#viewer .parts{display:flex;flex-direction:column;gap:1rem;padding:var(--padding-body);border:var(--border);height:auto;font-size:.7rem}#viewer .parts .parts-desktop,#viewer .parts .parts-mobile{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}#viewer .viewer-ui-close{position:absolute;top:20px;right:20px}#viewer .viewer-ui-close svg{transition:all .3s ease-out}@media (hover: hover){.viewer-ui-close svg:hover{opacity:.5;transition:all .3s ease-out}}#viewer .progress-bar{position:absolute;width:0%;height:8px;background-color:var(--color-brand);padding:auto 3rem;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform 1s ease;opacity:1}#viewer .progress-bar.hide{opacity:0;transition:opacity 1s ease}#viewer .overlay{position:absolute;top:0;left:0;width:100%;height:100%;opacity:1}#viewer .overlay:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(50% + 4px);height:12px;border:1px solid var(--color-border)}#viewer .overlay.hide{opacity:0;transition:opacity 1s ease}#viewer .button{background-color:#ffffffbf;padding:0 .5rem}#viewer .product-name,#viewer .wrapper-button{z-index:100}#viewer .progress-bar{z-index:999}#viewer .overlay{z-index:998}#viewer .dot,#viewer .dim,#viewer .progress-bar,#viewer .overlay:after,#viewer .selectColor,#viewer .parts,#viewer .button{border-radius:var(--border-radius)}#viewer .dot,#viewer .dim,#viewer .progress-bar,#viewer .overlay,#viewer .dimensionLineContainer{pointer-events:none}#viewer button,#viewer .viewer-ui-close{cursor:pointer}#viewer .overlay,#viewer .ui-circle{background-color:#fff}#viewer #modelViewer,.parts{background-color:var(--color-background)}#viewer .viewer-ui-color1,#viewer .viewer-ui-color2,#viewer .viewer-ui-color3,#viewer .annotationData{display:none}#viewer .annotationData{display:flex;flex-direction:column;gap:.8rem;font-size:var(--fontSize-UI);padding:1rem;border:var(--border);border-radius:var(--border-radius)}#viewer .annotationData .wrapper-glbFiles{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:30px}#viewer .annotationData .wrapper-glbFiles ul{list-style:none;font-size:.7rem}#viewer .annotationData .wrapper-glbFiles ul li .load-btn{padding:0 .5rem;display:inline-block;cursor:pointer;line-height:170%}@media (hover: hover){.annotationData .wrapper-glbFiles ul li .load-btn:hover{opacity:.5;transition:all .3s ease-out;text-decoration:underline}}#viewer .annotationData .wrapper-glbFiles ul li:first-child{font-size:.85rem;padding-bottom:.4rem}#viewer .annotationData .wrapper-glbFiles ul:last-child{width:-moz-max-content;width:max-content}#viewer .annotationData .flex{display:flex;gap:.5rem}@media (hover: hover){.annotationData .flex button:hover{opacity:.5;transition:all .3s ease-out}}#viewer .annotationData p{line-height:200%}#viewer .annotationData .anno-area,#viewer .annotationData .anno-btn{line-height:170%;border-radius:var(--border-radius);padding:.1rem .5rem}#viewer .annotationData .anno-area{width:-moz-fit-content;width:fit-content;color:var(--color-brand);background-color:var(--color-gray90)}#viewer .annotationData .anno-btn{letter-spacing:var(--fontKerning);color:#fff;background-color:var(--color-brand)}#viewer .color-tip{display:inline-block;width:10px;height:auto;aspect-ratio:1;border-radius:var(--border-radius);margin-right:.3rem}#viewer .color-tip[data-color=plain]{background-color:var(--color-plain)}#viewer .color-tip[data-color=green]{background-color:var(--color-moss)}#viewer .color-tip[data-color=blue]{background-color:var(--color-blue)}#viewer .load-btn.active{background-color:var(--color-brand);border-radius:var(--border-radius);color:#fff;border-color:#333}#viewer .container{display:flex;flex-direction:column;justify-content:left;gap:var(--padding-body)}#viewer .modal-360deg,#ar-button-model{width:245px;height:56px;border:var(--border);border-radius:999px}#viewer .ar-ui{z-index:1;height:100%;background-color:#fff;display:flex;justify-content:center;align-items:center;gap:1rem;font-family:Inter,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-smooth:auto;font-size:14px;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;letter-spacing:var(--fontKerning);transition:all .3s ease-out;border:1px solid #c5c6cb;width:247px;border-radius:999px;margin:30px auto 0;padding:3px}#viewer .ar-ui .frame-svg{display:flex;justify-content:center;align-items:center;width:48px;height:48px}#viewer .ar-ui .frame-svg img{vertical-align:bottom}@media only screen and (max-width: 749px){#viewer .ar-ui{width:170px;padding:8.4px;gap:10px}#viewer .ar-ui .frame-svg,.viewer-ar-btn span{width:25px;height:25px}}@media (hover: hover){#viewer .ar-ui:hover{background-color:var(--color-background);transition:all .3s ease-out}}model-viewer{position:relative!important}
/*# sourceMappingURL=/cdn/shop/t/48/assets/style.css.map */