@figurosity/consumer-controls 0.3.2 → 0.3.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
.c-base-button{transition:all .2s ease;line-height:1em;position:relative;width:90px;min-width:90px;max-width:90px;height:90px;margin-bottom:45px}.c-base-button--overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.c-base-button--checkbox,.c-base-button--radio,.c-base-button--none{border-radius:8px}.c-base-button--background{border-radius:8px;position:absolute;top:0;right:0;bottom:0;left:0}.c-base-button.selected .c-base-button--label,.c-base-button.selected .c-base-button--icon{color:var(--primary)}.c-base-button.selected .c-button-boolean--checkbox,.c-base-button.selected .c-button-boolean--radio{border-color:var(--primary)}.c-base-button .c-base-button--icon{transition:all .2s ease;position:relative;width:100%;padding-top:100%;height:0;color:var(--grey-700)}.c-base-button .c-base-button--icon .q-icon{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:52px}.c-base-button .c-base-button--icon .q-icon.dark{color:var(--grey-300)}.c-base-button .c-base-button--label{text-wrap:nowrap;position:absolute;left:50%;transform:translate(-50%);bottom:-26px;font-weight:700;font-size:14px;color:var(--grey-700)}.c-base-button--sm{width:60px;min-width:60px;max-width:60px;height:60px;margin-bottom:30px}.c-base-button--sm .c-base-button--icon .q-icon{font-size:38px}.c-base-button--sm .c-base-button--label{font-size:13px}.c-base-button--sm .c-button-boolean--checkbox,.c-base-button--sm .c-button-boolean--radio{position:absolute;bottom:4px!important;left:4px!important}.c-base-button--xs{width:42px;min-width:42px;max-width:42px;height:42px;margin-bottom:21px}.c-base-button--xs.c-base-button--checkbox,.c-base-button--xs.c-base-button--radio,.c-base-button--xs.c-base-button--none{border-width:2px}.c-base-button--xs .c-base-button--icon .q-icon{font-size:30px;transform:translate(calc(-50% - 1px)) translateY(calc(-50% - 1px))}.c-base-button--xs .c-base-button--label{font-size:12px;font-weight:500}.c-base-button--xs .c-button-boolean--checkbox,.c-base-button--xs .c-button-boolean--radio{position:absolute;bottom:2px!important;left:2px!important}.c-base-button img{height:auto;width:100%}.c-base-button .c-button-boolean--checkbox,.c-base-button .c-button-boolean--radio{position:absolute;bottom:8px;left:8px}.c-base-button--borderless .c-base-button--label{bottom:-12px!important}.c-base-button .c-base-button--image{position:relative;width:100%;padding-top:100%;height:0;overflow:hidden;border-radius:6px}.c-base-button .c-base-button--image img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;height:auto}.c-base-button--disable{opacity:.8;cursor:not-allowed}.c-base-button--disable:hover{border-color:var(--grey-400)}.c-base-button--disable:hover .c-base-button--label,.c-base-button--disable:hover .c-base-button--icon{color:var(--grey-700)}.c-base-button--disable:hover .c-button-boolean--checkbox,.c-base-button--disable:hover .c-button-boolean--radio{border-color:var(--grey-400)}.c-button-boolean{width:18px;height:18px;border-color:var(--grey-400);border-style:solid;border-width:2px;transition:all .2s ease;background-color:var(--white)}.c-button-boolean.c-button-boolean--sm{width:14px;height:14px}.c-button-boolean.c-button-boolean--xs{width:12px;height:12px;border-width:1px}.c-button-boolean--radio{border-radius:9px}.c-button-boolean--radio.c-button-boolean--sm{border-radius:8px}.c-button-boolean--radio.c-button-boolean--sm div{margin:2px;width:6px;height:6px}.c-button-boolean--radio.c-button-boolean--xs{border-radius:6px}.c-button-boolean--radio.c-button-boolean--xs div{margin:2px;width:6px;height:6px}.c-button-boolean--radio div{margin:2px;width:10px;height:10px;opacity:0;border-radius:4.5px;transition:all .2s ease}.c-button-boolean--radio.c-button-boolean--selected{border-color:var(--primary)}.c-button-boolean--radio.c-button-boolean--selected div{opacity:1;background-color:var(--primary)}.c-button-boolean--checkbox{border-radius:6px;border-color:var(--grey-400);transition:all .2s ease;background-color:var(--white)}.c-button-boolean--checkbox.c-button-boolean--sm{border-radius:4px}.c-button-boolean--checkbox.c-button-boolean--sm .q-icon{margin:-6px 0 0;font-size:10px}.c-button-boolean--checkbox.c-button-boolean--xs{border-radius:3px}.c-button-boolean--checkbox.c-button-boolean--xs .q-icon{margin:-5px 0 0;font-size:9px}.c-button-boolean--checkbox .q-icon{transition:all .2s ease;color:var(--white);opacity:0;margin:1px;font-size:12px}.c-button-boolean--checkbox.c-button-boolean--selected{border-color:var(--primary);background-color:var(--primary)}.c-button-boolean--checkbox.c-button-boolean--selected .q-icon{color:var(--white);opacity:1}.c-button-boolean--disabled{border-color:var(--grey-400)!important}.c-counter{text-align:right;margin-right:16px}.c-counter-count{font-size:16px;line-height:16px}.c-counter-title{text-transform:uppercase;font-size:8px;line-height:8px;display:block}.c-drawer-header-title{font-size:21px;font-weight:700;letter-spacing:.01em;line-height:70px;position:relative;padding-left:19px;display:inline-block}.c-drawer-header-title.bottom{line-height:50px}.c-bottom-drawer .q-dialog__inner{padding:0;background-color:#000000e6}.c-drawer-header.dark{color:var(--grey-100)}.c-drawer-header{color:var(--grey-800)}.c-drawer-header-title{font-size:21px;font-weight:700;letter-spacing:.01em;line-height:70px;position:relative;padding-left:19px;display:inline-block;line-height:50px}.c-drawer-header-indicator{position:absolute;top:50%;transform:translateY(-50%);left:0;width:10px}.c-drawer-header-selected .q-item__section--avatar{opacity:1}.c-drawer-header .q-toolbar{padding-right:20px;border-bottom:1px solid rgba(255,255,255,.9)!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.c-bottom-drawer-container,.c-bottom-drawer-container-default{position:absolute;top:0;left:0;right:0;bottom:0}.c-button{background-color:#fff;color:var(--grey-700);transition:border-color .3s,background-color .3s,color .3s}.c-button .q-icon,.c-button--label{transition:color .3s}.c-button.c-button--circle{position:relative;border:2px solid #cccccc;width:70px;height:70px;margin-bottom:30px}.c-button.c-button--circle .q-icon{font-size:3.5em;color:#ccc}.c-button.c-button--circle.c-button--sm{width:48px;height:48px;margin-bottom:30px}.c-button.c-button--circle.c-button--sm .q-icon{font-size:2.6em}.c-button.c-button--circle.c-button--sm .c-button--label{top:48px;font-size:13px}.c-button.c-button--circle.c-button--dark{border-color:#fff}.c-button.c-button--circle.c-button--dark .q-icon{color:#fff!important}.c-button.c-button--circle.c-button--dark .c-button--label{color:#ffffff80}.c-button.c-button--circle.selected{border-color:#0087ff;background-color:#0087ff}.c-button.c-button--circle.selected .c-button--label{color:#0087ff}.c-button.c-button--circle.selected .q-icon,.c-button.c-button--circle.selected.c-button--dark .c-button--label,.c-button.c-button--circle.selected.c-button--dark .q-icon{color:#fff}.c-button.c-button--circle .c-button--image{position:absolute;top:0;left:0;right:0;bottom:0}.c-button.c-button--circle .c-button--image>img{border-radius:50%;background-color:#fff;width:100%;height:auto}.c-button.c-button--circle .c-button--label{position:absolute;top:72px;left:50%;transform:translate(-50%);text-align:center;font-size:14px;font-weight:400;color:#b3b3b3}.c-button.c-button--rectangle{border:1px solid #cccccc;border-radius:10px;width:80px;height:110px;position:relative;overflow:hidden}.c-button.c-button--rectangle.c-button--sm{border-radius:6px;width:50px;height:70px}.c-button.c-button--rectangle.c-button--sm .q-icon{top:7px;font-size:2.6em}.c-button.c-button--rectangle.c-button--sm .c-button--image{top:3px;left:0;right:0;bottom:70px}.c-button.c-button--rectangle.c-button--sm .c-button--label{bottom:2px;line-height:18px}.c-button.c-button--rectangle .q-icon{position:absolute;top:10px;font-size:5em}.c-button.c-button--rectangle.c-button--dark{border-color:#0087ff;color:#0087ff}.c-button.c-button--rectangle.selected{border-color:#ffffff80;background-color:#0087ff;color:#fff}.c-button.c-button--rectangle .c-button-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:#0000004d}.c-button.c-button--rectangle .c-button-overlay>.q-icon{position:absolute;left:50%;top:40%!important;transform:translate(-50%,-50%);opacity:1}.c-button.c-button--rectangle .c-button--image{position:absolute;top:5px;left:0;right:0;bottom:85px}.c-button.c-button--rectangle .c-button--image>img{width:100%;height:auto}.c-button.c-button--rectangle .c-button--label{position:absolute;bottom:2px;z-index:11;font-size:12px;font-weight:400}.c-button.c-button--duration{width:70px;height:70px;line-height:11.6666666667px;border:1px solid var(--grey-400);color:#333}.c-button.c-button--duration.c-button--sm{width:48px;height:48px;line-height:8px}.c-button.c-button--duration.c-button--sm .c-button-value{font-size:21.8181818182px;line-height:14.4px}.c-button.c-button--duration.c-button--sm .c-button-unit{font-size:12px;line-height:12px}.c-button.c-button--duration .q-btn--outline .q-btn__wrapper:before{border-width:1px}.c-button.c-button--duration .c-button-value,.c-button.c-button--duration .c-button-unit{color:#333!important}.c-button.c-button--duration.c-button--dark{background-color:#fff!important;color:var(--grey-800)!important}.c-button.c-button--duration.selected{background-color:#0087ff!important}.c-button.c-button--duration.selected .c-button-value,.c-button.c-button--duration.selected .c-button-unit,.c-button.c-button--duration.selected.c-button--dark .c-button-value,.c-button.c-button--duration.selected.c-button--dark .c-button-unit{color:#fff!important}.c-button.c-button--duration .c-button-value{width:100%;font-weight:700;font-size:31.8181818182px;line-height:21px;letter-spacing:-.05em}.c-button.c-button--duration .c-button-unit{font-weight:500;font-size:17.5px;line-height:17.5px}.c-button-bar{border-top:1px solid rgba(255,255,255,.2)}.c-button-toggle{height:44px;width:124px;background-color:var(--grey-300);border-radius:22px;font-size:15px;font-weight:900}.c-button-toggle.disable{opacity:.7;cursor:not-allowed}.c-button-toggle-left,.c-button-toggle-right{padding:10px;z-index:2;height:36px}.c-button-toggle-left{padding-left:16px}.c-button-toggle-right{padding-right:16px}.c-button-toggle-slide{z-index:1;height:36px;width:62px;background-color:var(--grey-100);border-radius:18px;position:absolute;top:4px;left:4px;transition:left .3s ease-out;box-shadow:0 2px 4px -1px #0000001a}.c-camera-direction{width:200px;height:200px;position:relative;margin:30px auto 40px}.c-camera-direction.dark{color:#fff}.c-camera-direction{color:var(--grey-800)}.c-camera-direction .quickpose-angle{position:absolute;top:0;left:0;z-index:100;border-radius:50%}.c-camera-direction .quickpose-angle img{width:100%;height:auto;border-radius:50%}.c-camera-direction.dark .quarters.borders .quarter{color:#fff}.quarters{transform:rotate(45deg);width:100%;height:100%;position:absolute;top:0;left:0;z-index:90}.quarters.overlay{z-index:110}.quarters.borders .quarter>span{position:absolute;font-size:11px;left:50%;top:50%;transform:translate(-50%) translateY(-50%) rotate(-45deg)}.quarters.borders .quarter{background-color:transparent;border-color:var(--grey-400)}.quarters.borders .quarter.active{outline:0;border-color:#0087ff;background-color:#0087ff}.quarters.borders .quarter.active span{color:#fff!important}.quarters .quarter{border:1px solid transparent;height:49%;width:49%;position:absolute;z-index:110}.quarters .quarter .fa{color:#fff;position:absolute;font-size:2em}.quarters .quarter.back{top:0;left:0;border-radius:100% 0 0}.quarters .quarter.back.active{border-radius:100% 0 0}.quarters .quarter.back .fa{transform:rotate(45deg);top:25px;left:25px}.quarters .quarter.left{top:0;right:0;border-radius:0 100% 0 0}.quarters .quarter.left.active{border-radius:0 100% 0 0}.quarters .quarter.left .fa{transform:rotate(135deg);top:25px;right:25px}.quarters .quarter.front{bottom:0;right:0;border-radius:0 0 100%}.quarters .quarter.front.active{border-radius:0 0 100%}.quarters .quarter.front .fa{transform:rotate(225deg);bottom:25px;right:25px}.quarters .quarter.right{bottom:0;left:0;border-radius:0 0 0 100%}.quarters .quarter.right.active{border-radius:0 0 0 100%}.quarters .quarter.right .fa{transform:rotate(315deg);bottom:25px;left:25px}.c-color-picker{display:inline-block}.c-color-picker-button{width:50px;height:50px;margin-left:13px;margin-right:13px;border-radius:25px;margin-bottom:30px}.c-color-picker-button .q-btn__content{color:#fff}.c-color-picker-button .q-btn__content span.block{margin-top:15px;font-size:11px;white-space:nowrap}.c-color-picker-button .q-btn__content .q-icon{margin-left:12px;margin-top:8px;font-size:26px}.c-color-picker-inner{width:326px;height:auto;top:0;left:0;position:absolute;border-radius:10px;z-index:1000}.c-color-picker-popup-chooser{touch-action:none;overscroll-behavior:contain}.c-color-picker-popup .vc-chrome-picker{width:100%!important;height:auto;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.c-color-picker-popup .vc-chrome-picker .saturation,.c-color-picker-popup .vc-chrome-picker .body{border-radius:0!important}.c-color-picker-popup .fieldsWrap{display:none!important}:root{--vc-picker-bg: #f8f8f8;--vc-body-bg: #fff;--vc-input-bg: #fff;--vc-input-text: #333;--vc-input-label: #969696;--vc-input-border: #dadada;--vc-chrome-toggle-btn-highlighted: #eee;--vc-ps-bg: #dcdcdc;--vc-ps-title-bg-gradient-start: #f0f0f0;--vc-ps-title-bg-gradient-end: #d4d4d4;--vc-ps-title-border: #B1B1B1;--vc-ps-title-color: #4d4d4d;--vc-ps-slider-border: #b3b3b3;--vc-ps-slider-border-bottom: #f0f0f0;--vs-ps-picker-border-dark: #555;--vs-ps-picker-border-white: #fff;--vc-ps-btn-gradient-start: #fff;--vc-ps-btn-gradient-end: #e6e6e6;--vc-ps-btn-border: #878787;--vc-ps-btn-shadow: #EAEAEA;--vc-ps-btn-color: #000;--vc-ps-preview-border: #000;--vc-ps-label: #000;--vc-ps-input-border: #888;--vc-ps-input-shadow-dark: rgba(0,0,0,.1);--vc-ps-input-shadow-light: #ececec;--vc-sketch-input-label: #222;--vc-sketch-presets-border: #eee;--vc-twitter-input-bg: #fff;--vc-twitter-input-border: #f0f0f0;--vc-twitter-input-color: #666;--vc-twitter-hash-bg: #f0f0f0;--vc-twitter-hash-color: #98A1A4}:root.dark{--vc-body-bg: #424242;--vc-picker-bg: #d0d0d0;--vc-input-bg: #2c2c2c;--vc-input-text: #d0d0d0;--vc-input-label: #bbbbbb;--vc-input-border: #555555;--vc-chrome-toggle-btn-highlighted: #5c5c5c;--vc-sketch-input-label: #bbbbbb;--vc-sketch-presets-border: #5a5a5a;--vc-twitter-input-border: #383838;--vc-twitter-input-color: #bbbbbb;--vc-twitter-hash-bg: #383838;--vc-twitter-hash-color: #a0acaf;--vc-twitter-input-bg: #555;--vc-ps-bg: #424242;--vc-ps-title-bg-gradient-start: #4e4e4e;--vc-ps-title-bg-gradient-end: #3a3a3a;--vc-ps-title-border: #5a5a5a;--vc-ps-title-color: #bbbbbb;--vc-ps-slider-border: #5c5c5c;--vc-ps-slider-border-bottom: #4a4a4a;--vs-ps-picker-border-dark: #b8b8b8;--vs-ps-picker-border-white: #bbbbbb;--vc-ps-btn-gradient-start: #505050;--vc-ps-btn-gradient-end: #3a3a3a;--vc-ps-btn-border: #6a6a6a;--vc-ps-btn-shadow: #2a2a2a;--vc-ps-btn-color: #bbbbbb;--vc-ps-preview-border: #3a3a3a;--vc-ps-label: #bbbbbb;--vc-ps-input-border: #666666;--vc-ps-input-shadow-dark: rgba(0, 0, 0, .45);--vc-ps-input-shadow-light: #2d2d2d}.bg[data-v-4d048d6e]{cursor:crosshair;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.white[data-v-4d048d6e]{background:linear-gradient(to right,#fff,#fff0)}.black[data-v-4d048d6e]{background:linear-gradient(to top,#000,#0000)}.picker-wrap[data-v-4d048d6e]{cursor:pointer;position:absolute;outline:none}.picker[data-v-4d048d6e]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-972b0fad]{position:relative;width:100%;height:100%;touch-action:none}.background[data-v-972b0fad],.slider[data-v-972b0fad]{position:absolute;top:0;right:0;bottom:0;left:0}.background[data-v-972b0fad]{overflow:hidden}.slider[data-v-972b0fad]{cursor:pointer;z-index:2}.picker-wrap[data-v-972b0fad]{position:absolute;z-index:2;outline:none}.picker[data-v-972b0fad]{width:4px;height:8px;margin-top:1px;border-radius:1px;box-shadow:0 0 2px #0009;background:var(--vc-picker-bg);cursor:pointer;transform:translate(-2px)}.vc-hue-slider[data-v-5367c985]{cursor:crosshair;touch-action:none}.gradient[data-v-5367c985]{width:100%;height:100%;border-radius:2px;background:var(--2f44f39d)}.vc-checkerboard[data-v-37d61ccd]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain}.vc-alpha-slider[data-v-07dd346b] .vc-checkerboard{border-radius:2px}.gradient[data-v-07dd346b]{position:absolute;top:0;right:0;bottom:0;left:0}.vc-editable-input[data-v-9c267b2b]{position:relative}.vc-input-input[data-v-9c267b2b]{width:100%;padding:0;border:0;outline:none}.vc-input-label[data-v-9c267b2b]{text-transform:capitalize}.vc-chrome-picker[data-v-dfdde7e0]{width:225px;box-sizing:initial;border-radius:2px;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d;font-family:Menlo,Consolas,Courier New,monospace}.controls[data-v-dfdde7e0]{display:flex}.color-wrap[data-v-dfdde7e0]{position:relative;width:36px}.active-color[data-v-dfdde7e0]{position:relative;width:30px;height:30px;border-radius:15px;overflow:hidden;z-index:1}.color-wrap[data-v-dfdde7e0] .vc-checkerboard{width:30px;height:30px;border-radius:15px;background-size:auto}.sliders[data-v-dfdde7e0]{flex:1}.fieldsWrap[data-v-dfdde7e0]{display:flex;padding-top:16px}.fields[data-v-dfdde7e0]{display:flex;margin-left:-6px;flex:1}.field[data-v-dfdde7e0]{padding-left:6px;width:100%}.toggle-btn[data-v-dfdde7e0]{width:32px;text-align:right;position:relative}.toggle-icon[data-v-dfdde7e0]{position:relative;margin-right:-4px;margin-top:12px;cursor:pointer;z-index:2;color:var(--vc-input-text)}.toggle-icon_highlighted[data-v-dfdde7e0]{position:absolute;width:24px;height:28px;top:10px;left:12px;background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px}.hue-wrap[data-v-dfdde7e0]{position:relative;height:10px;margin-bottom:8px}.alpha-wrap[data-v-dfdde7e0]{position:relative;height:10px}.hue-wrap[data-v-dfdde7e0] .container,.alpha-wrap[data-v-dfdde7e0] .gradient{border-radius:2px}.hue-wrap[data-v-dfdde7e0] .picker,.alpha-wrap[data-v-dfdde7e0] .picker{width:12px;height:12px;border-radius:6px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-dfdde7e0]{padding:16px 16px 12px;background-color:var(--vc-body-bg)}.saturation[data-v-dfdde7e0]{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.saturation[data-v-dfdde7e0] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-dfdde7e0] .vc-input-input{width:100%;height:21px;border-radius:2px;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:11px;text-align:center}.fields[data-v-dfdde7e0] .vc-input-label{display:block;margin-top:12px;font-size:11px;color:var(--vc-input-label);line-height:11px;text-transform:uppercase;text-align:center}.alpha-disabled[data-v-dfdde7e0] .active-color{width:18px;height:18px}.alpha-disabled[data-v-dfdde7e0] .color-wrap{width:30px}.alpha-disabled[data-v-dfdde7e0] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-91d11fa7]{width:245px;padding-top:5px;padding-left:5px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-91d11fa7]{overflow:hidden;padding:0;margin:0}.color-item[data-v-91d11fa7]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-91d11fa7]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-91d11fa7]{background:#000}.dot[data-v-91d11fa7]{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.vc-grayscale-picker[data-v-631223a5]{padding-top:5px;padding-left:5px;width:245px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-631223a5]{overflow:hidden;padding:0;margin:0}.color-item[data-v-631223a5]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-631223a5]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-631223a5]{background:#000}.dot[data-v-631223a5]{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.vc-material-picker[data-v-8f86229c]{position:relative;width:98px;height:98px;padding:16px;border-radius:2px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.vc-material-picker[data-v-8f86229c] .vc-input-input{width:100%;height:30px;margin-top:12px;background-color:var(--vc-body-bg);color:var(--vc-input-text);font-size:15px}.vc-material-picker[data-v-8f86229c] .vc-input-label{position:absolute;top:0;left:0;font-size:11px;color:var(--vc-input-label)}.hex[data-v-8f86229c]{border-bottom-width:2px;border-bottom-style:solid}.rgb[data-v-8f86229c]{display:flex;margin-right:-10px;padding-top:11px}.color[data-v-8f86229c]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-b69df0e5]{width:513px;background:var(--vc-ps-bg);border-radius:4px;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026;box-sizing:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.fields_disabled[data-v-b69df0e5]{width:390px}.title[data-v-b69df0e5]{height:23px;background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005;color:var(--vc-ps-title-color);font-size:13px;line-height:24px;text-align:center}.body[data-v-b69df0e5]{padding:15px;display:flex}.saturation[data-v-b69df0e5]{width:256px;height:256px;position:relative;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);overflow:hidden}.saturation[data-v-b69df0e5] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-b69df0e5]{height:256px;width:19px;margin-left:10px;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom)}.hue-picker[data-v-b69df0e5]{position:relative}.hue-picker-left[data-v-b69df0e5],.hue-picker-right[data-v-b69df0e5]{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer}.hue-picker-left[data-v-b69df0e5]:after,.hue-picker-right[data-v-b69df0e5]:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-b69df0e5]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-b69df0e5]{transform:translate(21px,-4px) rotate(180deg)}.controls[data-v-b69df0e5]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-b69df0e5]{width:auto}.actions[data-v-b69df0e5]{margin-left:20px;flex:1}.action-btn[data-v-b69df0e5]{height:20px;margin-bottom:10px;background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);border-radius:2px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);font-size:14px;line-height:20px;text-align:center}.preview[data-v-b69df0e5]{width:60px}.preview-swatches[data-v-b69df0e5]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-bottom:2px;margin-top:1px}.preview-color[data-v-b69df0e5]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-b69df0e5]{color:var(--vc-ps-label);font-size:14px;text-align:center}.fields[data-v-b69df0e5]{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.fields[data-v-b69df0e5] .vc-input-input{width:40%;height:18px;margin-left:40%;margin-right:10px;margin-bottom:5px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);font-size:13px}.fields[data-v-b69df0e5] .vc-input-label,.fields[data-v-b69df0e5] .vc-input-desc{position:absolute;top:0;height:18px;color:var(--vc-ps-label);font-size:13px;line-height:22px;text-transform:uppercase}.fields[data-v-b69df0e5] .vc-input-label{left:0;width:34px}.fields[data-v-b69df0e5] .vc-input-desc{right:0;width:0}.fields-divider[data-v-b69df0e5]{height:5px}.hex[data-v-b69df0e5] .vc-input-input{width:80%;height:18px;margin-left:20%;margin-bottom:6px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);font-size:13px}.hex[data-v-b69df0e5] .vc-input-label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}.vc-sketch-picker[data-v-fdb7d989]{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026;font-family:Menlo,Consolas,Courier New,monospace}.saturation[data-v-fdb7d989]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-fdb7d989]{display:flex}.sliders[data-v-fdb7d989]{padding:4px 0;flex:1}.hue[data-v-fdb7d989] .container,.alpha[data-v-fdb7d989] .gradient{border-radius:2px}.hue[data-v-fdb7d989]{position:relative;height:10px}.alpha[data-v-fdb7d989]{position:relative;height:10px;margin-top:4px;overflow:hidden}.color[data-v-fdb7d989]{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:2px;overflow:hidden}.active-color[data-v-fdb7d989]{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040;z-index:2}.color[data-v-fdb7d989] .vc-checkerboard{background-size:auto}.field[data-v-fdb7d989]{display:flex;padding-top:4px}.field[data-v-fdb7d989] .vc-input-input{width:90%;padding:4px 0 3px 10%;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:10px}.field[data-v-fdb7d989] .vc-input-label{display:block;padding-top:3px;padding-bottom:4px;color:var(--vc-sketch-input-label);font-size:11px;text-align:center}.field_single[data-v-fdb7d989]{flex:1;padding-left:6px}.field_double[data-v-fdb7d989]{flex:2}.presets[data-v-fdb7d989]{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid var(--vc-sketch-presets-border)}.preset-color[data-v-fdb7d989]{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-fdb7d989] .vc-checkerboard{box-shadow:inset 0 0 0 1px #00000026;border-radius:3px}.alpha-disabled .color[data-v-fdb7d989]{height:10px}.vc-slider-picker[data-v-675d6988]{position:relative;width:410px}.hue[data-v-675d6988]{height:12px;position:relative}.hue[data-v-675d6988] .picker,.alpha[data-v-675d6988] .picker{width:14px;height:14px;border-radius:6px;box-shadow:0 1px 4px #0000005e;transform:translate(-7px,-2px)}.alpha[data-v-675d6988]{height:12px;position:relative;margin-top:20px}.swatches[data-v-675d6988]{display:flex;margin-top:20px}.swatch[data-v-675d6988]{margin-right:1px;flex:1;width:20%}.swatch[data-v-675d6988]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-675d6988]{border-radius:2px 0 0 2px}.swatch[data-v-675d6988]:last-child{margin-right:0}.swatch:last-child .picker[data-v-675d6988]{border-radius:0 2px 2px 0}.picker[data-v-675d6988]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-675d6988]{transform:scaleY(1.8);border-radius:3.6px/2px}.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-3427cb2a]{width:320px;height:240px;overflow-y:scroll;background-color:var(--vc-body-bg);box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-3427cb2a]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-3427cb2a]{padding-bottom:10px;width:40px;float:left;margin-right:10px}.color[data-v-3427cb2a]{box-sizing:border-box;width:40px;height:24px;margin-bottom:1px;cursor:pointer;overflow:hidden;-ms-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}.color_white[data-v-3427cb2a]{border:1px solid #ddd}.picker[data-v-3427cb2a]{display:block;fill:#fff;margin-left:8px}.color_white .picker[data-v-3427cb2a]{fill:#333}.vc-twitter-picker[data-v-e74ac697]{position:relative;background:var(--vc-body-bg);border:0 solid rgba(0,0,0,.25);box-shadow:0 1px 4px #00000040;border-radius:4px}.triangle[data-v-e74ac697]{position:absolute;width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent var(--vc-body-bg) transparent}.triangle_shadow[data-v-e74ac697]{width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent rgba(0,0,0,.1) transparent;position:absolute}.body[data-v-e74ac697]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-e74ac697] .vc-input-input{float:left;width:100px;height:28px;padding:1px 1px 1px 8px;outline:none;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;border:0px;border-radius:0 4px 4px 0;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);font-size:14px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input span{display:none}.hash[data-v-e74ac697]{float:left;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:4px 0 0 4px;background:var(--vc-twitter-hash-bg);color:var(--vc-twitter-hash-color)}.swatch[data-v-e74ac697]{width:30px;height:30px;float:left;border-radius:4px;margin:0 6px 6px 0;cursor:pointer;position:relative;outline:none}.clear[data-v-e74ac697]{clear:both}.tri_hide .triangle[data-v-e74ac697],.tri_hide .triangle_shadow[data-v-e74ac697]{display:none}.tri_top_left .triangle[data-v-e74ac697]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-e74ac697]{top:-11px;left:12px}.tri_top_right .triangle[data-v-e74ac697]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-e74ac697]{top:-11px;right:12px}.vc-hue-wrap[data-v-b3ac1ab2]{height:8px}.vc-hue-wrap[data-v-b3ac1ab2] .slider{border-radius:4px}.vc-hue-wrap[data-v-b3ac1ab2] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;background-color:var(--46ac36b6);transform:translate(-12px) translateY(-8px)}.vc-hsl-sliders[data-v-2e071f54]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-2e071f54]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-2e071f54]:last-of-type{margin-bottom:0}.label[data-v-2e071f54]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsl-sliders[data-v-2e071f54] .vc-base-slider{margin-top:5px;height:14px}.vc-hsl-sliders[data-v-2e071f54] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-2e071f54]{width:100%;height:100%}.vc-hsl-sliders[data-v-2e071f54] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-2e071f54] .picker{background-color:var(--41b5b6d0)}.s-slider[data-v-2e071f54] .picker,.l-slider[data-v-2e071f54] .picker{background-color:var(--05fbe691)}.vc-hsl-sliders[data-v-2e071f54] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-2e071f54] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-d6cfe1d9]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-d6cfe1d9]:last-of-type{margin-bottom:0}.label[data-v-d6cfe1d9]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-base-slider{margin-top:5px;height:14px}.vc-hsv-sliders[data-v-d6cfe1d9] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-d6cfe1d9]{width:100%;height:100%}.vc-hsv-sliders[data-v-d6cfe1d9] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-d6cfe1d9] .picker{background-color:var(--f666f450)}.s-slider[data-v-d6cfe1d9] .picker,.b-slider[data-v-d6cfe1d9] .picker{background-color:var(--46b90cce)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-rgb-sliders[data-v-98b3b212]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-98b3b212]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-98b3b212]:last-of-type{margin-bottom:0}.label[data-v-98b3b212]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-rgb-sliders[data-v-98b3b212] .vc-base-slider{margin-top:5px;height:14px}.vc-rgb-sliders[data-v-98b3b212] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-98b3b212]{width:100%;height:100%}.vc-rgb-sliders[data-v-98b3b212] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.slider-wrap[data-v-98b3b212]:not(.a-slider) .picker{background-color:var(--5f730604)}.vc-rgb-sliders[data-v-98b3b212] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-98b3b212] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.c-divider{margin:38px 10px 0;padding-top:12px}.c-divider.divider div{border-color:#fff3}.c-divider div{margin-left:2px;height:32px;border-left:1px solid transparent}.c-divider span{margin-right:1px;border-left:1px dotted rgba(255,255,255,.5);height:30px}.non-draggable{touch-action:none}:root{--vh: 1vh}.body--dark .c-draggable-drawers .c-draggable-drawer,.c-draggable-drawers.dark .c-draggable-drawer{border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle,#000000bf,#000000e6 75%)}.body--dark .c-draggable-drawers .c-draggable-drawer__handler--horizontal>div.grab,.c-draggable-drawers.dark .c-draggable-drawer__handler--horizontal>div.grab{background-color:#c8c8c8b3}.body--dark .c-draggable-drawers .c-draggable-drawer .callout,.c-draggable-drawers.dark .c-draggable-drawer .callout,.body--dark .c-draggable-drawers .c-draggable-drawer .section-title,.body--dark .c-draggable-drawers .c-draggable-drawer .text-subtitle2,.c-draggable-drawers.dark .c-draggable-drawer .section-title,.c-draggable-drawers.dark .c-draggable-drawer .text-subtitle2,.body--dark .c-draggable-drawers .c-draggable-drawer__content,.c-draggable-drawers.dark .c-draggable-drawer__content{color:var(--grey-100);transition:color .3s ease-in-out}.c-draggable-drawers{position:fixed;height:100dvh;z-index:2998;width:100%!important;overflow:hidden;pointer-events:none}.c-draggable-drawer{border:1px solid rgba(0,0,0,.2);pointer-events:auto;position:absolute;bottom:0;height:100dvh;border-radius:8px 8px 0 0;width:100%;padding-bottom:300px;will-change:transform;transition:transform .3s ease-in-out,opacity .3s ease-in-out;background:radial-gradient(circle,#ffffffbf,#ffffffe6 75%)}.c-draggable-drawer__content{padding-bottom:15px}.c-draggable-drawer__handler--horizontal{cursor:grab}.c-draggable-drawer__handler--horizontal>div.grab{width:60px;height:6px;border-radius:6px;background-color:#646464b3;transition:background-color .3s ease-in-out}.c-draggable-drawer .callout{color:var(--grey-800);transition:color .3s ease-in-out;border-radius:10px;padding:2px}.c-draggable-drawer .section-title,.c-draggable-drawer .text-subtitle2,.c-draggable-drawer__content{transition:color .3s ease-in-out}.c-draggable-drawer .section-title{font-size:20px;font-weight:700}.c-draggable-drawer .sectional{position:relative}@supports not (height: 100dvh){.c-draggable-drawers{height:calc(var(--vh, 1vh) * 100)}}html.nav-lock .c-draggable-drawer,html.nav-lock .c-draggable-drawers{transition:none!important;opacity:0!important;display:none!important}.c-duration-button.dark{background-color:#fff!important;color:#0087ff!important}.c-duration-button.selected.dark{background-color:#0087ff!important}.c-duration-button.selected.dark .c-duration-button-duration,.c-duration-button.selected.dark .c-duration-button-unit{color:#fff!important}.c-duration-button{background-color:#fff;color:var(--grey-400);line-height:11.6666666667px;height:70px;width:70px;transition:border-color .3s,background-color .3s,color .3s}.c-duration-button.q-btn--outline .q-btn__wrapper:before{border-width:1px}.c-duration-button .c-duration-button-duration,.c-duration-button .c-duration-button-unit{color:var(--grey-800)!important}.c-duration-button.selected{background-color:#0087ff!important}.c-duration-button.selected .c-duration-button-duration,.c-duration-button.selected .c-duration-button-unit{color:#fff!important}.c-duration-button-duration{width:100%;font-weight:700;font-size:31.8181818182px;line-height:21px;letter-spacing:-.05em}.c-duration-button-unit{font-weight:500;font-size:17.5px;line-height:17.5px}.c-expansion{color:var(--grey-900)}.c-expansion .q-item__section--avatar{min-width:34px}.c-expansion .q-expansion-item__container>.q-item:first-child{background-color:#fff;padding:20px 16px}.c-expansion .q-expansion-item__container .q-expansion-item__content:first-child{margin-top:20px}.c-expansion .q-item__section--side{color:var(--grey-900)}.c-expansion .q-item__label{font-size:16px;font-weight:700}.c-expansion .q-item__label.q-item__label--caption{font-size:14px;font-weight:500;color:var(--grey-700)}.c-expansion.selected .q-item__section--avatar{opacity:1}.c-expansion-item{color:var(--grey-700)}.c-expansion-item .q-expansion-item__container .q-expansion-item__content:first-child{margin-top:20px;background-color:red}.c-expansion-item .q-item__section--side{color:var(--grey-100)}.c-expansion-item .q-item__label{font-size:16px;font-weight:700}.c-expansion-item.selected .q-item__section--avatar{opacity:1}.c-expansion-item.negative .q-item__section--avatar svg{color:#d0051e}.c-expansion-item.locked .q-item__section--avatar{width:20px;min-width:20px}.c-expansion-item.locked .q-item__section--avatar .q-icon{margin-left:-5px;width:18px;height:18px}.c-expansion-item.locked .q-item__section--avatar svg{width:18px;height:18px;color:var(--grey-100)}.c-expansion-item.positive .q-item__section--avatar svg{color:#96cb00}.c-expansion-item .q-item{padding-left:12px}.c-expansion-item .q-item__section--avatar{transition:opacity .3s;opacity:0;width:20px;min-width:20px}.c-expansion-item .q-item__section--avatar .q-icon{font-size:10px}.c-expansion-item .q-item__section--avatar svg{font-size:10px;color:#0087ff}.c-floating-modal{border:1px solid var(--grey-400);background-color:var(--grey-100);position:absolute;bottom:20px;right:20px;min-height:80px;width:100%;border-radius:40px;overflow:hidden;z-index:10}.c-floating-modal-default{padding:20px}.c-floating-modal-toggle{position:absolute;top:25px;right:20px}.c-floating-modal.fade-enter,.c-floating-modal.fade-leave-active,.c-floating-modal.fade-enter-active{transition:opacity .3s ease-in}.c-floating-modal.fade-enter-from,.c-floating-modal.fade-leave-to{opacity:0}.c-horizontal-scroller{position:relative;width:100%;overflow:hidden;z-index:100}.c-horizontal-scroller.full-height,.c-horizontal-scroller-outer{position:absolute;top:0;left:0;right:0;bottom:0}.c-horizontal-scroller-inner{position:absolute;top:0;display:inline-block;height:100%;margin:0 auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.c-horizontal-scroller-inner::-webkit-scrollbar{width:0;height:0}.c-item-heading{padding-left:30px;text-transform:uppercase;font-size:14px}.verticalBar{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1px solid var(--red-700)}.horizontalBar{position:absolute;left:0;right:0;top:50%;height:0;border-bottom:1px solid var(--red-700)}.c-navigator-hitarea{top:0;left:0;position:absolute}.c-navigator-hitarea .xy{font-family:SF Compact Display,sans-serif;font-size:14px;position:absolute;top:10px;right:10px;color:#00000080;background:#ffffff80;padding:3px 5px;border-radius:4px}.c-navigator{top:0;left:0;position:absolute;border-radius:4px;z-index:1}.c-navigator-title{color:#ffffff80;position:absolute;text-transform:uppercase;font-weight:500;top:0;left:30px}.c-navigator-knob{position:absolute;font-size:20px;color:#979797;border:1px solid #cccccc;border-radius:50%;z-index:3;background-color:#fffc;cursor:move;text-transform:uppercase;text-align:center;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.c-navigator .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-overlay-loader{position:relative;border-radius:5px;display:inline-block;top:0;left:0}.c-overlay-loader-content{position:relative;z-index:1}.c-overlay-loader-overlay{position:absolute;top:0;left:0;z-index:2;pointer-events:none}.c-rect-button{border:1px solid var(--grey-400);border-radius:10px;width:80px;height:110px;position:relative;overflow:hidden;background-color:#fff;color:var(--grey-800);transition:border-color .3s,background-color .3s,color .3s}.c-rect-button-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:#0000004d}.c-rect-button-overlay>.q-icon{position:absolute;left:50%;top:40%!important;transform:translateY(-50%) translate(-50%);opacity:1}.c-rect-button.dark{border:1px solid #0087ff;color:#0087ff}.c-rect-button .q-icon{position:absolute;top:10px;font-size:5em}.c-rect-button.selected{border-color:#ffffff80;background-color:#0087ff;color:#fff}.c-rect-button-image{position:absolute;top:5px;right:0;left:0;bottom:85px}.c-rect-button-image>img{width:100%;height:auto}.c-rect-button-label{font-size:12px;font-weight:400;position:absolute;bottom:2px;z-index:11}.expando-enter-active,.expando-leave-active{transition:opacity .5s,width .5s,transform .5s,margin-left .5s}.expando-enter,.expando-leave-to{opacity:0;width:0!important;margin-left:0!important}.c-round-button-holder{display:inline-block;width:70px}.c-round-button{border:2px #cccccc solid}.c-round-button.dark{border-color:#fff}.c-round-button.dark .q-icon{color:#fff!important}.c-round-button.dark .c-round-button-label{color:#ffffff80}.c-round-button{position:relative;width:70px;height:70px;margin-bottom:30px;transition:border-color .3s,background-color .3s,color .3s}.c-round-button .q-icon{font-size:3.5em;color:#ccc;transition:color .3s}.c-round-button .c-round-button.selected.dark .c-round-button-label,.c-round-button .c-round-button.selected.dark .q-icon{color:#fff;transition:color .3s}.c-round-button.selected{border-color:#0087ff;background-color:#0087ff}.c-round-button.selected .c-round-button-label{color:#0087ff;transition:color .3s}.c-round-button.selected .q-icon{color:#fff;transition:color .3s}.c-round-button-image{position:absolute;top:0;left:0;right:0;bottom:0}.c-round-button-image>img{border-radius:50%;background-color:var(--grey-100);width:100%;height:auto}.c-round-button-label{text-align:center;position:absolute;top:72px;left:50%;transform:translate(-50%);font-size:14px;font-weight:400;color:#b3b3b3;transition:color .3s}.c-slider{padding-left:12px!important;margin-top:5px;color:#333}.c-slider.dark{color:#fff9}.c-slider.dark .q-slider__track{background-color:#fff9}.c-slider.dark .c-slider-indicator-tick{border-right:1px solid rgba(255,255,255,.6)}.c-slider:first-child{margin-top:15px}.c-slider:last-child{margin-bottom:15px}.c-slider.no-icons .c-slider-title{left:5px}.c-slider-title{position:absolute;text-transform:uppercase;font-weight:500;top:-14px;left:0}.c-slider .q-slider__track{background-color:#ccc;border-radius:10px}.c-slider-left-icon{width:20px}.c-slider-left-icon.q-item__section--side{padding-right:5px}.c-slider-right-icon.q-item__section--side{padding-left:2px}.c-slider-indicator{position:absolute;left:0;right:0;bottom:6px;height:3px}.c-slider-indicator-tick{left:0;top:0;position:absolute;height:5px;border-right:1px solid #cccccc}.c-toggle{border-radius:4px}.c-toggle.dark .c-toggle-title{color:#fff9}.c-toggle-title{color:#333;text-transform:uppercase;font-weight:500!important;font-size:14px!important;padding-left:20px}.c-toggle.full .c-toggle-title{padding-left:0}.c-tool-header{font-weight:900;font-size:30px;color:var(--grey-700)}.c-contrast-button{z-index:200}.c-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.c-drawer .q-drawer__content{padding-bottom:27px}.c-drawer .q-drawer__content::-webkit-scrollbar{width:0;background:transparent}.c-drawer .q-drawer__content::-webkit-scrollbar-thumb{background:var(--red-500)}.c-drawer.dark{color:var(--grey-100)}.c-drawer.dark aside{background-color:#000c!important}.c-drawer.overlay-transparent .q-drawer__backdrop{background-color:#0000!important}.c-fab.q-btn{color:#0003}.c-fab.q-btn .q-icon{font-size:30px;padding:5px}.c-right-drawer-container{width:299px!important;background-color:#000000e6;padding-bottom:37px}.c-right-drawer .q-dialog__inner--minimized{padding:0}.c-interactive-layout .profile-icon{position:fixed;top:9px;right:12px;z-index:1000}.c-interactive-layout .c-menu-button{position:fixed;top:9px;left:12px;z-index:2998}.c-interactive-layout .c-avatar-button{position:fixed;top:9px;right:12px;z-index:2998}.c-interactive-layout .q-drawer--left{z-index:3098}.c-interactive-layout-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:8000;background-color:#fffc}.c-interactive-layout .logo-button{position:fixed;bottom:20px;left:20px;display:block;height:72px;width:72px;z-index:100;opacity:.15}.c-interactive-layout .logo-button .q-btn{cursor:default!important}.c-interactive-layout .logo-button svg{width:72px;height:72px}.c-interactive-layout .q-page-container{padding-top:0!important;padding-bottom:0!important}.c-interactive-layout .q-header{color:#170a27;font-size:20px;font-weight:700;background-color:transparent;z-index:2998}.c-interactive-layout .controls-header{background-color:#fff0}.c-layout-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:200;background-color:#fff9}.c-layout .c-right-drawer .fullscreen.q-drawer__backdrop{background-color:transparent!important;opacity:0}.c-layout .profile-icon{position:fixed;top:9px;right:12px;z-index:2500}.c-layout .logo-button{position:fixed;bottom:20px;left:20px;display:block;height:72px;width:72px;z-index:100;opacity:.15;transition:color .3s}.c-layout .logo-button .q-btn{cursor:default!important}.c-layout .logo-button .q-icon{font-size:72px!important}.c-layout .logo-button svg{width:72px;height:72px}.c-layout .q-page-container{padding-top:0!important;padding-bottom:0!important}.c-layout .q-header{color:#170a27;font-size:20px;font-weight:700;background-color:transparent}.c-layout .controls-header{background-color:#fff0}.c-responsive-layout{position:static!important}.c-responsive-layout .profile-icon{position:fixed;top:8px;right:12px;z-index:1000}.c-responsive-layout .c-menu-button{position:fixed;top:20px;left:12px;z-index:2998}.c-responsive-layout .c-avatar-button{position:fixed;top:9px;right:12px;z-index:2998}.c-responsive-layout .q-drawer--left{z-index:3098}.c-responsive-layout-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:8000;background-color:#fffc}.c-responsive-layout .logo-button{position:fixed;bottom:20px;left:20px;display:block;height:72px;width:72px;z-index:100;opacity:.15}.c-responsive-layout .logo-button .q-btn{cursor:default!important}.c-responsive-layout .logo-button svg{width:72px;height:72px}.c-responsive-layout .q-page-container{padding-top:0!important;padding-bottom:0!important}.c-responsive-layout .q-header{color:#170a27;font-size:20px;font-weight:700;background-color:transparent;z-index:2998}.c-responsive-layout .controls-header{background-color:#fff0}.c-tool-layout-left-header-icon{position:fixed;top:10px;left:10px;z-index:2999}.c-tool-layout-right-header-icon{position:fixed;top:10px;right:9px;z-index:4000}.c-tool-layout-center-header-icon{position:fixed;top:8px;right:180px;z-index:2000;transform:translate(50%)}.mobile .c-tool-layout,.mobile .c-tool-layout .q-page-container{height:100vh}.mobile .c-tool-layout-center-header-icon{right:50%;transform:translate(50%)}@media(max-width:599px){.xs-hide,.gt-xs,.xsm,.gt-xsm,.sm,.gt-sm,.smd,.gt-smd .md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:600px)and (max-width:767px){.xsm-hide,.xs,.lt-xsm,.gt-xsm,.sm,.gt-sm,.smd,.md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:768px)and (max-width:1023px){.sm-hide,.xs,.lt-xsm,.xsm,.lt-sm,.gt-sm,.smd,.gt-smd,.md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:1024px)and (max-width:1231px){.smd-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-md,.gt-smd,.md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:1232px)and (max-width:1439px){.md-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-smd,.smd,.lt-md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:1440px)and (max-width:1919px){.lg-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-smd,.smd,.lt-md,.md,.lt-lg,.gt-lg,.xl{display:none!important}}@media(min-width:1920px){.xl-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-smd,.smd,.lt-md,.md,.lt-lg,.lg,.lt-xl{display:none!important}}.q-pa-none{padding:0}.q-pa-xsm{padding:6px}.q-pa-xs{padding:4px}.q-pa-sm{padding:8px}.q-pa-smd{padding:14px}.q-pa-md{padding:16px}.q-pa-lg{padding:24px}.q-pa-xl{padding:48px}:root{--grey-100: #ffffff;--grey-200: #f3f3f3;--grey-300: #e6e6e6;--grey-400: #cccccc;--grey-500: #afafaf;--grey-600: #979797;--grey-700: #6e6e6e;--grey-800: #333333;--grey-900: #170a27;--black-true: #000000;--black: var(--grey-900);--white: #ffffff;--blue-100: #e6f3ff;--blue-200: #b3d8ff;--blue-300: #7cc2ff;--blue-400: #5fb4ff;--blue-500: #0087ff;--blue-600: #0074db;--blue-700: #005299;--blue-800: #002c52;--blue-900: #00152a;--crimson-100: #fce5f0;--crimson-200: #f4b8d8;--crimson-300: #ec8bc0;--crimson-400: #d654a4;--crimson-500: #c9138a;--crimson-600: #b80068;--crimson-700: #8d0a54;--crimson-800: #680040;--crimson-900: #480030;--orange-100: #ffe8d0;--orange-200: #ffca7b;--orange-300: #ffa54a;--orange-400: #f9a21b;--orange-500: #d44727;--orange-600: #bf4628;--orange-700: #94371f;--orange-800: #5c1c0c;--orange-900: #3a1108;--yellow-100: #fefde5;--yellow-200: #fff5a0;--yellow-300: #ffe055;--yellow-400: #ffd000;--yellow-500: #ffc300;--yellow-600: #e6b41a;--yellow-700: #d6a731;--yellow-800: #a47e23;--yellow-900: #745a18;--green-100: #f4ffd0;--green-200: #d6f88a;--green-300: #b8e23e;--green-400: #96cb00;--green-500: #76cb23;--green-600: #73af55;--green-700: #467a10;--green-800: #2e5108;--green-900: #1a2d05;--teal-100: #d8f0ec;--teal-200: #addbd3;--teal-300: #7fc4b8;--teal-400: #4eae9f;--teal-500: #22988d;--teal-600: #1c7a72;--teal-700: #155e58;--teal-800: #003e39;--teal-900: #002522;--purple-100: #f0e0f8;--purple-200: #d8b8e8;--purple-300: #a16de0;--purple-400: #c86dd7;--purple-500: #8a3fcf;--purple-600: #7c01cb;--purple-700: #5d0099;--purple-800: #320052;--purple-900: #1a002b;--indigo-100: #dce0ff;--indigo-200: #b6bdee;--indigo-300: #8e93dd;--indigo-400: #5b5fc8;--indigo-500: #3324ae;--indigo-600: #203896;--indigo-700: #1a2d79;--indigo-800: #0e1a5d;--indigo-900: #0e091c;--red-100: #ffe5e5;--red-200: #ffb3b3;--red-300: #ff7878;--red-400: #ef3a3a;--red-500: #d0051e;--red-600: #b00010;--red-700: #9c0000;--red-800: #87292f;--red-900: #4a0205;--primary: var(--blue-500);--secondary: var(--crimson-900);--accent: var(--crimson-900);--positive: var(--green-400);--negative: var(--red-500);--error: var(--red-700);--warning: var(--orange-600);--info: var(--blue-300);--button-border: var(--grey-400);--brand-google-red: #ea4335;--brand-google-blue: #4285f4;--brand-google-yellow: #fbbc04;--brand-google-green: #34a853;--brand-discord: #5865f2;--brand-spotify: #1ed760;--brand-twitch: #6441a5;--brand-stripe-decline:#fa755a}.glass-background,.glass-dropshadow,.glass-border{transition:all .2s ease;--glass-bg-shadow: 0 0 #0000;--glass-border-shadow: 0 0 #0000;--glass-drop-shadow: 0 0 #0000;box-shadow:var(--glass-bg-shadow),var(--glass-border-shadow),var(--glass-drop-shadow)}.glass-background{--glass-bg-shadow: 0 0 33px 0 rgba(242, 242, 242, .5) inset;background:linear-gradient(0deg,#ffffff40,#ffffff40),#ffffff80;background-blend-mode:normal,plus-lighter;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.glass-background.selected{background:linear-gradient(0deg,#0087ff14,#0087ff14),#ffffff80}.glass-border{--glass-border-shadow: -4.5px -4.5px 1.5px -5.25px rgba(255, 255, 255, .5) inset, 4.5px 4.5px 1.5px -5.25px rgba(255, 255, 255, .5) inset, 3px 4.5px 1.5px -3px rgba(179, 179, 179, .2) inset, -3px -4.5px 1.5px -3px rgba(179, 179, 179, .2) inset;border-top:1px solid var(--grey-100);border-left:1px solid var(--grey-100)}.glass-border.selected{border-top-color:#0087ff26;border-left-color:#0087ff26}.glass-dropshadow{--glass-drop-shadow: 0 2px 6px 0 rgba(31, 38, 135, .05)}.selected .glass-overlay{background:linear-gradient(135deg,#0087ff40,#0087ff0d,#0087ff26)}.glass-overlay{transition:all .2s ease;background:linear-gradient(135deg,#0000001a,#ffffff0d,#0000000d)}.text-positive{color:#96cb00!important}.bg-positive{background:#96cb00!important}.text-negative{color:#d0051e!important}.bg-negative{background:#d0051e!important}.c-tool-page{height:100vh}.c-tool-page .c-tool-page-drawer-button{position:absolute;bottom:10px;left:5px;z-index:1001}
|
|
1
|
+
.c-base-button{transition:all .2s ease;line-height:1em;position:relative;width:90px;min-width:90px;max-width:90px;height:90px;margin-bottom:45px}.c-base-button--overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1}.c-base-button--checkbox,.c-base-button--radio,.c-base-button--none{border-radius:8px}.c-base-button--background{border-radius:8px;position:absolute;top:0;right:0;bottom:0;left:0}.c-base-button.selected .c-base-button--label,.c-base-button.selected .c-base-button--icon{color:var(--primary)}.c-base-button.selected .c-button-boolean--checkbox,.c-base-button.selected .c-button-boolean--radio{border-color:var(--primary)}.c-base-button .c-base-button--icon{transition:all .2s ease;position:relative;width:100%;padding-top:100%;height:0;color:var(--grey-700)}.c-base-button .c-base-button--icon .q-icon{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);font-size:52px}.c-base-button .c-base-button--icon .q-icon.dark{color:var(--grey-300)}.c-base-button .c-base-button--label{text-wrap:nowrap;position:absolute;left:50%;transform:translate(-50%);bottom:-26px;font-weight:700;font-size:14px;color:var(--grey-700)}.c-base-button--sm{width:60px;min-width:60px;max-width:60px;height:60px;margin-bottom:30px}.c-base-button--sm .c-base-button--icon .q-icon{font-size:38px}.c-base-button--sm .c-base-button--label{font-size:13px}.c-base-button--sm .c-button-boolean--checkbox,.c-base-button--sm .c-button-boolean--radio{position:absolute;bottom:4px!important;left:4px!important}.c-base-button--xs{width:42px;min-width:42px;max-width:42px;height:42px;margin-bottom:21px}.c-base-button--xs.c-base-button--checkbox,.c-base-button--xs.c-base-button--radio,.c-base-button--xs.c-base-button--none{border-width:2px}.c-base-button--xs .c-base-button--icon .q-icon{font-size:30px;transform:translate(calc(-50% - 1px)) translateY(calc(-50% - 1px))}.c-base-button--xs .c-base-button--label{font-size:12px;font-weight:500}.c-base-button--xs .c-button-boolean--checkbox,.c-base-button--xs .c-button-boolean--radio{position:absolute;bottom:2px!important;left:2px!important}.c-base-button img{height:auto;width:100%}.c-base-button .c-button-boolean--checkbox,.c-base-button .c-button-boolean--radio{position:absolute;bottom:8px;left:8px}.c-base-button--borderless .c-base-button--label{bottom:-12px!important}.c-base-button .c-base-button--image{position:relative;width:100%;padding-top:100%;height:0;overflow:hidden;border-radius:6px}.c-base-button .c-base-button--image img{position:absolute;top:50%;left:50%;transform:translate(-50%) translateY(-50%);width:100%;height:auto}.c-base-button--disable{opacity:.8;cursor:not-allowed}.c-base-button--disable:hover{border-color:var(--grey-400)}.c-base-button--disable:hover .c-base-button--label,.c-base-button--disable:hover .c-base-button--icon{color:var(--grey-700)}.c-base-button--disable:hover .c-button-boolean--checkbox,.c-base-button--disable:hover .c-button-boolean--radio{border-color:var(--grey-400)}.c-button-boolean{width:18px;height:18px;border-color:var(--grey-400);border-style:solid;border-width:2px;transition:all .2s ease;background-color:var(--white)}.c-button-boolean.c-button-boolean--sm{width:14px;height:14px}.c-button-boolean.c-button-boolean--xs{width:12px;height:12px;border-width:1px}.c-button-boolean--radio{border-radius:9px}.c-button-boolean--radio.c-button-boolean--sm{border-radius:8px}.c-button-boolean--radio.c-button-boolean--sm div{margin:2px;width:6px;height:6px}.c-button-boolean--radio.c-button-boolean--xs{border-radius:6px}.c-button-boolean--radio.c-button-boolean--xs div{margin:2px;width:6px;height:6px}.c-button-boolean--radio div{margin:2px;width:10px;height:10px;opacity:0;border-radius:4.5px;transition:all .2s ease}.c-button-boolean--radio.c-button-boolean--selected{border-color:var(--primary)}.c-button-boolean--radio.c-button-boolean--selected div{opacity:1;background-color:var(--primary)}.c-button-boolean--checkbox{border-radius:6px;border-color:var(--grey-400);transition:all .2s ease;background-color:var(--white)}.c-button-boolean--checkbox.c-button-boolean--sm{border-radius:4px}.c-button-boolean--checkbox.c-button-boolean--sm .q-icon{margin:-6px 0 0;font-size:10px}.c-button-boolean--checkbox.c-button-boolean--xs{border-radius:3px}.c-button-boolean--checkbox.c-button-boolean--xs .q-icon{margin:-5px 0 0;font-size:9px}.c-button-boolean--checkbox .q-icon{transition:all .2s ease;color:var(--white);opacity:0;margin:1px;font-size:12px}.c-button-boolean--checkbox.c-button-boolean--selected{border-color:var(--primary);background-color:var(--primary)}.c-button-boolean--checkbox.c-button-boolean--selected .q-icon{color:var(--white);opacity:1}.c-button-boolean--disabled{border-color:var(--grey-400)!important}.c-counter{text-align:right;margin-right:16px}.c-counter-count{font-size:16px;line-height:16px}.c-counter-title{text-transform:uppercase;font-size:8px;line-height:8px;display:block}.c-drawer-header-title{font-size:21px;font-weight:700;letter-spacing:.01em;line-height:70px;position:relative;padding-left:19px;display:inline-block}.c-drawer-header-title.bottom{line-height:50px}.c-bottom-drawer .q-dialog__inner{padding:0;background-color:#000000e6}.c-drawer-header.dark{color:var(--grey-100)}.c-drawer-header{color:var(--grey-800)}.c-drawer-header-title{font-size:21px;font-weight:700;letter-spacing:.01em;line-height:70px;position:relative;padding-left:19px;display:inline-block;line-height:50px}.c-drawer-header-indicator{position:absolute;top:50%;transform:translateY(-50%);left:0;width:10px}.c-drawer-header-selected .q-item__section--avatar{opacity:1}.c-drawer-header .q-toolbar{padding-right:20px;border-bottom:1px solid rgba(255,255,255,.9)!important}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.c-bottom-drawer-container,.c-bottom-drawer-container-default{position:absolute;top:0;left:0;right:0;bottom:0}.c-button{background-color:#fff;color:var(--grey-700);transition:border-color .3s,background-color .3s,color .3s}.c-button .q-icon,.c-button--label{transition:color .3s}.c-button.c-button--circle{position:relative;border:2px solid #cccccc;width:70px;height:70px;margin-bottom:30px}.c-button.c-button--circle .q-icon{font-size:3.5em;color:#ccc}.c-button.c-button--circle.c-button--sm{width:48px;height:48px;margin-bottom:30px}.c-button.c-button--circle.c-button--sm .q-icon{font-size:2.6em}.c-button.c-button--circle.c-button--sm .c-button--label{top:48px;font-size:13px}.c-button.c-button--circle.c-button--dark{border-color:#fff}.c-button.c-button--circle.c-button--dark .q-icon{color:#fff!important}.c-button.c-button--circle.c-button--dark .c-button--label{color:#ffffff80}.c-button.c-button--circle.selected{border-color:#0087ff;background-color:#0087ff}.c-button.c-button--circle.selected .c-button--label{color:#0087ff}.c-button.c-button--circle.selected .q-icon,.c-button.c-button--circle.selected.c-button--dark .c-button--label,.c-button.c-button--circle.selected.c-button--dark .q-icon{color:#fff}.c-button.c-button--circle .c-button--image{position:absolute;top:0;left:0;right:0;bottom:0}.c-button.c-button--circle .c-button--image>img{border-radius:50%;background-color:#fff;width:100%;height:auto}.c-button.c-button--circle .c-button--label{position:absolute;top:72px;left:50%;transform:translate(-50%);text-align:center;font-size:14px;font-weight:400;color:#b3b3b3}.c-button.c-button--rectangle{border:1px solid #cccccc;border-radius:10px;width:80px;height:110px;position:relative;overflow:hidden}.c-button.c-button--rectangle.c-button--sm{border-radius:6px;width:50px;height:70px}.c-button.c-button--rectangle.c-button--sm .q-icon{top:7px;font-size:2.6em}.c-button.c-button--rectangle.c-button--sm .c-button--image{top:3px;left:0;right:0;bottom:70px}.c-button.c-button--rectangle.c-button--sm .c-button--label{bottom:2px;line-height:18px}.c-button.c-button--rectangle .q-icon{position:absolute;top:10px;font-size:5em}.c-button.c-button--rectangle.c-button--dark{border-color:#0087ff;color:#0087ff}.c-button.c-button--rectangle.selected{border-color:#ffffff80;background-color:#0087ff;color:#fff}.c-button.c-button--rectangle .c-button-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:#0000004d}.c-button.c-button--rectangle .c-button-overlay>.q-icon{position:absolute;left:50%;top:40%!important;transform:translate(-50%,-50%);opacity:1}.c-button.c-button--rectangle .c-button--image{position:absolute;top:5px;left:0;right:0;bottom:85px}.c-button.c-button--rectangle .c-button--image>img{width:100%;height:auto}.c-button.c-button--rectangle .c-button--label{position:absolute;bottom:2px;z-index:11;font-size:12px;font-weight:400}.c-button.c-button--duration{width:70px;height:70px;line-height:11.6666666667px;border:1px solid var(--grey-400);color:#333}.c-button.c-button--duration.c-button--sm{width:48px;height:48px;line-height:8px}.c-button.c-button--duration.c-button--sm .c-button-value{font-size:21.8181818182px;line-height:14.4px}.c-button.c-button--duration.c-button--sm .c-button-unit{font-size:12px;line-height:12px}.c-button.c-button--duration .q-btn--outline .q-btn__wrapper:before{border-width:1px}.c-button.c-button--duration .c-button-value,.c-button.c-button--duration .c-button-unit{color:#333!important}.c-button.c-button--duration.c-button--dark{background-color:#fff!important;color:var(--grey-800)!important}.c-button.c-button--duration.selected{background-color:#0087ff!important}.c-button.c-button--duration.selected .c-button-value,.c-button.c-button--duration.selected .c-button-unit,.c-button.c-button--duration.selected.c-button--dark .c-button-value,.c-button.c-button--duration.selected.c-button--dark .c-button-unit{color:#fff!important}.c-button.c-button--duration .c-button-value{width:100%;font-weight:700;font-size:31.8181818182px;line-height:21px;letter-spacing:-.05em}.c-button.c-button--duration .c-button-unit{font-weight:500;font-size:17.5px;line-height:17.5px}.c-button-bar{border-top:1px solid rgba(255,255,255,.2)}.c-button-toggle{height:44px;width:124px;background-color:var(--grey-300);border-radius:22px;font-size:15px;font-weight:900}.c-button-toggle.disable{opacity:.7;cursor:not-allowed}.c-button-toggle-left,.c-button-toggle-right{padding:10px;z-index:2;height:36px}.c-button-toggle-left{padding-left:16px}.c-button-toggle-right{padding-right:16px}.c-button-toggle-slide{z-index:1;height:36px;width:62px;background-color:var(--grey-100);border-radius:18px;position:absolute;top:4px;left:4px;transition:left .3s ease-out;box-shadow:0 2px 4px -1px #0000001a}.c-camera-direction{width:200px;height:200px;position:relative;margin:30px auto 40px}.c-camera-direction.dark{color:#fff}.c-camera-direction{color:var(--grey-800)}.c-camera-direction .quickpose-angle{position:absolute;top:0;left:0;z-index:100;border-radius:50%}.c-camera-direction .quickpose-angle img{width:100%;height:auto;border-radius:50%}.c-camera-direction.dark .quarters.borders .quarter{color:#fff}.quarters{transform:rotate(45deg);width:100%;height:100%;position:absolute;top:0;left:0;z-index:90}.quarters.overlay{z-index:110}.quarters.borders .quarter>span{position:absolute;font-size:11px;left:50%;top:50%;transform:translate(-50%) translateY(-50%) rotate(-45deg)}.quarters.borders .quarter{background-color:transparent;border-color:var(--grey-400)}.quarters.borders .quarter.active{outline:0;border-color:#0087ff;background-color:#0087ff}.quarters.borders .quarter.active span{color:#fff!important}.quarters .quarter{border:1px solid transparent;height:49%;width:49%;position:absolute;z-index:110}.quarters .quarter .fa{color:#fff;position:absolute;font-size:2em}.quarters .quarter.back{top:0;left:0;border-radius:100% 0 0}.quarters .quarter.back.active{border-radius:100% 0 0}.quarters .quarter.back .fa{transform:rotate(45deg);top:25px;left:25px}.quarters .quarter.left{top:0;right:0;border-radius:0 100% 0 0}.quarters .quarter.left.active{border-radius:0 100% 0 0}.quarters .quarter.left .fa{transform:rotate(135deg);top:25px;right:25px}.quarters .quarter.front{bottom:0;right:0;border-radius:0 0 100%}.quarters .quarter.front.active{border-radius:0 0 100%}.quarters .quarter.front .fa{transform:rotate(225deg);bottom:25px;right:25px}.quarters .quarter.right{bottom:0;left:0;border-radius:0 0 0 100%}.quarters .quarter.right.active{border-radius:0 0 0 100%}.quarters .quarter.right .fa{transform:rotate(315deg);bottom:25px;left:25px}.c-color-picker{display:inline-block}.c-color-picker-button{width:50px;height:50px;margin-left:13px;margin-right:13px;border-radius:25px;margin-bottom:30px}.c-color-picker-button .q-btn__content{color:#fff}.c-color-picker-button .q-btn__content span.block{margin-top:15px;font-size:11px;white-space:nowrap}.c-color-picker-button .q-btn__content .q-icon{margin-left:12px;margin-top:8px;font-size:26px}.c-color-picker-inner{width:326px;height:auto;top:0;left:0;position:absolute;border-radius:10px;z-index:1000}.c-color-picker-popup-chooser{touch-action:none;overscroll-behavior:contain}.c-color-picker-popup .vc-chrome-picker{width:100%!important;height:auto;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important}.c-color-picker-popup .vc-chrome-picker .saturation,.c-color-picker-popup .vc-chrome-picker .body{border-radius:0!important}.c-color-picker-popup .fieldsWrap{display:none!important}:root{--vc-picker-bg: #f8f8f8;--vc-body-bg: #fff;--vc-input-bg: #fff;--vc-input-text: #333;--vc-input-label: #969696;--vc-input-border: #dadada;--vc-chrome-toggle-btn-highlighted: #eee;--vc-ps-bg: #dcdcdc;--vc-ps-title-bg-gradient-start: #f0f0f0;--vc-ps-title-bg-gradient-end: #d4d4d4;--vc-ps-title-border: #B1B1B1;--vc-ps-title-color: #4d4d4d;--vc-ps-slider-border: #b3b3b3;--vc-ps-slider-border-bottom: #f0f0f0;--vs-ps-picker-border-dark: #555;--vs-ps-picker-border-white: #fff;--vc-ps-btn-gradient-start: #fff;--vc-ps-btn-gradient-end: #e6e6e6;--vc-ps-btn-border: #878787;--vc-ps-btn-shadow: #EAEAEA;--vc-ps-btn-color: #000;--vc-ps-preview-border: #000;--vc-ps-label: #000;--vc-ps-input-border: #888;--vc-ps-input-shadow-dark: rgba(0,0,0,.1);--vc-ps-input-shadow-light: #ececec;--vc-sketch-input-label: #222;--vc-sketch-presets-border: #eee;--vc-twitter-input-bg: #fff;--vc-twitter-input-border: #f0f0f0;--vc-twitter-input-color: #666;--vc-twitter-hash-bg: #f0f0f0;--vc-twitter-hash-color: #98A1A4}:root.dark{--vc-body-bg: #424242;--vc-picker-bg: #d0d0d0;--vc-input-bg: #2c2c2c;--vc-input-text: #d0d0d0;--vc-input-label: #bbbbbb;--vc-input-border: #555555;--vc-chrome-toggle-btn-highlighted: #5c5c5c;--vc-sketch-input-label: #bbbbbb;--vc-sketch-presets-border: #5a5a5a;--vc-twitter-input-border: #383838;--vc-twitter-input-color: #bbbbbb;--vc-twitter-hash-bg: #383838;--vc-twitter-hash-color: #a0acaf;--vc-twitter-input-bg: #555;--vc-ps-bg: #424242;--vc-ps-title-bg-gradient-start: #4e4e4e;--vc-ps-title-bg-gradient-end: #3a3a3a;--vc-ps-title-border: #5a5a5a;--vc-ps-title-color: #bbbbbb;--vc-ps-slider-border: #5c5c5c;--vc-ps-slider-border-bottom: #4a4a4a;--vs-ps-picker-border-dark: #b8b8b8;--vs-ps-picker-border-white: #bbbbbb;--vc-ps-btn-gradient-start: #505050;--vc-ps-btn-gradient-end: #3a3a3a;--vc-ps-btn-border: #6a6a6a;--vc-ps-btn-shadow: #2a2a2a;--vc-ps-btn-color: #bbbbbb;--vc-ps-preview-border: #3a3a3a;--vc-ps-label: #bbbbbb;--vc-ps-input-border: #666666;--vc-ps-input-shadow-dark: rgba(0, 0, 0, .45);--vc-ps-input-shadow-light: #2d2d2d}.bg[data-v-4d048d6e]{cursor:crosshair;position:absolute;top:0;right:0;bottom:0;left:0;touch-action:none}.white[data-v-4d048d6e]{background:linear-gradient(to right,#fff,#fff0)}.black[data-v-4d048d6e]{background:linear-gradient(to top,#000,#0000)}.picker-wrap[data-v-4d048d6e]{cursor:pointer;position:absolute;outline:none}.picker[data-v-4d048d6e]{cursor:move;width:4px;height:4px;box-shadow:0 0 0 1.6px var(--vc-picker-bg),inset 0 0 1px 1px #0000004d,0 0 1px 2px #0006;border-radius:50%;transform:translate(-2px,-2px)}.vc-base-slider[data-v-972b0fad]{position:relative;width:100%;height:100%;touch-action:none}.background[data-v-972b0fad],.slider[data-v-972b0fad]{position:absolute;top:0;right:0;bottom:0;left:0}.background[data-v-972b0fad]{overflow:hidden}.slider[data-v-972b0fad]{cursor:pointer;z-index:2}.picker-wrap[data-v-972b0fad]{position:absolute;z-index:2;outline:none}.picker[data-v-972b0fad]{width:4px;height:8px;margin-top:1px;border-radius:1px;box-shadow:0 0 2px #0009;background:var(--vc-picker-bg);cursor:pointer;transform:translate(-2px)}.vc-hue-slider[data-v-5367c985]{cursor:crosshair;touch-action:none}.gradient[data-v-5367c985]{width:100%;height:100%;border-radius:2px;background:var(--2f44f39d)}.vc-checkerboard[data-v-37d61ccd]{position:absolute;top:0;right:0;bottom:0;left:0;background-size:contain}.vc-alpha-slider[data-v-07dd346b] .vc-checkerboard{border-radius:2px}.gradient[data-v-07dd346b]{position:absolute;top:0;right:0;bottom:0;left:0}.vc-editable-input[data-v-9c267b2b]{position:relative}.vc-input-input[data-v-9c267b2b]{width:100%;padding:0;border:0;outline:none}.vc-input-label[data-v-9c267b2b]{text-transform:capitalize}.vc-chrome-picker[data-v-dfdde7e0]{width:225px;box-sizing:initial;border-radius:2px;box-shadow:0 0 2px #0000004d,0 4px 8px #0000004d;font-family:Menlo,Consolas,Courier New,monospace}.controls[data-v-dfdde7e0]{display:flex}.color-wrap[data-v-dfdde7e0]{position:relative;width:36px}.active-color[data-v-dfdde7e0]{position:relative;width:30px;height:30px;border-radius:15px;overflow:hidden;z-index:1}.color-wrap[data-v-dfdde7e0] .vc-checkerboard{width:30px;height:30px;border-radius:15px;background-size:auto}.sliders[data-v-dfdde7e0]{flex:1}.fieldsWrap[data-v-dfdde7e0]{display:flex;padding-top:16px}.fields[data-v-dfdde7e0]{display:flex;margin-left:-6px;flex:1}.field[data-v-dfdde7e0]{padding-left:6px;width:100%}.toggle-btn[data-v-dfdde7e0]{width:32px;text-align:right;position:relative}.toggle-icon[data-v-dfdde7e0]{position:relative;margin-right:-4px;margin-top:12px;cursor:pointer;z-index:2;color:var(--vc-input-text)}.toggle-icon_highlighted[data-v-dfdde7e0]{position:absolute;width:24px;height:28px;top:10px;left:12px;background:var(--vc-chrome-toggle-btn-highlighted);border-radius:4px}.hue-wrap[data-v-dfdde7e0]{position:relative;height:10px;margin-bottom:8px}.alpha-wrap[data-v-dfdde7e0]{position:relative;height:10px}.hue-wrap[data-v-dfdde7e0] .container,.alpha-wrap[data-v-dfdde7e0] .gradient{border-radius:2px}.hue-wrap[data-v-dfdde7e0] .picker,.alpha-wrap[data-v-dfdde7e0] .picker{width:12px;height:12px;border-radius:6px;transform:translate(-6px,-2px);box-shadow:0 1px 4px #0000005e}.body[data-v-dfdde7e0]{padding:16px 16px 12px;background-color:var(--vc-body-bg)}.saturation[data-v-dfdde7e0]{width:100%;padding-bottom:55%;position:relative;border-radius:2px 2px 0 0;overflow:hidden}.saturation[data-v-dfdde7e0] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.fields[data-v-dfdde7e0] .vc-input-input{width:100%;height:21px;border-radius:2px;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:11px;text-align:center}.fields[data-v-dfdde7e0] .vc-input-label{display:block;margin-top:12px;font-size:11px;color:var(--vc-input-label);line-height:11px;text-transform:uppercase;text-align:center}.alpha-disabled[data-v-dfdde7e0] .active-color{width:18px;height:18px}.alpha-disabled[data-v-dfdde7e0] .color-wrap{width:30px}.alpha-disabled[data-v-dfdde7e0] .hue-wrap{margin-top:4px;margin-bottom:4px}.vc-compact-picker[data-v-91d11fa7]{width:245px;padding-top:5px;padding-left:5px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-91d11fa7]{overflow:hidden;padding:0;margin:0}.color-item[data-v-91d11fa7]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-91d11fa7]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-91d11fa7]{background:#000}.dot[data-v-91d11fa7]{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.vc-grayscale-picker[data-v-631223a5]{padding-top:5px;padding-left:5px;width:245px;border-radius:2px;box-sizing:border-box;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg)}.colors[data-v-631223a5]{overflow:hidden;padding:0;margin:0}.color-item[data-v-631223a5]{list-style:none;width:15px;height:15px;float:left;margin-right:5px;margin-bottom:5px;position:relative;cursor:pointer}.color-item_white[data-v-631223a5]{box-shadow:inset 0 0 0 1px #ddd}.color-item_white .dot[data-v-631223a5]{background:#000}.dot[data-v-631223a5]{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:50%;opacity:1;background:#fff}.vc-material-picker[data-v-8f86229c]{position:relative;width:98px;height:98px;padding:16px;border-radius:2px;box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029;background-color:var(--vc-body-bg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.vc-material-picker[data-v-8f86229c] .vc-input-input{width:100%;height:30px;margin-top:12px;background-color:var(--vc-body-bg);color:var(--vc-input-text);font-size:15px}.vc-material-picker[data-v-8f86229c] .vc-input-label{position:absolute;top:0;left:0;font-size:11px;color:var(--vc-input-label)}.hex[data-v-8f86229c]{border-bottom-width:2px;border-bottom-style:solid}.rgb[data-v-8f86229c]{display:flex;margin-right:-10px;padding-top:11px}.color[data-v-8f86229c]{flex:1;padding-right:10px}.vc-photoshop-picker[data-v-b69df0e5]{width:513px;background:var(--vc-ps-bg);border-radius:4px;box-shadow:0 0 0 1px #00000040,0 8px 16px #00000026;box-sizing:initial;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif}.fields_disabled[data-v-b69df0e5]{width:390px}.title[data-v-b69df0e5]{height:23px;background-image:linear-gradient(-180deg,var(--vc-ps-title-bg-gradient-start) 0%,var(--vc-ps-title-bg-gradient-end) 100%);border-bottom:1px solid var(--vc-ps-title-border);border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff3,inset 0 -1px #00000005;color:var(--vc-ps-title-color);font-size:13px;line-height:24px;text-align:center}.body[data-v-b69df0e5]{padding:15px;display:flex}.saturation[data-v-b69df0e5]{width:256px;height:256px;position:relative;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom);overflow:hidden}.saturation[data-v-b69df0e5] .picker{width:12px;height:12px;transform:translate(-6px,-6px)}.hue[data-v-b69df0e5]{height:256px;width:19px;margin-left:10px;border:2px solid var(--vc-ps-slider-border);border-bottom:2px solid var(--vc-ps-slider-border-bottom)}.hue-picker[data-v-b69df0e5]{position:relative}.hue-picker-left[data-v-b69df0e5],.hue-picker-right[data-v-b69df0e5]{position:absolute;width:0;height:0;border-style:solid;border-width:5px 0 5px 8px;border-color:transparent transparent transparent var(--vs-ps-picker-border-dark);cursor:pointer}.hue-picker-left[data-v-b69df0e5]:after,.hue-picker-right[data-v-b69df0e5]:after{content:"";width:0;height:0;border-style:solid;border-width:4px 0 4px 6px;border-color:transparent transparent transparent var(--vs-ps-picker-border-white);position:absolute;top:1px;left:1px;transform:translate(-8px,-5px)}.hue-picker-left[data-v-b69df0e5]{transform:translate(-10px,-4px)}.hue-picker-right[data-v-b69df0e5]{transform:translate(21px,-4px) rotate(180deg)}.controls[data-v-b69df0e5]{width:180px;margin-left:10px;display:flex}.controls_fields_disabled[data-v-b69df0e5]{width:auto}.actions[data-v-b69df0e5]{margin-left:20px;flex:1}.action-btn[data-v-b69df0e5]{height:20px;margin-bottom:10px;background-image:linear-gradient(-180deg,var(--vc-ps-btn-gradient-start) 0%,var(--vc-ps-btn-gradient-end) 100%);border:1px solid var(--vc-ps-btn-border);border-radius:2px;box-shadow:0 1px 0 0 var(--vc-ps-btn-shadow);cursor:pointer;color:var(--vc-ps-btn-color);font-size:14px;line-height:20px;text-align:center}.preview[data-v-b69df0e5]{width:60px}.preview-swatches[data-v-b69df0e5]{border:1px solid var(--vc-ps-slider-border);border-bottom:1px solid var(--vc-ps-slider-border-bottom);margin-bottom:2px;margin-top:1px}.preview-color[data-v-b69df0e5]{height:34px;box-shadow:inset 1px 0 var(--vc-ps-preview-border),inset -1px 0 var(--vc-ps-preview-border),inset 0 1px var(--vc-ps-preview-border)}.preview-label[data-v-b69df0e5]{color:var(--vc-ps-label);font-size:14px;text-align:center}.fields[data-v-b69df0e5]{padding-top:5px;padding-bottom:9px;width:80px;position:relative}.fields[data-v-b69df0e5] .vc-input-input{width:40%;height:18px;margin-left:40%;margin-right:10px;margin-bottom:5px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);background-color:var(--vc-input-bg);color:var(--vc-ps-label);font-size:13px}.fields[data-v-b69df0e5] .vc-input-label,.fields[data-v-b69df0e5] .vc-input-desc{position:absolute;top:0;height:18px;color:var(--vc-ps-label);font-size:13px;line-height:22px;text-transform:uppercase}.fields[data-v-b69df0e5] .vc-input-label{left:0;width:34px}.fields[data-v-b69df0e5] .vc-input-desc{right:0;width:0}.fields-divider[data-v-b69df0e5]{height:5px}.hex[data-v-b69df0e5] .vc-input-input{width:80%;height:18px;margin-left:20%;margin-bottom:6px;padding-left:3px;border:1px solid var(--vc-ps-input-border);box-shadow:inset 0 1px 1px var(--vc-ps-input-shadow-dark),0 1px 0 0 var(--vc-ps-input-shadow-light);font-size:13px}.hex[data-v-b69df0e5] .vc-input-label{position:absolute;top:0;left:0;width:14px;text-transform:uppercase;font-size:13px;height:18px;line-height:22px}.vc-sketch-picker[data-v-fdb7d989]{position:relative;width:200px;padding:10px 10px 0;box-sizing:initial;background:var(--vc-body-bg);border-radius:4px;box-shadow:0 0 0 1px #00000026,0 8px 16px #00000026;font-family:Menlo,Consolas,Courier New,monospace}.saturation[data-v-fdb7d989]{width:100%;padding-bottom:75%;position:relative;overflow:hidden}.controls[data-v-fdb7d989]{display:flex}.sliders[data-v-fdb7d989]{padding:4px 0;flex:1}.hue[data-v-fdb7d989] .container,.alpha[data-v-fdb7d989] .gradient{border-radius:2px}.hue[data-v-fdb7d989]{position:relative;height:10px}.alpha[data-v-fdb7d989]{position:relative;height:10px;margin-top:4px;overflow:hidden}.color[data-v-fdb7d989]{width:24px;height:24px;position:relative;margin-top:4px;margin-left:4px;border-radius:2px;overflow:hidden}.active-color[data-v-fdb7d989]{position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 1px #00000026,inset 0 0 4px #00000040;z-index:2}.color[data-v-fdb7d989] .vc-checkerboard{background-size:auto}.field[data-v-fdb7d989]{display:flex;padding-top:4px}.field[data-v-fdb7d989] .vc-input-input{width:90%;padding:4px 0 3px 10%;border:none;box-shadow:inset 0 0 0 1px var(--vc-input-border);background-color:var(--vc-input-bg);color:var(--vc-input-text);font-size:10px}.field[data-v-fdb7d989] .vc-input-label{display:block;padding-top:3px;padding-bottom:4px;color:var(--vc-sketch-input-label);font-size:11px;text-align:center}.field_single[data-v-fdb7d989]{flex:1;padding-left:6px}.field_double[data-v-fdb7d989]{flex:2}.presets[data-v-fdb7d989]{margin-right:-10px;margin-left:-10px;padding-left:10px;padding-top:10px;border-top:1px solid var(--vc-sketch-presets-border)}.preset-color[data-v-fdb7d989]{border-radius:3px;overflow:hidden;position:relative;display:inline-block;margin:0 10px 10px 0;vertical-align:top;cursor:pointer;width:16px;height:16px;box-shadow:inset 0 0 0 1px #00000026}.preset-color[data-v-fdb7d989] .vc-checkerboard{box-shadow:inset 0 0 0 1px #00000026;border-radius:3px}.alpha-disabled .color[data-v-fdb7d989]{height:10px}.vc-slider-picker[data-v-675d6988]{position:relative;width:410px}.hue[data-v-675d6988]{height:12px;position:relative}.hue[data-v-675d6988] .picker,.alpha[data-v-675d6988] .picker{width:14px;height:14px;border-radius:6px;box-shadow:0 1px 4px #0000005e;transform:translate(-7px,-2px)}.alpha[data-v-675d6988]{height:12px;position:relative;margin-top:20px}.swatches[data-v-675d6988]{display:flex;margin-top:20px}.swatch[data-v-675d6988]{margin-right:1px;flex:1;width:20%}.swatch[data-v-675d6988]:first-child{margin-right:1px}.swatch:first-child .picker[data-v-675d6988]{border-radius:2px 0 0 2px}.swatch[data-v-675d6988]:last-child{margin-right:0}.swatch:last-child .picker[data-v-675d6988]{border-radius:0 2px 2px 0}.picker[data-v-675d6988]{cursor:pointer;height:12px}.swatch:nth-child(n) .picker_active[data-v-675d6988]{transform:scaleY(1.8);border-radius:3.6px/2px}.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 1px #ddd}.picker_active.picker_white[data-v-675d6988]{box-shadow:inset 0 0 0 .6px #ddd}.vc-swatches-picker[data-v-3427cb2a]{width:320px;height:240px;overflow-y:scroll;background-color:var(--vc-body-bg);box-shadow:0 2px 10px #0000001f,0 2px 5px #00000029}.box[data-v-3427cb2a]{padding:16px 0 6px 16px;overflow:hidden}.colorGroup[data-v-3427cb2a]{padding-bottom:10px;width:40px;float:left;margin-right:10px}.color[data-v-3427cb2a]{box-sizing:border-box;width:40px;height:24px;margin-bottom:1px;cursor:pointer;overflow:hidden;-ms-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;-webkit-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0}.color_white[data-v-3427cb2a]{border:1px solid #ddd}.picker[data-v-3427cb2a]{display:block;fill:#fff;margin-left:8px}.color_white .picker[data-v-3427cb2a]{fill:#333}.vc-twitter-picker[data-v-e74ac697]{position:relative;background:var(--vc-body-bg);border:0 solid rgba(0,0,0,.25);box-shadow:0 1px 4px #00000040;border-radius:4px}.triangle[data-v-e74ac697]{position:absolute;width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent var(--vc-body-bg) transparent}.triangle_shadow[data-v-e74ac697]{width:0px;height:0px;border-style:solid;border-width:0 9px 10px 9px;border-color:transparent transparent rgba(0,0,0,.1) transparent;position:absolute}.body[data-v-e74ac697]{padding:15px 9px 9px 15px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input{position:relative}.vc-twitter-picker[data-v-e74ac697] .vc-input-input{float:left;width:100px;height:28px;padding:1px 1px 1px 8px;outline:none;box-shadow:inset 0 0 0 1px var(--vc-twitter-input-border);box-sizing:content-box;border:0px;border-radius:0 4px 4px 0;background-color:var(--vc-twitter-input-bg);color:var(--vc-twitter-input-color);font-size:14px}.vc-twitter-picker[data-v-e74ac697] .vc-editable-input span{display:none}.hash[data-v-e74ac697]{float:left;display:flex;align-items:center;justify-content:center;height:30px;width:30px;border-radius:4px 0 0 4px;background:var(--vc-twitter-hash-bg);color:var(--vc-twitter-hash-color)}.swatch[data-v-e74ac697]{width:30px;height:30px;float:left;border-radius:4px;margin:0 6px 6px 0;cursor:pointer;position:relative;outline:none}.clear[data-v-e74ac697]{clear:both}.tri_hide .triangle[data-v-e74ac697],.tri_hide .triangle_shadow[data-v-e74ac697]{display:none}.tri_top_left .triangle[data-v-e74ac697]{top:-10px;left:12px}.tri_top_left .triangle_shadow[data-v-e74ac697]{top:-11px;left:12px}.tri_top_right .triangle[data-v-e74ac697]{top:-10px;right:12px}.tri_top_right .triangle_shadow[data-v-e74ac697]{top:-11px;right:12px}.vc-hue-wrap[data-v-b3ac1ab2]{height:8px}.vc-hue-wrap[data-v-b3ac1ab2] .slider{border-radius:4px}.vc-hue-wrap[data-v-b3ac1ab2] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;background-color:var(--46ac36b6);transform:translate(-12px) translateY(-8px)}.vc-hsl-sliders[data-v-2e071f54]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-2e071f54]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-2e071f54]:last-of-type{margin-bottom:0}.label[data-v-2e071f54]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsl-sliders[data-v-2e071f54] .vc-base-slider{margin-top:5px;height:14px}.vc-hsl-sliders[data-v-2e071f54] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-2e071f54]{width:100%;height:100%}.vc-hsl-sliders[data-v-2e071f54] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-2e071f54] .picker{background-color:var(--41b5b6d0)}.s-slider[data-v-2e071f54] .picker,.l-slider[data-v-2e071f54] .picker{background-color:var(--05fbe691)}.vc-hsl-sliders[data-v-2e071f54] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsl-sliders[data-v-2e071f54] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-d6cfe1d9]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-d6cfe1d9]:last-of-type{margin-bottom:0}.label[data-v-d6cfe1d9]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-base-slider{margin-top:5px;height:14px}.vc-hsv-sliders[data-v-d6cfe1d9] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-d6cfe1d9]{width:100%;height:100%}.vc-hsv-sliders[data-v-d6cfe1d9] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.h-slider[data-v-d6cfe1d9] .picker{background-color:var(--f666f450)}.s-slider[data-v-d6cfe1d9] .picker,.b-slider[data-v-d6cfe1d9] .picker{background-color:var(--46b90cce)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-hsv-sliders[data-v-d6cfe1d9] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.vc-rgb-sliders[data-v-98b3b212]{position:relative;width:100%;font-family:Menlo,Consolas,Courier New,monospace}.slider-wrap[data-v-98b3b212]{display:flex;gap:12px;height:24px;margin-bottom:10px}.slider-wrap[data-v-98b3b212]:last-of-type{margin-bottom:0}.label[data-v-98b3b212]{display:block;height:24px;color:var(--vc-input-text);font-size:12px;line-height:24px;text-transform:uppercase;text-align:center}.vc-rgb-sliders[data-v-98b3b212] .vc-base-slider{margin-top:5px;height:14px}.vc-rgb-sliders[data-v-98b3b212] .background{border-radius:4px;border:1px solid var(--vc-input-border)}.gradient[data-v-98b3b212]{width:100%;height:100%}.vc-rgb-sliders[data-v-98b3b212] .picker{width:20px;height:20px;margin:0;border-radius:50%;box-shadow:none;border:2px white solid;transform:translate(-12px) translateY(-5px)}.slider-wrap[data-v-98b3b212]:not(.a-slider) .picker{background-color:var(--5f730604)}.vc-rgb-sliders[data-v-98b3b212] .vc-editable-input{border-bottom:1px solid var(--vc-input-border)}.vc-rgb-sliders[data-v-98b3b212] .vc-input-input{width:50px;background:none;color:var(--vc-input-text);font-size:12px;text-align:center}.c-divider{margin:38px 10px 0;padding-top:12px}.c-divider.divider div{border-color:#fff3}.c-divider div{margin-left:2px;height:32px;border-left:1px solid transparent}.c-divider span{margin-right:1px;border-left:1px dotted rgba(255,255,255,.5);height:30px}.non-draggable{touch-action:none}:root{--vh: 1vh}.body--dark .c-draggable-drawers .c-draggable-drawer,.c-draggable-drawers.dark .c-draggable-drawer{border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle,#000000bf,#000000e6 75%)}.body--dark .c-draggable-drawers .c-draggable-drawer__handler--horizontal>div.grab,.c-draggable-drawers.dark .c-draggable-drawer__handler--horizontal>div.grab{background-color:#c8c8c8b3}.body--dark .c-draggable-drawers .c-draggable-drawer .callout,.c-draggable-drawers.dark .c-draggable-drawer .callout,.body--dark .c-draggable-drawers .c-draggable-drawer .section-title,.body--dark .c-draggable-drawers .c-draggable-drawer .text-subtitle2,.c-draggable-drawers.dark .c-draggable-drawer .section-title,.c-draggable-drawers.dark .c-draggable-drawer .text-subtitle2,.body--dark .c-draggable-drawers .c-draggable-drawer__content,.c-draggable-drawers.dark .c-draggable-drawer__content{color:var(--grey-100);transition:color .3s ease-in-out}.c-draggable-drawers{position:fixed;height:100dvh;z-index:2998;width:100%!important;overflow:hidden;pointer-events:none}.c-draggable-drawer{border:1px solid rgba(0,0,0,.2);pointer-events:auto;position:absolute;bottom:0;height:100dvh;border-radius:8px 8px 0 0;width:100%;padding-bottom:300px;will-change:transform;transition:transform .3s ease-in-out,opacity .3s ease-in-out;background:radial-gradient(circle,#ffffffbf,#ffffffe6 75%)}.c-draggable-drawer__content{padding-bottom:15px}.c-draggable-drawer__handler--horizontal{cursor:grab}.c-draggable-drawer__handler--horizontal>div.grab{width:60px;height:6px;border-radius:6px;background-color:#646464b3;transition:background-color .3s ease-in-out}.c-draggable-drawer .callout{color:var(--grey-800);transition:color .3s ease-in-out;border-radius:10px;padding:2px}.c-draggable-drawer .section-title,.c-draggable-drawer .text-subtitle2,.c-draggable-drawer__content{transition:color .3s ease-in-out}.c-draggable-drawer .section-title{font-size:20px;font-weight:700}.c-draggable-drawer .sectional{position:relative}@supports not (height: 100dvh){.c-draggable-drawers{height:calc(var(--vh, 1vh) * 100)}}html.nav-lock .c-draggable-drawer,html.nav-lock .c-draggable-drawers{transition:none!important;opacity:0!important;display:none!important}.c-duration-button.dark{background-color:#fff!important;color:#0087ff!important}.c-duration-button.selected.dark{background-color:#0087ff!important}.c-duration-button.selected.dark .c-duration-button-duration,.c-duration-button.selected.dark .c-duration-button-unit{color:#fff!important}.c-duration-button{background-color:#fff;color:var(--grey-400);line-height:11.6666666667px;height:70px;width:70px;transition:border-color .3s,background-color .3s,color .3s}.c-duration-button.q-btn--outline .q-btn__wrapper:before{border-width:1px}.c-duration-button .c-duration-button-duration,.c-duration-button .c-duration-button-unit{color:var(--grey-800)!important}.c-duration-button.selected{background-color:#0087ff!important}.c-duration-button.selected .c-duration-button-duration,.c-duration-button.selected .c-duration-button-unit{color:#fff!important}.c-duration-button-duration{width:100%;font-weight:700;font-size:31.8181818182px;line-height:21px;letter-spacing:-.05em}.c-duration-button-unit{font-weight:500;font-size:17.5px;line-height:17.5px}.c-expansion{color:var(--grey-900)}.c-expansion .q-item__section--avatar{min-width:34px}.c-expansion .q-expansion-item__container>.q-item:first-child{background-color:#fff;padding:20px 16px}.c-expansion .q-expansion-item__container .q-expansion-item__content:first-child{margin-top:20px}.c-expansion .q-item__section--side{color:var(--grey-900)}.c-expansion .q-item__label{font-size:16px;font-weight:700}.c-expansion .q-item__label.q-item__label--caption{font-size:14px;font-weight:500;color:var(--grey-700)}.c-expansion.selected .q-item__section--avatar{opacity:1}.c-expansion-item{color:var(--grey-700)}.c-expansion-item .q-expansion-item__container .q-expansion-item__content:first-child{margin-top:20px;background-color:red}.c-expansion-item .q-item__section--side{color:var(--grey-100)}.c-expansion-item .q-item__label{font-size:16px;font-weight:700}.c-expansion-item.selected .q-item__section--avatar{opacity:1}.c-expansion-item.negative .q-item__section--avatar svg{color:#d0051e}.c-expansion-item.locked .q-item__section--avatar{width:20px;min-width:20px}.c-expansion-item.locked .q-item__section--avatar .q-icon{margin-left:-5px;width:18px;height:18px}.c-expansion-item.locked .q-item__section--avatar svg{width:18px;height:18px;color:var(--grey-100)}.c-expansion-item.positive .q-item__section--avatar svg{color:#96cb00}.c-expansion-item .q-item{padding-left:12px}.c-expansion-item .q-item__section--avatar{transition:opacity .3s;opacity:0;width:20px;min-width:20px}.c-expansion-item .q-item__section--avatar .q-icon{font-size:10px}.c-expansion-item .q-item__section--avatar svg{font-size:10px;color:#0087ff}.c-floating-modal{border:1px solid var(--grey-400);background-color:var(--grey-100);position:absolute;bottom:20px;right:20px;min-height:80px;width:100%;border-radius:40px;overflow:hidden;z-index:10}.c-floating-modal-default{padding:20px}.c-floating-modal-toggle{position:absolute;top:25px;right:20px}.c-floating-modal.fade-enter,.c-floating-modal.fade-leave-active,.c-floating-modal.fade-enter-active{transition:opacity .3s ease-in}.c-floating-modal.fade-enter-from,.c-floating-modal.fade-leave-to{opacity:0}.c-horizontal-scroller{position:relative;width:100%;overflow:hidden;z-index:100}.c-horizontal-scroller.full-height,.c-horizontal-scroller-outer{position:absolute;top:0;left:0;right:0;bottom:0}.c-horizontal-scroller-inner{position:absolute;top:0;display:inline-block;height:100%;margin:0 auto;white-space:nowrap;scrollbar-width:none;-ms-overflow-style:none}.c-horizontal-scroller-inner::-webkit-scrollbar{width:0;height:0}.c-item-heading{padding-left:30px;text-transform:uppercase;font-size:14px}.verticalBar{position:absolute;top:0;bottom:0;left:50%;width:0;border-left:1px solid var(--red-700)}.horizontalBar{position:absolute;left:0;right:0;top:50%;height:0;border-bottom:1px solid var(--red-700)}.c-navigator-hitarea{top:0;left:0;position:absolute}.c-navigator-hitarea .xy{font-family:SF Compact Display,sans-serif;font-size:14px;position:absolute;top:10px;right:10px;color:#00000080;background:#ffffff80;padding:3px 5px;border-radius:4px}.c-navigator{top:0;left:0;position:absolute;border-radius:4px;z-index:1}.c-navigator-title{color:#ffffff80;position:absolute;text-transform:uppercase;font-weight:500;top:0;left:30px}.c-navigator-knob{position:absolute;font-size:20px;color:#979797;border:1px solid #cccccc;border-radius:50%;z-index:3;background-color:#fffc;cursor:move;text-transform:uppercase;text-align:center;top:50%;left:50%;transform:translate(-50%) translateY(-50%)}.c-navigator .noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.c-overlay-loader{position:relative;border-radius:5px;display:inline-block;top:0;left:0}.c-overlay-loader-content{position:relative;z-index:1}.c-overlay-loader-overlay{position:absolute;top:0;left:0;z-index:2;pointer-events:none}.c-rect-button{border:1px solid var(--grey-400);border-radius:10px;width:80px;height:110px;position:relative;overflow:hidden;background-color:#fff;color:var(--grey-800);transition:border-color .3s,background-color .3s,color .3s}.c-rect-button-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;background-color:#0000004d}.c-rect-button-overlay>.q-icon{position:absolute;left:50%;top:40%!important;transform:translateY(-50%) translate(-50%);opacity:1}.c-rect-button.dark{border:1px solid #0087ff;color:#0087ff}.c-rect-button .q-icon{position:absolute;top:10px;font-size:5em}.c-rect-button.selected{border-color:#ffffff80;background-color:#0087ff;color:#fff}.c-rect-button-image{position:absolute;top:5px;right:0;left:0;bottom:85px}.c-rect-button-image>img{width:100%;height:auto}.c-rect-button-label{font-size:12px;font-weight:400;position:absolute;bottom:2px;z-index:11}.expando-enter-active,.expando-leave-active{transition:opacity .5s,width .5s,transform .5s,margin-left .5s}.expando-enter,.expando-leave-to{opacity:0;width:0!important;margin-left:0!important}.c-round-button-holder{display:inline-block;width:70px}.c-round-button{border:2px #cccccc solid}.c-round-button.dark{border-color:#fff}.c-round-button.dark .q-icon{color:#fff!important}.c-round-button.dark .c-round-button-label{color:#ffffff80}.c-round-button{position:relative;width:70px;height:70px;margin-bottom:30px;transition:border-color .3s,background-color .3s,color .3s}.c-round-button .q-icon{font-size:3.5em;color:#ccc;transition:color .3s}.c-round-button .c-round-button.selected.dark .c-round-button-label,.c-round-button .c-round-button.selected.dark .q-icon{color:#fff;transition:color .3s}.c-round-button.selected{border-color:#0087ff;background-color:#0087ff}.c-round-button.selected .c-round-button-label{color:#0087ff;transition:color .3s}.c-round-button.selected .q-icon{color:#fff;transition:color .3s}.c-round-button-image{position:absolute;top:0;left:0;right:0;bottom:0}.c-round-button-image>img{border-radius:50%;background-color:var(--grey-100);width:100%;height:auto}.c-round-button-label{text-align:center;position:absolute;top:72px;left:50%;transform:translate(-50%);font-size:14px;font-weight:400;color:#b3b3b3;transition:color .3s}.c-slider{padding-left:12px!important;margin-top:5px;color:#333}.c-slider.dark{color:#fff9}.c-slider.dark .q-slider__track{background-color:#fff9}.c-slider.dark .c-slider-indicator-tick{border-right:1px solid rgba(255,255,255,.6)}.c-slider:first-child{margin-top:15px}.c-slider:last-child{margin-bottom:15px}.c-slider.no-icons .c-slider-title{left:5px}.c-slider-title{position:absolute;text-transform:uppercase;font-weight:500;top:-14px;left:0}.c-slider .q-slider__track{background-color:#ccc;border-radius:10px}.c-slider-left-icon{width:20px}.c-slider-left-icon.q-item__section--side{padding-right:5px}.c-slider-right-icon.q-item__section--side{padding-left:2px}.c-slider-indicator{position:absolute;left:0;right:0;bottom:6px;height:3px}.c-slider-indicator-tick{left:0;top:0;position:absolute;height:5px;border-right:1px solid #cccccc}.c-toggle{border-radius:4px}.c-toggle.dark .c-toggle-title{color:#fff9}.c-toggle-title{color:#333;text-transform:uppercase;font-weight:500!important;font-size:14px!important;padding-left:20px}.c-toggle.full .c-toggle-title{padding-left:0}.c-tool-header{font-weight:900;font-size:30px;color:var(--grey-700)}.c-contrast-button{z-index:200}.c-grid-overlay{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.c-drawer .q-drawer__content{padding-bottom:27px}.c-drawer .q-drawer__content::-webkit-scrollbar{width:0;background:transparent}.c-drawer .q-drawer__content::-webkit-scrollbar-thumb{background:var(--red-500)}.c-drawer.dark{color:var(--grey-100)}.c-drawer.dark aside{background-color:#000c!important}.c-drawer.overlay-transparent .q-drawer__backdrop{background-color:#0000!important}.c-fab.q-btn{color:#0003}.c-fab.q-btn .q-icon{font-size:30px;padding:5px}.c-right-drawer-container{width:299px!important;background-color:#000000e6;padding-bottom:37px}.c-right-drawer .q-dialog__inner--minimized{padding:0}.c-interactive-layout .profile-icon{position:fixed;top:9px;right:12px;z-index:1000}.c-interactive-layout .c-menu-button{position:fixed;top:9px;left:12px;z-index:2998}.c-interactive-layout .c-avatar-button{position:fixed;top:9px;right:12px;z-index:2998}.c-interactive-layout .q-drawer--left{z-index:3098}.c-interactive-layout-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:8000;background-color:#fffc}.c-interactive-layout .logo-button{position:fixed;bottom:20px;left:20px;display:block;height:72px;width:72px;z-index:100;opacity:.15}.c-interactive-layout .logo-button .q-btn{cursor:default!important}.c-interactive-layout .logo-button svg{width:72px;height:72px}.c-interactive-layout .q-page-container{padding-top:0!important;padding-bottom:0!important}.c-interactive-layout .q-header{color:#170a27;font-size:20px;font-weight:700;background-color:transparent;z-index:2998}.c-interactive-layout .controls-header{background-color:#fff0}.c-layout-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:200;background-color:#fff9}.c-layout .c-right-drawer .fullscreen.q-drawer__backdrop{background-color:transparent!important;opacity:0}.c-layout .profile-icon{position:fixed;top:9px;right:12px;z-index:2500}.c-layout .logo-button{position:fixed;bottom:20px;left:20px;display:block;height:72px;width:72px;z-index:100;opacity:.15;transition:color .3s}.c-layout .logo-button .q-btn{cursor:default!important}.c-layout .logo-button .q-icon{font-size:72px!important}.c-layout .logo-button svg{width:72px;height:72px}.c-layout .q-page-container{padding-top:0!important;padding-bottom:0!important}.c-layout .q-header{color:#170a27;font-size:20px;font-weight:700;background-color:transparent}.c-layout .controls-header{background-color:#fff0}.c-responsive-layout{position:static!important}.c-responsive-layout .profile-icon{position:fixed;top:8px;right:12px;z-index:1000}.c-responsive-layout .c-menu-button{position:fixed;top:20px;left:12px;z-index:2998}.c-responsive-layout .c-avatar-button{position:fixed;top:9px;right:12px;z-index:2998}.c-responsive-layout .q-drawer--left{z-index:3098}.c-responsive-layout-overlay{position:fixed;top:0;left:0;bottom:0;right:0;z-index:8000;background-color:#fffc}.c-responsive-layout .logo-button{position:fixed;bottom:20px;left:20px;display:block;height:72px;width:72px;z-index:100;opacity:.15}.c-responsive-layout .logo-button .q-btn{cursor:default!important}.c-responsive-layout .logo-button svg{width:72px;height:72px}.c-responsive-layout .q-page-container{padding-top:0!important;padding-bottom:0!important}.c-responsive-layout .q-header{color:#170a27;font-size:20px;font-weight:700;background-color:transparent;z-index:2998}.c-responsive-layout .controls-header{background-color:#fff0}.c-tool-layout-left-header-icon{position:fixed;top:10px;left:10px;z-index:2999}.c-tool-layout-right-header-icon{position:fixed;top:10px;right:9px;z-index:4000}.c-tool-layout-center-header-icon{position:fixed;top:8px;right:180px;z-index:2000;transform:translate(50%)}.mobile .c-tool-layout,.mobile .c-tool-layout .q-page-container{height:100vh}.mobile .c-tool-layout-center-header-icon{right:50%;transform:translate(50%)}@media(max-width:599px){.xs-hide,.gt-xs,.xsm,.gt-xsm,.sm,.gt-sm,.smd,.gt-smd .md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:600px)and (max-width:767px){.xsm-hide,.xs,.lt-xsm,.gt-xsm,.sm,.gt-sm,.smd,.md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:768px)and (max-width:1023px){.sm-hide,.xs,.lt-xsm,.xsm,.lt-sm,.gt-sm,.smd,.gt-smd,.md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:1024px)and (max-width:1231px){.smd-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-md,.gt-smd,.md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:1232px)and (max-width:1439px){.md-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-smd,.smd,.lt-md,.gt-md,.lg,.gt-lg,.xl{display:none!important}}@media(min-width:1440px)and (max-width:1919px){.lg-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-smd,.smd,.lt-md,.md,.lt-lg,.gt-lg,.xl{display:none!important}}@media(min-width:1920px){.xl-hide,.xs,.lt-xsm,.xsm,.lt-sm,.sm,.lt-smd,.smd,.lt-md,.md,.lt-lg,.lg,.lt-xl{display:none!important}}.q-pa-none{padding:0}.q-pa-xsm{padding:6px}.q-pa-xs{padding:4px}.q-pa-sm{padding:8px}.q-pa-smd{padding:14px}.q-pa-md{padding:16px}.q-pa-lg{padding:24px}.q-pa-xl{padding:48px}:root{--grey-100: #ffffff;--grey-200: #f3f3f3;--grey-300: #e6e6e6;--grey-400: #cccccc;--grey-500: #afafaf;--grey-600: #979797;--grey-700: #6e6e6e;--grey-800: #333333;--grey-900: #170a27;--black-true: #000000;--black: var(--grey-900);--white: #ffffff;--blue-100: #e6f3ff;--blue-200: #b3d8ff;--blue-300: #7cc2ff;--blue-400: #5fb4ff;--blue-500: #0087ff;--blue-600: #0074db;--blue-700: #005299;--blue-800: #002c52;--blue-900: #00152a;--crimson-100: #fce5f0;--crimson-200: #f4b8d8;--crimson-300: #ec8bc0;--crimson-400: #d654a4;--crimson-500: #c9138a;--crimson-600: #b80068;--crimson-700: #8d0a54;--crimson-800: #680040;--crimson-900: #480030;--orange-100: #ffe8d0;--orange-200: #ffca7b;--orange-300: #ffa54a;--orange-400: #f9a21b;--orange-500: #d44727;--orange-600: #bf4628;--orange-700: #94371f;--orange-800: #5c1c0c;--orange-900: #3a1108;--yellow-100: #fefde5;--yellow-200: #fff5a0;--yellow-300: #ffe055;--yellow-400: #ffd000;--yellow-500: #ffc300;--yellow-600: #e6b41a;--yellow-700: #d6a731;--yellow-800: #a47e23;--yellow-900: #745a18;--green-100: #f4ffd0;--green-200: #d6f88a;--green-300: #b8e23e;--green-400: #96cb00;--green-500: #76cb23;--green-600: #73af55;--green-700: #467a10;--green-800: #2e5108;--green-900: #1a2d05;--teal-100: #d8f0ec;--teal-200: #addbd3;--teal-300: #7fc4b8;--teal-400: #4eae9f;--teal-500: #22988d;--teal-600: #1c7a72;--teal-700: #155e58;--teal-800: #003e39;--teal-900: #002522;--purple-100: #f0e0f8;--purple-200: #d8b8e8;--purple-300: #a16de0;--purple-400: #c86dd7;--purple-500: #8a3fcf;--purple-600: #7c01cb;--purple-700: #5d0099;--purple-800: #320052;--purple-900: #1a002b;--indigo-100: #dce0ff;--indigo-200: #b6bdee;--indigo-300: #8e93dd;--indigo-400: #5b5fc8;--indigo-500: #3324ae;--indigo-600: #203896;--indigo-700: #1a2d79;--indigo-800: #0e1a5d;--indigo-900: #0e091c;--red-100: #ffe5e5;--red-200: #ffb3b3;--red-300: #ff7878;--red-400: #ef3a3a;--red-500: #d0051e;--red-600: #b00010;--red-700: #9c0000;--red-800: #87292f;--red-900: #4a0205;--primary: var(--blue-500);--secondary: var(--crimson-900);--accent: var(--crimson-900);--positive: var(--green-400);--negative: var(--red-500);--error: var(--red-700);--warning: var(--orange-600);--info: var(--blue-300);--button-border: var(--grey-400);--brand-google-red: #ea4335;--brand-google-blue: #4285f4;--brand-google-yellow: #fbbc04;--brand-google-green: #34a853;--brand-discord: #5865f2;--brand-spotify: #1ed760;--brand-twitch: #6441a5;--brand-stripe-decline:#fa755a}.glass-background,.glass-dropshadow,.glass-border{transition:all .2s ease;--glass-bg-shadow: 0 0 #0000;--glass-border-shadow: 0 0 #0000;--glass-drop-shadow: 0 0 #0000;box-shadow:var(--glass-bg-shadow),var(--glass-border-shadow),var(--glass-drop-shadow)}.glass-background{--glass-bg-shadow: 0 0 33px 0 rgba(242, 242, 242, .5) inset;background:linear-gradient(0deg,#ffffff40,#ffffff40),#ffffff80;background-blend-mode:normal,plus-lighter;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.glass-background.selected{background:linear-gradient(0deg,#0087ff14,#0087ff14),#ffffff80}.glass-border{--glass-border-shadow: -4.5px -4.5px 1.5px -5.25px rgba(255, 255, 255, .5) inset, 4.5px 4.5px 1.5px -5.25px rgba(255, 255, 255, .5) inset, 3px 4.5px 1.5px -3px rgba(179, 179, 179, .2) inset, -3px -4.5px 1.5px -3px rgba(179, 179, 179, .2) inset;border-top:1px solid var(--grey-100);border-left:1px solid var(--grey-100)}.glass-border.selected{border-top-color:#0087ff26;border-left-color:#0087ff26}.glass-dropshadow{--glass-drop-shadow: 0 2px 6px 0 rgba(31, 38, 135, .05)}.glass-overlay{transition:all .2s ease;background:linear-gradient(135deg,#0000001a,#ffffff0d,#0000000d)}.glass-overlay.selected{background:linear-gradient(135deg,#0087ff40,#0087ff0d,#0087ff26)}.text-positive{color:#96cb00!important}.bg-positive{background:#96cb00!important}.text-negative{color:#d0051e!important}.bg-negative{background:#d0051e!important}.c-tool-page{height:100vh}.c-tool-page .c-tool-page-drawer-button{position:absolute;bottom:10px;left:5px;z-index:1001}
|
|
@@ -153,7 +153,7 @@ const An = { class: "c-animated-number" }, Lt = {
|
|
|
153
153
|
const u = {
|
|
154
154
|
class: { ...l.value }
|
|
155
155
|
}, m = {
|
|
156
|
-
class: "c-base-button--overlay glass-overlay"
|
|
156
|
+
class: ["c-base-button--overlay", "glass-overlay", { selected: e.selected }]
|
|
157
157
|
}, g = {
|
|
158
158
|
class: "unselectable",
|
|
159
159
|
src: e.image
|
package/package.json
CHANGED