body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;touch-action:none;--round-button-grace-width: 10px;--horizontal-top-level-padding: 20px;--button-color: #edf6ff;--button-depressed-color: #cce4fc;--file-drop-zone-prompt: var(--button-color);--file-drop-zone-prompt-border: oklch(59.47% .0857 238.24);--file-drop-zone-accept: oklch(83.28% .1361 148.43);--file-drop-zone-accept-border: oklch(65.57% .1361 148.43);--selected-item-bg-color: oklch(84.7% .0857 238.24)}html,body,#root{height:-webkit-fill-available;height:100vh}.full-safe-height{height:100vh;height:-webkit-fill-available;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.main-layout-root{height:100vh;height:-webkit-fill-available;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);display:flex;flex-direction:column}.main-layout-root *{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#root{overflow:clip}.sidebarButton{pointer-events:all;border-radius:20px;height:60px;aspect-ratio:1;padding:0;cursor:pointer;outline:none;border:2px solid black;display:flex;justify-content:center;align-items:center}.sidebarLabel{font-size:.9rem;color:#555;text-align:center}button{color:#000;font-size:1em}.button{border:1px solid grey;background:var(--button-color);padding:2px 8px;margin:0;pointer-events:all;cursor:pointer;white-space:nowrap;border-radius:10px}.roundButton{contain:layout;width:50px;height:50px;z-index:11;display:flex;justify-content:center;align-items:center;font-size:2rem;border:1px solid grey;border-radius:50px;background:var(--button-color);padding:2px 8px;margin:0;pointer-events:all;cursor:pointer;white-space:nowrap;position:relative;color:#000}.roundButton:after{content:"";margin:calc(-1 * var(--round-button-grace-width, 30px));position:absolute;inset:0;border-radius:1000px}.ripples{position:absolute;inset:0;border-radius:1000px;background:radial-gradient(circle at center,#80808000 60%,#141ef0,#80808000);animation:scaleUp 1s linear 0s infinite normal both}@keyframes scaleUp{0%{transform:scale(1.2)}80%{opacity:1}to{transform:scale(1.7);opacity:0}}.grouped:not(:first-of-type){border-top-left-radius:0;border-bottom-left-radius:0;border-left-width:0px}.grouped:not(:last-of-type){border-top-right-radius:0;border-bottom-right-radius:0;border-right-width:0px}.grouped:first-of-type{border-radius:10px 0 0 10px}.grouped:last-of-type{border-radius:0 10px 10px 0;border-right-width:1px}.grouped:first-of-type:last-of-type{border-radius:10px}.button:active{background:var(--button-depressed-color)}.button:focus{outline-style:dotted}.roundButton:focus{outline-style:dotted}.roundButton:active{background:var(--button-depressed-color)}.roundButton.animateEnter{animation:slideUp .3s ease 0s 1 normal both}.roundButton.animateEnterWithDelay{animation:slideUp .3s ease .3s 1 normal both}.roundButton.animateExit{animation:slideDown .3s ease 0s 1 normal both}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.center-content{display:flex;align-items:center}.button-header-display{display:flex;z-index:1}.button-header{display:flex;justify-content:space-between;width:100%;padding:0 5px;pointer-events:none}@media (min-width: 1000px){body{font-size:1.2em}.button-header{padding:10px 20px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}@property --scale-inv{syntax: "<number>"; inherits: false; initial-value: 1;}.drawingSidebarContainer{display:flex;width:100%;flex-grow:1;flex-basis:0;height:0px;position:relative;flex-direction:row}@media (orientation: portrait){.drawingSidebarContainer{flex-direction:column}}.sidebarContainer{display:grid}.sidebar{-webkit-overflow-scrolling:auto;width:350px;box-sizing:border-box;border-radius:10px;padding:10px;border:1px solid #ccc;box-shadow:0 0 5px #aaa;background:#fff;grid-area:1 / 1 / 2 / 2;position:relative;overflow-x:hidden;overflow-y:auto;flex-direction:column;display:flex;align-content:center;justify-content:flex-start;align-items:center}.sidebarContent{width:100%;flex-grow:1}.sidebar.animateEnter{animation:sidebarEnter .2s linear 0s 1 normal both;animation-delay:.2s}.sidebar.animateExit{animation:sidebarExit .2s linear 0s 1 normal both}@keyframes sidebarEnter{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sidebarExit{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:.3}}@media (orientation: landscape){.sidebar{border-right:none;grid-area:1 / 1 / 2 / 2}.sidebarContainer{margin-top:10px}}@media (orientation: portrait){.sidebarContainer{align-items:end}.sidebar{width:100%;height:200px;border-radius:20px 20px 0 0;border-left:none;border-right:none;border-bottom:none;overflow-x:hidden;overflow-y:auto;flex-direction:column}@keyframes sidebarEnter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sidebarExit{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:.3}}}.sidebarSection{width:100%;margin-bottom:10px;flex-grow:0;flex-shrink:0;align-self:flex-start;border-right:none;margin-right:8px;position:relative}.sidebarSectionHeader{display:inline;width:100%;clear:both}.sidebarSectionSeparator{border-bottom:1px solid black;border-image:linear-gradient(to right,#9b9b9b,#9b9b9b,#0000) 100% 1}.sideBarEditButtons{display:flex;flex-direction:row;gap:5px;padding:5px 0;justify-content:center}.sidebarTable{display:grid;grid-template-columns:max-content 1fr;grid-template-rows:repeat(auto-fit,min-content);align-items:center;gap:5px;margin:10px}.sidebarTable>*:nth-child(2n){justify-self:end}@media (orientation: portrait){.sidebarSectionHeader{top:0}}.conversion-menu{background:var(--button-color);border-radius:20px;padding:10px;margin:2px;border:1px solid grey}.conversion-menu:active{background:var(--button-depressed-color)}.section-in-modal{padding:20px;margin:10px 0;border-radius:10px;border:1px solid black;display:flex;align-items:center;overflow:hidden;background:#fff}.section-in-add-element{cursor:pointer}.fullscreen-modal>*{touch-action:pan-y}.fullscreen-modal{position:fixed;inset:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#fffc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:10;display:flex;flex-direction:column}.fullscreen-modal-content{overflow:hidden;display:grid;height:100%;height:-webkit-fill-available;height:fill-available;place-content:center;grid-template-columns:1fr;grid-template-rows:1fr}.fullscreen-modal.animateEnter{animation:modalAppear .15s ease 0s 1 normal both}.fullscreen-modal.animateExit{animation:modalDisappear .15s ease 0s 1 normal both}@keyframes modalAppear{0%{transform:scale(.9);opacity:.2}to{transform:scale(1);opacity:1}}@keyframes modalDisappear{0%{transform:scale(1);opacity:1}to{transform:scale(.3);opacity:.2}}.fullscreen-modal-list{padding:15px}@media (min-width: 1000px){.fullscreen-modal-list{padding:30px}}.leaf-action-element{border:none;width:100%;cursor:pointer;padding:2px;border-radius:5px;margin:10px 0;display:flex;align-items:center}.leaf-action-element:nth-child(odd){background:linear-gradient(to right,#c8c8c8,#fff)}.leaf-action-element:nth-child(2n){background:linear-gradient(to right,#e6e6e6,#fff)}.overscrollTop{z-index:4;pointer-events:none;position:sticky;top:0;width:calc(100% + 20px);transform:translateY(-10px);transition:opacity .3s}.overscrollBottom{z-index:4;pointer-events:none;position:sticky;bottom:0;width:calc(100% + 20px);transform:translateY(10px);transition:opacity .3s}.scrollShadow{height:20px;position:absolute;width:100%}.horizontalScrollShadow{width:20px;height:100%;position:absolute;transition:.3s}.horizontalScrollShadow.right{right:0;background:linear-gradient(to left,var(--shadow-color, rgba(32, 32, 32, .4)),rgba(255,255,255,0))}.horizontalScrollShadow.left{left:0;background:linear-gradient(to right,var(--shadow-color, rgba(32, 32, 32, .4)),rgba(255,255,255,0))}.overscrollTop>.scrollShadow{top:0;background:linear-gradient(to bottom,var(--shadow-color, rgba(32, 32, 32, .4)),rgba(255,255,255,0))}.overscrollBottom>.scrollShadow{bottom:0;background:linear-gradient(to top,var(--shadow-color, rgba(32, 32, 32, .4)),rgba(255,255,255,0))}.button-label-bottom{position:absolute;bottom:0;left:50%;transform:translate(-50%,100%);width:64px;font-size:.9rem;color:#555;font-weight:initial;text-wrap:wrap;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center}.button-label-top{position:absolute;top:-2px;left:50%;transform:translate(-50%,-100%);width:64px;font-size:.9rem;color:#555;font-weight:initial;text-wrap:wrap;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;text-align:center}.animateInOpacity{animation:opacityIn .3s linear 0s 1 normal both}@keyframes opacityIn{0%{opacity:0}to{opacity:1}}.modal-header{padding:6px;background:#ececec;border-bottom:1px solid #999;border-top:1px solid #999}@media (min-width: 640px){.modal-header{background:none;border:none}}.drawer-backdrop{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%;position:absolute;bottom:0;left:0;right:0;height:100vh;background:#ffffff4d;transition:opacity .3s}.cart-count-badge{position:absolute;top:0%;left:105%;transform:translate(-50%,-50%);color:#fff;background:red;border-radius:100%;aspect-ratio:1 / 1;font-size:12pt;width:1.4em;height:1.4em;display:flex;align-items:center;place-content:center;z-index:-1}.viewer-3d{width:100%;height:100%}.viewer-3d canvas{width:100%;height:100%}._viewer-3d-button-header_rtl4s_1{position:absolute;z-index:1;top:0;left:0;right:0;padding:0 5px;width:calc(100% - 10px);display:flex;justify-content:space-between}._layout_rtl4s_13{display:flex;flex-wrap:nowrap;width:100%}._layout-side-container_rtl4s_19{position:relative;display:flex;place-content:center}._layout-side-content_rtl4s_25{flex-shrink:1;flex-grow:1;min-width:0px;overflow:auto}._double-border_rtl4s_32{position:absolute;background:#ddd;z-index:9999;top:0;bottom:0;left:0}._double-border_rtl4s_32>:first-child{position:absolute;left:0;top:0;bottom:0;border-left:1px solid #666}._double-border_rtl4s_32>:last-child{position:absolute;right:0;top:0;bottom:0;border-left:1px solid #666}
