.component-ui-impulse-indicator{pointer-events:none;position:absolute;inset:0;overflow:hidden}@keyframes impulse{0%{opacity:0;transform:translate(-50%,-50%)scale(.01)}10%{opacity:.06}30%{opacity:.12}90%{opacity:.05;transform:translate(-50%,-50%)scale(1)}to{opacity:0}}.component-ui-impulse-indicator .impulse{transform-origin:50%;opacity:1;pointer-events:none;background:#000811;border-radius:50%;width:200%;padding-bottom:200%;animation:.8s ease-in-out both impulse;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes ui-loading-circle{0%{stroke-dashoffset:63px;transform:rotate(0)}50%{stroke-dashoffset:0}to{stroke-dashoffset:-63px;transform:rotate(1turn)}}.component-ui-loading{transition:visibility var(--ui-ani-time) var(--ui-ani-ease),opacity var(--ui-ani-time) var(--ui-ani-ease);opacity:0;visibility:hidden;justify-content:center;align-items:center;gap:var(--ui-space-2xs);display:flex}.component-ui-loading svg{flex:0 0 32px;width:32px;height:32px;transition:opacity .15s}.component-ui-loading svg circle{transform-origin:50%;fill:none;stroke:var(--ui-color-primary);stroke-width:2px;stroke-dasharray:63 63;stroke-dashoffset:63px;animation:2.2s cubic-bezier(.2,0,.2,1) infinite ui-loading-circle;transform:rotate(-90deg)}.component-ui-loading.tag-active{opacity:1;visibility:visible}.component-ui-button{--button-hover-text-color:var(--v76e75626);--button-hover-background:var(--v2c40f04b);--button-text-color:var(--v3dd98680);--button-background:var(--v3341cc1e);transition:opacity var(--ui-ani-time) var(--ui-ani-ease),visibility var(--ui-ani-time) var(--ui-ani-ease);vertical-align:top;padding:0 var(--ui-space-m);height:var(--ui-input-size-m);text-align:center;line-height:1.1;font-size:var(--ui-text-m);cursor:pointer;border-radius:var(--ui-border-radius-m);-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:400;display:inline-block;position:relative;overflow:hidden}.component-ui-button img{width:35px;max-width:none}.component-ui-button .button-bg{transition:opacity var(--ui-ani-time) var(--ui-ani-ease);opacity:0;position:absolute;inset:0}.component-ui-button .button-content{transition:opacity var(--ui-ani-time) var(--ui-ani-ease),visibility var(--ui-ani-time) var(--ui-ani-ease),color var(--ui-ani-time) var(--ui-ani-ease);height:100%;font-weight:var(--ui-font-weight-medium);font-family:var(--ui-font-header);justify-content:center;align-items:center;display:flex;position:relative}.component-ui-button .button-content .slot-default{padding:0 var(--ui-space-xs);line-height:1}.component-ui-button .button-content .ic{font-weight:400}.component-ui-button .loading-indicator{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.component-ui-button .loading-indicator svg circle{stroke:var(--button-text-color)}.component-ui-button.tag-loading{cursor:default}.component-ui-button.tag-loading .button-content{opacity:0;visibility:hidden}.component-ui-button.tag-variant-flat{box-shadow:none;background:0 0;border:none}.component-ui-button.tag-variant-outline{border:1px solid var(--button-text-color);background:0 0}.component-ui-button.tag-shape-circle{width:var(--ui-input-size-m);border-radius:50%;padding:0!important}.component-ui-button.tag-shape-circle.tag-size-2xl{width:var(--ui-input-size-2xl)}.component-ui-button.tag-shape-circle.tag-size-l,.component-ui-button.tag-shape-circle.tag-size-xl{width:var(--ui-input-size-xl)}.component-ui-button.tag-shape-circle.tag-size-s{width:var(--ui-input-size-s)}.component-ui-button.tag-shape-circle.tag-size-xs{width:var(--ui-input-size-xs)}.component-ui-button.tag-shape-round{border-radius:var(--ui-input-size-2xl)}.component-ui-button.tag-shape-round-square{border-radius:var(--ui-border-radius-s)}.component-ui-button.tag-shape-square{border-radius:0}.component-ui-button.tag-block{padding:0 var(--ui-space-xs);width:100%;display:block}.component-ui-button.tag-size-2xl{height:var(--ui-input-size-2xl)}.component-ui-button.tag-size-xl{height:var(--ui-input-size-xl)}.component-ui-button.tag-size-l{height:var(--ui-input-size-l)}.component-ui-button.tag-size-s{padding:0 var(--ui-space-s);height:var(--ui-input-size-s);font-size:var(--ui-text-s)}.component-ui-button.tag-size-s .loading-indicator{transform:translate(-50%,-50%)scale(.8)}.component-ui-button.tag-size-xs{height:var(--ui-input-size-xs);font-size:var(--ui-text-xs);padding:0 10px}.component-ui-button.tag-size-xs .loading-indicator{transform:translate(-50%,-50%)scale(.6)}.component-ui-button.tag-disabled{opacity:.6;cursor:not-allowed;pointer-events:none}@media (hover:hover){.component-ui-button:hover{text-decoration:none;color:var(--button-hover-text-color)!important;background:var(--button-hover-background)!important}.component-ui-button:hover .button-bg{opacity:1}.component-ui-button:focus{outline:none}.component-ui-button:focus-visible{outline:var(--ui-outline);outline-offset:var(--ui-outline-offset)}}.component-demo-box-3d{min-width:300px;min-height:70vh;position:relative}.component-demo-box-3d .renderer{width:100%;height:100%}.component-demo-box-3d .d3d-control{gap:10px;display:flex;position:absolute;top:20px;right:20px}.component-demo-box-3d .d3d-control button{border:none;border-radius:8px;width:32px;height:32px;position:relative}.component-demo-box{--space:var(--v535a7c8f);--width:var(--f2b9f062);margin-bottom:20px}.component-demo-box .tabs-list .tab{display:none}.component-demo-box .tabs-list .tab.tag-active{display:block}.component-demo-box .tab-image{padding:var(--space);border:1px solid var(--color-border);max-width:var(--width);border-radius:3mm;overflow:hidden}.component-demo-box .tab-image svg{display:block}.component-demo-box header{margin-bottom:10px}.component-demo-box header button.component-ui-button{margin-right:10px;padding:0 10px}.component-demo-box header button.component-ui-button .button-content .slot-default{padding:0}@media screen and (width<=1024px){.component-demo-box{margin-left:auto;margin-right:auto}}