html{box-sizing:border-box;margin:0;padding:0}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0;font-family:Roboto,sans-serif;font-size:100%;background-color:#01292e;background-image:linear-gradient(180deg,#124044 0,#001720);color:#98ffd4}main{min-height:100vh}.Viewport,main{display:flex;align-items:stretch}.Viewport{position:relative;width:100%;justify-content:center}.CanvasInteractions{flex:0 0 auto;flex-direction:column;padding:10px 20px}.CanvasInteractions,.Toolbar{display:flex;align-items:flex-start;gap:20px}.Toolbar{align-self:stretch}select{min-width:8em;min-height:22px;text-overflow:ellipsis}.CanvasBackgroundColor{display:none;align-items:center}.ColorSwatch{position:absolute;width:0;height:0;opacity:0}.RangeSwatch{display:inline-block;width:12px;height:12px;border:2px solid hsla(0,0%,50%,.7);border-radius:6px;margin:0 5px;overflow:hidden}.RangeSwatch[data-color=black]{background:#000}.RangeSwatch[data-color=white]{background:#fff}.RangeLabels{display:flex;align-items:center}.ColorSwatch+label{display:inline-block;width:20px;height:20px;border:2px solid hsla(0,0%,50%,.7);margin-right:10px;overflow:hidden}.ColorSwatch+label .HiddenLabel{visibility:hidden}.ColorSwatch[value=black]+label{background:#000}.ColorSwatch[value=magenta]+label{background:#f0f}.ColorSwatch[value=white]+label{background:#fff}.ColorSwatch:checked+label{border:2px solid #008cff}.CanvasInteractions:focus{outline:none}.CanvasViewport{position:relative;display:grid;place-content:center;min-width:640px;background:rgba(0,0,0,.3);border-radius:10px;margin-top:10px}.CanvasInteractions:focus .CanvasViewport,.CanvasInteractions:focus-within .CanvasViewport{outline:2px solid rgba(114,250,209,.5)}.CanvasBackdrop{position:absolute;left:0;right:0;margin:0 auto}.CanvasTools{display:flex;align-self:stretch;justify-content:space-between}.Export{display:flex}.Export input[type=text]{font-size:11px}.Export button{display:inline-block;border:1px solid #3157e2;border-radius:3px;padding:2px 10px;background:#1469f1;color:#fff;font-size:13px;text-decoration:none;margin-left:3px}.Export .ExportOptionsButton{white-space:nowrap;display:inline-flex;align-items:center;gap:4px;padding-right:6px}.Export .ExportOptionsButton svg{margin-top:2px}.Export select{width:6em;min-width:6em;flex:0 0 auto;margin-left:3px}.ExportOptionsPopup{background:rgba(5,22,21,.9);border-radius:4px;border:1px solid #00ffc8;padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ExportOptionsPopup .Fields{align-items:flex-start}.ExportOptionsList{list-style:none;margin:0;padding:0;font-size:13px}.ExportOptionsList li{display:flex;align-items:center;gap:5px;margin:4px 0;padding:0 10px 0 0}.ExportOptionsPopup select{margin:4px}.SliderContainer{min-width:200px;min-height:30px;padding:2px 10px}.Buttons{display:flex;align-items:center;gap:10px;width:100%}.Buttons select{flex:1 0 auto}.Buttons button{display:inline-flex;align-items:center;justify-content:center;gap:3px;flex:0 0 auto;border:1px solid #179f8a;border-radius:3px;width:28px;height:24px;background:#4ac1ab;color:#05454c;font-size:16px;text-decoration:none;white-space:nowrap}.Buttons button:hover:not(:disabled),.Buttons button[data-active]{background:#63ffe2}.Buttons button:active:not(:disabled){transform:translate3d(0,1px,0)}.Buttons button:disabled{opacity:.5}.Buttons button[data-locked],.Buttons button[data-locked]:active,.Buttons button[data-locked]:hover{border-color:#fd5b5b;background:#c84f40;color:#fff}.ButtonGroup{display:flex;align-items:center;gap:0}.ButtonGroup button:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.ButtonGroup button:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.Buttons .MetallicButton{width:auto;padding-right:6px}.Buttons .ButtonLabel{font-size:11px;font-weight:600}.CanvasToggle{display:flex;align-items:center}.CanvasToggle button{display:grid;place-content:center;border:1px solid #179f8a;border-left-width:0;border-radius:0;padding:1px 10px 2px;background:#599ca1;color:#1a4449;font-size:14px;font-weight:500;text-decoration:none;margin:0}.CanvasToggle button:first-child{border-left-width:1px;border-top-left-radius:4px;border-bottom-left-radius:4px}.CanvasToggle button:not(:last-child){border-right-color:#36877b}.CanvasToggle button:last-child{border-top-right-radius:4px;border-bottom-right-radius:4px}.CanvasToggle button[data-selected]{background:#63ffe2;border-color:#179f8a}.ModelTools{flex-wrap:wrap;position:absolute;top:0;left:0;right:0;padding:10px 0 10px 10px;z-index:2;justify-content:space-between;gap:10px}.Field,.ModelTools{display:flex;align-items:flex-start}.Field{flex-direction:column;gap:4px}.Field>div>label,.Field>label,.FieldLabel{text-transform:uppercase;font-size:11px;text-shadow:0 1px 1px rgba(0,0,0,.8);opacity:.8}.Field .LabelWithControls{width:100%;display:flex;align-items:center;justify-content:space-between}.BrushToolsPopup{background:rgba(5,22,21,.9);border-radius:4px;border:1px solid #00ffc8;padding:10px 12px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.Fields{display:flex;flex-direction:column;align-items:center;gap:10px}.Field label strong{margin-left:4px;color:#d0ffee}.CanvasContainer{position:relative}.CanvasContainer[data-active=false]{display:none}.CanvasSelector{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 32px;transform:translate3d(0,-50%,0);z-index:2}h6{margin:0;padding:0;font-weight:700;font-size:11px}.Field.ApplyTo{display:flex;flex-direction:row;align-self:flex-start;align-items:center;padding-top:6px;padding-bottom:10px}.Field.ApplyTo input[type=radio]{margin:2px 3px}.Field.ApplyTo ul{font-size:12px;gap:12px;list-style:none}.Field.ApplyTo li,.Field.ApplyTo ul{display:flex;align-items:center;margin:0;padding:0}.Field.ApplyTo li{gap:4px}.SliderField{font-size:13px;flex-direction:row;align-items:center;gap:8px;margin-top:19px;margin-right:auto}.SliderField input[type=range]{width:120px}.AppFooter{display:flex;align-self:flex-end;align-items:center;justify-content:space-between;font-size:14px;line-height:18px;margin:auto 0 10px}.AppFooter a{color:inherit;text-decoration:underline}.AppFooter .Separator{opacity:.7}.Sponsor{display:flex;align-items:center;gap:.5em}.IconLink{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;margin:0 12px 0 0}.FrameSelector{display:flex;align-items:center;margin-right:auto;border-radius:5px;padding:2px 0;background:#4ac1ab;color:#05454c}.FrameSelector button{display:inline-flex;align-items:center;background:transparent;color:inherit;border:0;margin:0;padding:2px 8px;font-size:12px;line-height:1}.FrameSelector button:disabled{opacity:.4}.FrameInfo{font-size:12px;font-weight:500}.AnimationSpeed{display:flex;align-items:center;font-size:11px;margin:0 38px 0 16px;gap:6px;color:#7ab7a5}.AnimationSpeed input[type=checkbox]{width:12px;height:12px;padding:0;margin:0}.GalleryField,.GalleryLink{margin-left:auto}.GalleryLink{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:20px;color:inherit;text-decoration:none}.GalleryLink svg{color:#4ac1ab}@media only screen and (max-width:899px){main{flex-direction:column}.Field{padding:0 10px}.ModelTools{position:static;flex-direction:column}.Viewport{flex-direction:column;align-items:center}select{max-width:calc(100vw - 20px)}.Toolbar{flex-direction:column}model-viewer{min-width:100vw;min-height:100vh}.CanvasInteractions{align-items:center;padding-bottom:50px}.CanvasViewport{display:none}.CanvasTools{display:none;flex-direction:column;align-items:center;gap:10px}.SliderField{margin-top:0}.SliderField input[type=range]{width:152px}.AppFooter{display:flex;align-self:center;margin-top:20px}.GalleryField{margin-left:auto;margin-right:auto}}.rc-slider{position:relative;width:100%;height:14px;padding:5px 0;border-radius:6px;touch-action:none}.rc-slider,.rc-slider *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-rail{width:100%;background-color:#e9e9e9}.rc-slider-rail,.rc-slider-track{position:absolute;height:4px;border-radius:6px}.rc-slider-track{background-color:#abe2fb}.rc-slider-handle{position:absolute;width:14px;height:14px;margin-top:-5px;background-color:#fff;border:2px solid #96dbfa;border-radius:50%;cursor:pointer;cursor:-webkit-grab;cursor:grab;opacity:.8;touch-action:pan-x}.rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging{border-color:#57c5f7;box-shadow:0 0 0 5px #96dbfa}.rc-slider-handle:focus{outline:none;box-shadow:none}.rc-slider-handle:focus-visible{border-color:#2db7f5;box-shadow:0 0 0 3px #96dbfa}.rc-slider-handle-click-focused:focus{border-color:#96dbfa;box-shadow:unset}.rc-slider-handle:hover{border-color:#57c5f7}.rc-slider-handle:active{border-color:#57c5f7;box-shadow:0 0 5px #57c5f7;cursor:-webkit-grabbing;cursor:grabbing}.rc-slider-mark{position:absolute;top:18px;left:0;width:100%;font-size:12px}.rc-slider-mark-text{position:absolute;display:inline-block;color:#999;text-align:center;vertical-align:middle;cursor:pointer}.rc-slider-mark-text-active{color:#666}.rc-slider-step{position:absolute;width:100%;height:4px;background:transparent;pointer-events:none}.rc-slider-dot{position:absolute;bottom:-2px;width:8px;height:8px;vertical-align:middle;background-color:#fff;border:2px solid #e9e9e9;border-radius:50%;cursor:pointer}.rc-slider-dot-active{border-color:#96dbfa}.rc-slider-dot-reverse{margin-right:-4px}.rc-slider-disabled{background-color:#e9e9e9}.rc-slider-disabled .rc-slider-track{background-color:#ccc}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-handle{background-color:#fff;border-color:#ccc;box-shadow:none;cursor:not-allowed}.rc-slider-disabled .rc-slider-dot,.rc-slider-disabled .rc-slider-mark-text{cursor:not-allowed!important}.rc-slider-vertical{width:14px;height:100%;padding:0 5px}.rc-slider-vertical .rc-slider-rail{width:4px;height:100%}.rc-slider-vertical .rc-slider-track{bottom:0;left:5px;width:4px}.rc-slider-vertical .rc-slider-handle{margin-top:0;margin-left:-5px;touch-action:pan-y}.rc-slider-vertical .rc-slider-mark{top:0;left:18px;height:100%}.rc-slider-vertical .rc-slider-step{width:4px;height:100%}.rc-slider-vertical .rc-slider-dot{margin-left:-2px}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter,.rc-slider-tooltip-zoom-down-leave{display:block!important;animation-duration:.3s;animation-fill-mode:both;animation-play-state:paused}.rc-slider-tooltip-zoom-down-appear.rc-slider-tooltip-zoom-down-appear-active,.rc-slider-tooltip-zoom-down-enter.rc-slider-tooltip-zoom-down-enter-active{animation-name:rcSliderTooltipZoomDownIn;animation-play-state:running}.rc-slider-tooltip-zoom-down-leave.rc-slider-tooltip-zoom-down-leave-active{animation-name:rcSliderTooltipZoomDownOut;animation-play-state:running}.rc-slider-tooltip-zoom-down-appear,.rc-slider-tooltip-zoom-down-enter{transform:scale(0);animation-timing-function:cubic-bezier(.23,1,.32,1)}.rc-slider-tooltip-zoom-down-leave{animation-timing-function:cubic-bezier(.755,.05,.855,.06)}@keyframes rcSliderTooltipZoomDownIn{0%{transform:scale(0);transform-origin:50% 100%;opacity:0}to{transform:scale(1);transform-origin:50% 100%}}@keyframes rcSliderTooltipZoomDownOut{0%{transform:scale(1);transform-origin:50% 100%}to{transform:scale(0);transform-origin:50% 100%;opacity:0}}.rc-slider-tooltip{position:absolute;top:-9999px;left:-9999px;visibility:visible}.rc-slider-tooltip,.rc-slider-tooltip *{box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.rc-slider-tooltip-hidden{display:none}.rc-slider-tooltip-placement-top{padding:4px 0 8px}.rc-slider-tooltip-inner{min-width:24px;height:24px;padding:6px 2px;color:#fff;font-size:12px;line-height:1;text-align:center;text-decoration:none;background-color:#6c6c6c;border-radius:6px;box-shadow:0 0 4px #d9d9d9}.rc-slider-tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow{bottom:4px;left:50%;margin-left:-4px;border-width:4px 4px 0;border-top-color:#6c6c6c}
/*# sourceMappingURL=811f0a5e25f9ca76.css.map*/