.app.svelte-1tv42q2{border:2px solid var(--primary-color);display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:minmax(234px,auto) 250px 200px auto;grid-column-gap:0px;grid-row-gap:0px;margin-bottom:50px;overflow:hidden}.title.svelte-1tv42q2{grid-area:1 / 6 / 2 / 6;writing-mode:vertical-rl;text-orientation:mixed;padding:10px;font-size:2rem;border-left:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);margin:0;justify-content:center;display:flex;text-transform:capitalize}.copy.svelte-1tv42q2{grid-area:1 / 1 / 2 / 6;padding:2rem;margin:0;border-bottom:2px solid var(--primary-color);background-color:var(--pure-white)}.dashboard.svelte-1tv42q2{grid-area:2 / 1 / 3 / 7;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:50px 200px 250px}.code-controls.svelte-1tv42q2{grid-area:1 / 1 / 3 / 3;height:50px;display:flex;align-items:center;justify-content:space-between;border-bottom:2px solid var(--primary-color);position:relative;z-index:1;padding-right:12px;flex-direction:row-reverse;background-color:var(--pure-white)}.code-controls.svelte-1tv42q2 .field:where(.svelte-1tv42q2){display:inline-block;margin-bottom:0}.button-group.svelte-1tv42q2{display:grid;grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.button-group.svelte-1tv42q2 button:where(.svelte-1tv42q2){background-color:var(--subtle-grey);border:0;border-bottom:2px solid currentColor;color:inherit;cursor:pointer;font-size:14px;padding:12px 12px 8px;text-transform:capitalize;margin:0}.button-group.svelte-1tv42q2 button:where(.svelte-1tv42q2):first-child{border-right:2px solid var(--primary-color)}.button-group.svelte-1tv42q2 button:where(.svelte-1tv42q2):last-child{border-left:2px solid var(--primary-color)}.button-reset.svelte-1tv42q2{color:var(--pure-black)}.code-data.svelte-1tv42q2{grid-area:3 / 6 / 1 / 3;display:flex;flex-direction:column;justify-content:space-between;text-align:center;border-left:2px solid var(--primary-color);border-bottom:2px solid var(--primary-color);padding-top:12px;background-color:var(--subtle-grey)}.code-data.svelte-1tv42q2 h3:where(.svelte-1tv42q2){font-weight:600;margin-top:0;margin-bottom:23px}.code-data.svelte-1tv42q2 .savings:where(.svelte-1tv42q2){font-size:6rem;font-weight:600;line-height:1}.code-data.svelte-1tv42q2 .code-sizes:where(.svelte-1tv42q2){border-top:2px solid var(--primary-color);display:flex;justify-content:space-around;padding:9px 0 5px}.code-controls-more.svelte-1tv42q2{grid-area:2 / 3 / 3 / 1;border-bottom:2px solid var(--primary-color)}#code-input.svelte-1tv42q2{padding:1.2rem;resize:none;display:block;width:100%;min-height:200px;margin:0}.label-code-auto-run.svelte-1tv42q2{color:var(--pure-black);text-transform:capitalize}.code-input-container.svelte-1tv42q2{grid-area:3 / 1 / 4 / 7;display:flex;flex-flow:column-reverse}.field-control.svelte-1tv42q2{display:flex;height:100%;width:calc(100% - 65px)}.error-message.svelte-1tv42q2{grid-area:4 / 1 / 5 / 7;height:100%;display:flex;align-items:center;padding:1rem;width:100%;color:var(--pure-white);background-color:pink}label.svelte-1tv42q2,textarea.svelte-1tv42q2{transition:all .2s;touch-action:manipulation;padding-left:.5rem;color:inherit}textarea.svelte-1tv42q2:placeholder-shown+label:where(.svelte-1tv42q2){cursor:text;max-width:66.66%;white-space:nowrap;text-overflow:ellipsis;transform-origin:left bottom;transform:translateY(2.525rem) scale(1)}.svelte-1tv42q2::-webkit-input-placeholder{opacity:0;transition:inherit}textarea.svelte-1tv42q2:focus::-webkit-input-placeholder{opacity:1}textarea.svelte-1tv42q2:not(:placeholder-shown)+label:where(.svelte-1tv42q2),textarea.svelte-1tv42q2:focus+label:where(.svelte-1tv42q2){transform:translate(0) scale(1);opacity:0}.textarea-code-input.svelte-1tv42q2{background-color:var(--pure-white);position:relative;border:0}.textarea-code-input.svelte-1tv42q2.invalid{color:red}.code-output-container.svelte-1tv42q2{grid-area:3 / 1 / 4 / 7;background-color:var(--pure-white);position:relative;z-index:1;display:flex}.code-output-container.svelte-1tv42q2.is-minified .textarea-code-output{overflow-x:hidden;overflow-y:scroll;resize:none;padding-top:22px;padding-bottom:0;min-height:100%}.label-code-output.svelte-1tv42q2{color:var(--pure-black);width:100%;padding-left:0;justify-content:center;align-items:center;display:flex;text-transform:capitalize}.button-copy.svelte-1tv42q2,.button-fullscreen.svelte-1tv42q2,.button-toggle-output.svelte-1tv42q2{border:0;color:var(--primary-color);background-color:var(--subtle-grey);cursor:pointer;display:inline-block;height:100%;max-height:67px;padding:0 13px;margin:0;border-bottom:2px solid var(--primary-color);display:flex;align-items:center;justify-content:center}.button-copy.svelte-1tv42q2{border-left:2px solid var(--primary-color)}.button-fullscreen.svelte-1tv42q2{border-left:2px solid var(--primary-color);border-bottom:0}.button-toggle-output.svelte-1tv42q2{grid-area:3/6/3/7;z-index:2;position:relative;border-left:2px solid var(--primary-color);width:65px;display:flex;align-items:center;justify-content:center}.button-toggle-output.svelte-1tv42q2.is-toggled .icon-chevron-up:where(.svelte-1tv42q2){transform:none;transition:all .3s all}.icon-chevron-up.svelte-1tv42q2{transform:scaleY(-1);transform-style:preserve-3d;transition:all .3s ease}.code-output-controls.svelte-1tv42q2{display:flex;flex-direction:column;justify-content:flex-end}dialog.svelte-1tv42q2{max-width:860px;background-color:#000;border-color:#fff;border-width:2px;position:relative;width:100%;height:fit-content;padding:50px 0 0}dialog.svelte-1tv42q2 button:where(.svelte-1tv42q2){position:absolute;top:0;z-index:1;right:0;border:0;border-left:2px solid white;color:#fff;background:transparent;border-bottom:2px solid white;height:50px;width:50px;cursor:pointer;display:flex;align-items:center;justify-content:center}button.svelte-1tv42q2{transition:var(--global-transition)}button.svelte-1tv42q2:hover{background-color:var(--pure-white);color:var(--pure-black)}@media (max-width: 768px){.dashboard.svelte-1tv42q2{grid-area:2/1/3/7}.code-controls.svelte-1tv42q2{grid-area:1/1/3/6}.button-group.svelte-1tv42q2{flex-direction:column;height:100%;justify-content:flex-start;display:flex}.button-group.svelte-1tv42q2 button:where(.svelte-1tv42q2):first-child{border-right:0}.button-group.svelte-1tv42q2 button:where(.svelte-1tv42q2):last-child{border-left:0}.code-data.svelte-1tv42q2{grid-area:2/6/3/3}.code-data.svelte-1tv42q2 h3:where(.svelte-1tv42q2){margin-bottom:12px}.code-data.svelte-1tv42q2 .savings:where(.svelte-1tv42q2){font-size:4rem}.code-data.svelte-1tv42q2 .code-sizes:where(.svelte-1tv42q2){display:flex;flex-direction:column}.code-data.svelte-1tv42q2 .code-size-label:where(.svelte-1tv42q2){text-align:left;padding-left:8px}.code-data.svelte-1tv42q2 .code-size-label:where(.svelte-1tv42q2):last-child span:where(.svelte-1tv42q2){margin-left:10px}}