@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-gray-300:#d1d5dc;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-semibold:600;--radius-sm:.25rem;--radius-lg:.5rem;--ease-out:cubic-bezier(0,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:lab(0% 0 0)){:root,:host{--color-gray-300:lab(85.1236% -.612259 -3.7138)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-4{top:calc(var(--spacing)*4)}.top-full{top:100%}.right-4{right:calc(var(--spacing)*4)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mt-8{margin-top:calc(var(--spacing)*8)}.mt-\[1rem\]{margin-top:1rem}.mt-\[2rem\]{margin-top:2rem}.mr-2{margin-right:calc(var(--spacing)*2)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.h-3{height:calc(var(--spacing)*3)}.h-full{height:100%}.w-3{width:calc(var(--spacing)*3)}.w-32{width:calc(var(--spacing)*32)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing)*0)}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.border-collapse{border-collapse:collapse}.origin-\[9px_12px\]{transform-origin:9px 12px}.origin-\[15px_12px\]{transform-origin:15px 12px}.scale-90{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*6)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*6)*calc(1 - var(--tw-space-y-reverse)))}.self-stretch{align-self:stretch}.overflow-x-auto{overflow-x:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-l-none{border-top-left-radius:0;border-bottom-left-radius:0}.rounded-r-lg{border-top-right-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg)}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-300\/40{border-color:#d1d5dc66}@supports (color:color-mix(in lab, red, red)){.border-gray-300\/40{border-color:color-mix(in oklab,var(--color-gray-300)40%,transparent)}}.bg-\[var\(--app-editor-bg-color\)\]{background-color:var(--app-editor-bg-color)}.bg-\[var\(--control-bg-color\)\]{background-color:var(--control-bg-color)}.object-cover{object-fit:cover}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\:rotate-\[-8deg\]:is(:where(.group):hover *){rotate:-8deg}.group-hover\:rotate-\[8deg\]:is(:where(.group):hover *){rotate:8deg}}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:48rem){.md\:mt-8{margin-top:calc(var(--spacing)*8)}.md\:mb-4{margin-bottom:calc(var(--spacing)*4)}.md\:inline{display:inline}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-nowrap{flex-wrap:nowrap}.md\:items-center{align-items:center}.md\:justify-center{justify-content:center}}}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
:root{--codice-control-color:#8d8989;--codice-caret-color:#d5efea;--codice-title-color:#dedede57;--codice-code-line-number-color:#a4a4a4;--codice-code-highlight-color:#555;--control-bg-color:#242424;--control-color:#c8c6c6;--control-hover-color:#ffffff1a;--app-editor-bg-color:#3d3c3c}[data-theme=light]{--codice-control-color:#6c6c6c;--codice-title-color:#272727;--codice-caret-color:#272727;--codice-code-highlight-color:#e8e8e8;--control-color:#363434;--control-bg-color:#e3e3e3;--control-hover-color:#0000001a;--app-editor-bg-color:#efefef}*{box-sizing:border-box}html{scrollbar-width:none;-ms-overflow-style:none;-webkit-font-smoothing:antialiased;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:16px;line-height:1.4}@media screen and (max-width:480px){body{width:100%}}body{color:#ffeceb;background-color:#343434;max-width:600px;margin:auto;padding:0}a,a:visited{color:inherit}input[type=radio]{display:none}.code-install--bash{--sh-identifier:#c8ccd2;background-color:#242424;padding:0 .5rem}::selection{background-color:#e2ffea33}.titles{margin-bottom:4rem}.huge-title{color:#f47067;text-shadow:-1px .5px 3px #5c5c5c66;margin-bottom:1rem;font-size:3rem;font-weight:700;transition:text-shadow .1s ease-in-out}.cursor-blink{vertical-align:.05em;margin-left:.1em;animation:1s infinite blink;display:inline-block;transform:translateY(-.05em)}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.huge-title:hover{text-shadow:-1px .5px 3px #5c5c5c4d,0 0 6px #f4706799}.subtitle{margin-bottom:1rem;font-size:1.25rem;font-weight:400;transition:text-shadow .1s ease-in-out}.main{width:100%;padding:4rem .5rem}.section{margin:4rem 0}.section h2{margin:0;font-size:1.3rem;font-weight:500}.control-button{background-color:var(--control-bg-color);cursor:pointer;border:none;border-radius:88px;padding:0 .8rem;font-size:14px;font-weight:600;text-decoration:none;transition:background-color .2s ease-in-out;display:inline-block}.control-button .controls-manager-label{cursor:pointer}.control-button:hover{background-color:var(--control-hover-color)}@keyframes shaking-a-little-oblique{0%{transform:translate(0)}25%{transform:translate(-2px)rotate(-1deg)}50%{transform:translate(2px)rotate(1deg)}75%{transform:translate(-2px)rotate(-1deg)}to{transform:translate(0)}}.control-button:active{opacity:.7;animation:.2s ease-in-out shaking-a-little-oblique}.range-button{border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;padding:2px;transition:background-color .2s ease-in-out;display:inline-flex}.range-button svg{vertical-align:middle}.range-button:hover{background-color:var(--control-hover-color)}.range-button svg:hover{transition:transform .2s ease-in-out}.code-example [data-codice-code]{color:#d5d5d5;background-color:#343434;border-radius:8px;margin:1rem 0;font-size:14px;overflow-x:auto}.editor{border-radius:8px}#editor-canvas{background-color:var(--app-editor-bg-color);min-width:360px;transition:background-color var(--sh-transition-duration,.3s)var(--sh-transition-timing,ease-out);padding:.5rem}#editor-canvas.theme-changing{position:relative;overflow:hidden}#editor-canvas.theme-changing:after{content:"";pointer-events:none;transform-origin:50%;background:radial-gradient(#ffffff1a 10%,#ffffff0d 20%,#0000 70%);width:160%;height:160%;animation:.4s ease-in-out theme-glow-oblique;position:absolute;top:-30%;left:-120%}[data-theme=light] #editor-canvas.theme-changing:after{background:radial-gradient(#0000000d 10%,#00000005 20%,#0000 70%)}@keyframes theme-glow-oblique{0%{opacity:0;transform:translate(-80%)translateY(-40%)scale(.8)}50%{opacity:1;transform:translate(0%)translateY(0%)scale(1.2)}to{opacity:0;transform:translate(80%)translateY(40%)scale(.8)}}#editor-canvas.theme-changing:before{content:"";pointer-events:none;transform-origin:50%;background:linear-gradient(135deg,#0000 0% 20%,#ffffff0d 25%,#fff3 30%,#ffffff0d 45%,#0000 80% 100%);width:200%;height:200%;animation:.4s ease-in-out theme-sweep-oblique;position:absolute;top:-50%;left:-150%}[data-theme=light] #editor-canvas.theme-changing:before{background:linear-gradient(135deg,#0000 0% 20%,#00000008 35%,#0000001a 50%,#00000008 65%,#0000 80% 100%)}@keyframes theme-sweep-oblique{0%{opacity:0;transform:translate(-100%)translateY(-50%)}10%{opacity:1}50%{opacity:1;transform:translate(0%)translateY(0%)}90%{opacity:1}to{opacity:0;transform:translate(100%)translateY(50%)}}.code-example__item{background-color:#3d3d3d;border:1px solid #a3a9a533;border-radius:8px;margin:2rem 0;padding:1rem}.code-example__item__title{margin:0 0 1.2rem;font-weight:500}.controls-manager-label{-webkit-user-select:none;user-select:none;border-radius:66px;padding:.2rem 0;display:inline-block}.controls-manager-label--checked,.control-button label[data-checked=true]{color:var(--control-color)}.controls-manager-input{min-width:2ch;color:var(--control-color);resize:horizontal;outline-color:var(--control-color);background-color:#0000;border:none;width:68px;margin:0;padding:0 4px;font-size:1rem;font-weight:600;line-height:1;display:inline-block}.controls-manager-input::selection{background-color:#565656}.range-selector-value{text-align:center;min-width:32px;display:inline-block}.range-control{background-color:var(--control-bg-color);-webkit-user-select:none;user-select:none;border-radius:88px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.range-control .controls-manager-label{margin:0 .5rem;font-weight:600}@keyframes glow{0%,to{text-shadow:0 0 2px #32323266}50%{text-shadow:0 0 6px #858585d3;font-weight:900}}.range-control button{color:var(--control-color);cursor:pointer;background-color:#0000;border:none;border-radius:50%;padding:0;transition:background-color .2s ease-in-out}.range-button label{letter-spacing:.02em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.range-control button:active+label,.range-control button:active~label{animation:.2s ease-in-out glow}.range-control button:first-child,.range-control button:last-child{transition:background-color .2s ease-in-out}.controls-manager{gap:.5rem;font-size:14px;display:flex}.controls-manager label span{font-size:12px}.control-button input[type=checkbox]{display:none}.css-arrow{width:1em;height:1em;font-size:inherit;display:inline-block;position:relative}.css-arrow .line{transform-origin:50%;background:#000;border-radius:.05em;width:.7em;height:.1em;transition:transform .2s;position:absolute;top:50%;left:50%}.line.top{top:.25em;transform:rotate(45deg)}.line.bottom{bottom:.25em;transform:rotate(-45deg)}.css-arrow:hover .top{transform:rotate(30deg)}.css-arrow:hover .bottom{transform:rotate(-30deg)}.editor-resizable{justify-content:center;display:flex;position:relative}.dropdown-menu{-webkit-user-select:none;user-select:none;display:inline-block;position:relative}.dropdown-menu .dropdown-menu-button{background-color:var(--control-bg-color);color:var(--control-color);cursor:pointer;border-radius:88px;padding:.2rem .8rem;font-size:14px;font-weight:600;line-height:1.5;transition:background-color .2s ease-in-out;display:inline-block;position:relative}.dropdown-menu .dropdown-menu-divider{background:var(--grey-200);width:1px;height:26px;top:0;right:0}.dropdown-menu .dropdown-menu-button-group{align-items:center;display:inline-flex;position:relative}.dropdown-menu .dropdown-menu-button-group--merged{flex-grow:1;display:flex}.dropdown-menu .dropdown-menu-button-group--merged .dropdown-menu-button{border-top-right-radius:0;border-bottom-right-radius:0}.dropdown-menu .dropdown-menu-button--next{background-color:var(--control-bg-color);cursor:pointer;border-radius:0 88px 88px 0;height:26px;padding:.2rem .4rem;line-height:20px;transition:background-color .2s ease-in-out}.dropdown-menu .dropdown-menu-button--next:hover,.dropdown-menu .dropdown-menu-button:hover{background-color:var(--control-hover-color)}.dropdown-menu .dropdown-menu-button.button-pulsed{animation:.2s ease-out button-pulse}@keyframes button-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.dropdown-menu .dropdown-menu-list{z-index:100;background-color:var(--control-bg-color);border-radius:6px;width:100%;position:absolute;top:calc(100% + .5rem);left:0;box-shadow:0 2px 10px #0000001a}.dropdown-menu .dropdown-menu-list-item{cursor:pointer;color:var(--control-color);padding:.2rem .5rem;font-size:14px;font-weight:600;transition:background-color .2s ease-in-out}.dropdown-menu .dropdown-menu-list-item:hover{background-color:var(--control-hover-color)}.controls-left-panel{border-top-right-radius:0;border-bottom-right-radius:0}.copy-image{cursor:pointer;-webkit-user-select:none;user-select:none;background-color:#f87e68;justify-content:center;align-items:center;height:100%;padding:.2rem .8rem;font-size:14px;font-weight:600;transition:all .2s ease-in-out;display:inline-flex}.copy-image:hover{filter:brightness(.9)}@keyframes mop-sweep{0%{transform:rotate(0)translate(0)}25%{transform:rotate(-15deg)translate(2px)}50%{transform:rotate(15deg)translate(-2px)}75%{transform:rotate(-10deg)translate(1px)}to{transform:rotate(0)translate(0)}}.mop-animate{transform-origin:top;animation:.6s ease-in-out mop-sweep}[data-codice-content] *{transition:color var(--sh-transition-duration,.3s)var(--sh-transition-timing,ease-out),opacity var(--sh-transition-duration,.3s)var(--sh-transition-timing,ease-out)}#editor-canvas.theme-changing [data-codice-content] *{animation:.4s ease-in-out syntax-refresh-oblique}@keyframes syntax-refresh-oblique{0%{opacity:1}25%{opacity:.8}50%{opacity:.6}75%{opacity:.8}to{opacity:1}}[data-codice=editor]{border:1px solid #0000;max-width:100%}.editor[data-codice=editor] textarea,.editor[data-codice=editor] [data-codice-content]{border:1px solid #0000;border-radius:8px;transition:border .2s ease-in-out}.editor[data-codice=editor] [data-codice-content]:hover{border-color:#a3a9a533}.resizable-resizer{float:right;width:1.5rem}.dropdown-menu-highlight{display:flex}[data-codice-control]{transition:background-color .2s ease-in-out}[data-codice-control]:first-child:hover{background-color:#f47067}[data-codice-control]:nth-child(2):hover{background-color:#fdbc40}[data-codice-control]:nth-child(3):hover{background-color:#34d399}@media screen and (max-width:640px){.code-example__item{padding:.5rem}}[data-theme=dark]:has([data-codice-title]){--codice-title-color:#dedede57}[data-theme=dark]:has([data-codice-title]:focus){--codice-title-color:#dedede8a}[data-theme]:not([data-theme=dark]):has([data-codice-title]){--codice-title-color:#21212157}[data-theme]:not([data-theme=dark]):has([data-codice-title]:focus){--codice-title-color:#2121218a}[data-theme=dark] textarea:focus{color:#f0f8ff5c}[data-theme]:not([data-theme=dark]) textarea:focus{color:#4d3f3f29}[data-theme=dark] body{background-color:#343434}[data-theme]:not([data-theme=dark]) body{color:#272727;background-color:#f5f5f5}[data-theme]:not([data-theme=dark]) .code-install--bash{background-color:var(--app-editor-bg-color);--sh-identifier:#645151}[data-theme]:not([data-theme=dark]) .code-example [data-codice-code]{color:#272727;background-color:#efefef}[data-theme]:not([data-theme=dark]) .code-example__item{background-color:#f5f5f5;border-color:#a3a9a533}[data-theme]:not([data-theme=dark]) .copy-image{color:#272727;background-color:#e4b4ab}
:root{--sh-transition-duration:.3s;--sh-transition-timing:ease-out}:root[data-highlight-theme=default][data-theme=dark]{--sh-class:#d4d4d4;--sh-identifier:#d4d4d4;--sh-sign:#d4d4d4;--sh-string:#d4d4d4;--sh-keyword:#d4d4d4;--sh-comment:#d4d4d4;--sh-jsxliterals:#d4d4d4;--sh-entity:#d4d4d4;--sh-property:#d4d4d4}:root[data-highlight-theme=default][data-theme=light]{--sh-class:#24292f;--sh-identifier:#24292f;--sh-sign:#24292f;--sh-string:#24292f;--sh-keyword:#24292f;--sh-comment:#24292f;--sh-jsxliterals:#24292f;--sh-entity:#24292f;--sh-property:#24292f}:root:not([data-highlight-theme]),:root[data-highlight-theme=vscode][data-theme=dark]{--sh-class:#4ec9b0;--sh-identifier:#9cdcfe;--sh-sign:#d4d4d4;--sh-string:#ce9178;--sh-keyword:#569cd6;--sh-comment:#6a9955;--sh-jsxliterals:#ff8c42;--sh-entity:#dcdcaa;--sh-property:#9cdcfe}:root:not([data-highlight-theme]),:root[data-highlight-theme=vscode][data-theme=light]{--sh-class:#6f42c1;--sh-identifier:#24292f;--sh-sign:#24292f;--sh-string:#032f62;--sh-keyword:#cf222e;--sh-comment:#6e7781;--sh-jsxliterals:#8250df;--sh-entity:#953800;--sh-property:#0550ae}:root[data-highlight-theme=solarized][data-theme=dark]{--sh-class:#e06c75;--sh-identifier:#abb2bf;--sh-sign:#abb2bf;--sh-string:#98c379;--sh-keyword:#c678dd;--sh-comment:#5c6370;--sh-jsxliterals:#e5c07b;--sh-entity:#61afef;--sh-property:#56b6c2}:root[data-highlight-theme=solarized][data-theme=light]{--sh-class:#a626a4;--sh-identifier:#383a42;--sh-sign:#383a42;--sh-string:#50a14f;--sh-keyword:#a626a4;--sh-comment:#a0a1a7;--sh-jsxliterals:#c18401;--sh-entity:#4078f2;--sh-property:#0184bc}:root[data-highlight-theme=monokai][data-theme=dark]{--sh-class:#f92672;--sh-identifier:#a6e22e;--sh-sign:#66d9ef;--sh-string:#e6db74;--sh-keyword:#f92672;--sh-comment:#75715e;--sh-jsxliterals:#ae81ff;--sh-entity:#fd971f;--sh-property:#a6e22e}:root[data-highlight-theme=monokai][data-theme=light]{--sh-class:#c72565;--sh-identifier:#6b8e23;--sh-sign:#3a7ca5;--sh-string:#a68e39;--sh-keyword:#c72565;--sh-comment:#99998e;--sh-jsxliterals:#7b5fc9;--sh-entity:#cc7b18;--sh-property:#6b8e23}:root[data-highlight-theme=minimal][data-theme=dark]{--sh-class:#909090;--sh-identifier:#909090;--sh-sign:#909090;--sh-string:gray;--sh-keyword:#b0b0b0;--sh-comment:#a0a0a0;--sh-jsxliterals:#909090;--sh-entity:#909090;--sh-property:#909090}:root[data-highlight-theme=minimal][data-theme=light]{--sh-class:#404040;--sh-identifier:#404040;--sh-sign:#404040;--sh-string:gray;--sh-keyword:#606060;--sh-comment:#999;--sh-jsxliterals:#404040;--sh-entity:#404040;--sh-property:#404040}:root[data-highlight-theme=nord][data-theme=dark]{--sh-class:#fabd2f;--sh-identifier:#ebdbb2;--sh-sign:#ebdbb2;--sh-string:#b8bb26;--sh-keyword:#fb4934;--sh-comment:#928374;--sh-jsxliterals:#fe8019;--sh-entity:#8ec07c;--sh-property:#83a598}:root[data-highlight-theme=nord][data-theme=light]{--sh-class:#b57614;--sh-identifier:#3c3836;--sh-sign:#3c3836;--sh-string:#79740e;--sh-keyword:#9d0006;--sh-comment:#928374;--sh-jsxliterals:#af3a03;--sh-entity:#427b58;--sh-property:#076678}:root[data-highlight-theme=base16][data-theme=dark]{--sh-class:#bb9af7;--sh-identifier:#c0caf5;--sh-sign:#c0caf5;--sh-string:#9ece6a;--sh-keyword:#f7768e;--sh-comment:#565f89;--sh-jsxliterals:#e0af68;--sh-entity:#7dcfff;--sh-property:#73daca}:root[data-highlight-theme=base16][data-theme=light]{--sh-class:#5a4a78;--sh-identifier:#565a6e;--sh-sign:#565a6e;--sh-string:#485e30;--sh-keyword:#8c4351;--sh-comment:#848cb5;--sh-jsxliterals:#8f5e15;--sh-entity:#0f4b6e;--sh-property:#166775}