@font-face{font-family:IBM Plex Sans;font-weight:100 700;font-style:normal;font-display:swap;font-feature-settings:"liga" on;src:url(https://static.0to255.com/fonts/ibm-plex-sans-variable-3042d209.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans;font-weight:100 700;font-style:italic;font-display:swap;font-feature-settings:"liga" on;src:url(https://static.0to255.com/fonts/ibm-plex-sans-italic-variable-26263e2c.woff2) format("woff2")}@font-face{font-family:Space Grotesk;font-weight:300 700;font-style:normal;font-display:swap;src:url(https://static.0to255.com/fonts/space-grotesk-variable-3811d7b9.woff2) format("woff2")}@font-face{font-family:Inter Display;font-variation-settings:"opsz" 32;font-weight:100 900;font-style:normal;font-display:swap;src:url(https://static.0to255.com/fonts/inter-variable-8433fe73.woff2) format("woff2")}@font-face{font-family:Noto Sans;font-weight:700;font-style:normal;font-display:swap;src:url(https://static.0to255.com/fonts/noto-sans-bold-310323bd.woff2) format("woff2")}a,article,aside,blockquote,body,canvas,caption,dd,details,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,img,label,legend,li,menu,nav,ol,p,q,section,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,ul{margin:0;padding:0;border:0;vertical-align:baseline;font:inherit;font-size:100%}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}body{line-height:1}button{border:none;font-weight:400}dfn{font-style:normal}dialog{margin:0;padding:0;border:none}footer,header,nav{display:block}img{font-size:0}input,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;cursor:text}input:focus,textarea:focus{outline:none}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}menu,ol,ul{list-style:none}summary::marker,summary::-webkit-details-marker{display:none}hr{margin:0;border:none}*{-webkit-overflow-scrolling:touch}html{overflow:hidden;-webkit-text-size-adjust:100%}body{transform:translate(0);position:fixed;inset:0;overflow:hidden;font-size:16px;-webkit-user-select:none;user-select:none;cursor:default}body,input,input::placeholder,textarea,button,code{font-family:IBM Plex Sans,sans-serif;font-feature-settings:"kern","liga","ss02"}a[href]{cursor:pointer}em{font-style:italic}sup{vertical-align:super;font-size:.6em}#app{position:absolute;inset:0;overflow:hidden;display:block}#app:before{content:"";position:absolute;z-index:1001;top:0;right:0;left:0;height:1px;box-shadow:inset 0 1px #fff1}#app.light:before{box-shadow:inset 0 1px #0001}.root-message{transform:translateY(-50%);position:absolute;z-index:1;top:50%;left:0;box-sizing:border-box;width:100%;max-height:100%;margin:0;padding:2.67em 1em;line-height:1.3;font-size:20px;font-weight:300;text-align:center;color:#fff}.root-message:not(noscript){transition:opacity .2s cubic-bezier(.3,.1,.15,.95)}.root-message p{margin:1em 0}.root-message a{color:#fff}.checkbox{position:relative;display:inline-block;width:16px;height:16px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff60,0 0 0 1px #00000040,0 0 0 1px #1f2021}.light .checkbox{box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #00000060}.checkbox:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;z-index:-1;inset:0;background-color:#fff0}.checkbox:hover:before{background-color:#ffffff08}.light .checkbox:hover:before{background-color:#ffffff54}.checkbox:active:before{background-color:#fff0}.checkbox>svg{position:absolute;top:0;left:0;display:none;width:17px;height:17px;paint-order:stroke}.checkbox.checked>svg{display:block}.checkbox>svg>path{transition:fill .2s cubic-bezier(.3,.1,.15,.95),stroke .2s cubic-bezier(.3,.1,.15,.95);fill:#fff;stroke-width:10;stroke:#00000026}.light .checkbox>svg>path{fill:#000;stroke:#ffffff26}.segmented-button{position:relative;display:flex;height:23px;column-gap:1px;box-shadow:inset 0 0 7px #00000026,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:5px}.light .segmented-button{box-shadow:inset 0 0 7px #00000026,0 0 0 1px #0006}.segmented-button:after{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:6px;box-shadow:0 0 0 1px #fff1}.segmented-button>button{position:relative;overflow:hidden;display:block;flex:none;box-sizing:border-box;width:23px;height:23px;padding:0;paint-order:stroke;background-color:#1f202199;box-shadow:inset 0 0 0 1px #ffffff60;line-height:23px;font-size:13px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff;white-space:nowrap;cursor:default}.light .segmented-button>button{background-color:#f3f4f599;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.segmented-button>button.active{background-color:transparent;box-shadow:none;color:#ffffffe6}.light .segmented-button>button.active{color:#000000e6}.segmented-button>button:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.segmented-button>button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.segmented-button>button:not(:first-child,.active){box-shadow:inset 0 0 0 1px #ffffff60,-1px 0 #00000040,-1px 0 #1f2021}.light .segmented-button>button:not(:first-child,.active){box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,-1px 0 #00000060}.segmented-button>button:not(.active)+button.active:not(:first-child){box-shadow:-1px 0 #00000040,-1px 0 #1f2021}.light .segmented-button>button:not(.active)+button.active:not(:first-child){box-shadow:-1px 0 #00000060}.segmented-button>button:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;z-index:-1;inset:0;background-color:#fff0}.segmented-button>button:hover:before{background-color:#ffffff08}.light .segmented-button>button:hover:before{background-color:#ffffff54}.segmented-button>button:active:before{background-color:#fff0}.selector-button{position:relative;overflow:hidden;display:block;height:23px;padding-left:7px;padding-right:23px;paint-order:stroke;background-color:transparent;box-shadow:inset 0 0 0 1px #ffffff60,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:5px;line-height:23px;font-size:13px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff;white-space:nowrap;cursor:default}.light .selector-button{box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #00000060;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.glass .selector-button{background-color:#1f202199}.selector-button.disabled{box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #00000040,0 0 0 1px #1f2021}.light .selector-button.disabled{box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #00000040}.light.glass .selector-button{background-color:#f3f4f599}.selector-button:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;z-index:-1;inset:0;background-color:#fff0}.selector-button:not(.disabled):hover:before{background-color:#ffffff08}.light .selector-button:not(.disabled):hover:before{background-color:#ffffff54}.selector-button:not(.disabled):active:before{background-color:#fff0}.selector-button svg.caret-down-21-icon{position:absolute;top:1px;right:1px;width:21px;height:21px;paint-order:stroke;opacity:.9}.selector-button.disabled svg.caret-down-21-icon{opacity:.25}.selector-button .caret-down-21-icon>path{fill:#fff;stroke-width:10;stroke:#00000026}.light .selector-button .caret-down-21-icon>path{fill:#000;stroke:#ffffff26}.notifications{position:fixed;z-index:1001;top:0;right:0;overflow:hidden}.notifications .notification{transition:right .2s cubic-bezier(.3,.1,.15,.95),height .2s cubic-bezier(.3,.1,.15,.95);position:relative;right:-100%;overflow:hidden;display:flex;align-items:center;column-gap:6px;box-sizing:border-box;width:320px;max-width:100%;height:48px;margin:7px 16px;padding:0 12px;background-color:#1f2021f0;box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #00000040,0 0 0 1px #202020,0 0 24px #00000026;border-radius:12px}.light .notifications .notification{background-color:#f3f4f5e8;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #0003,0 0 24px #00000026}.glass .notifications .notification{background-color:#1f2021d9;-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.light.glass .notifications .notification{background-color:#f3f4f5d1}.notifications .notification:first-child{margin-top:16px}.notifications .notification:last-child{margin-bottom:24px}.notifications .notification .icon>svg{display:block;width:25px;height:25px;paint-order:stroke;stroke-width:10}.notifications .notification .icon>svg>path{stroke:#00000026}.light .notifications .notification .icon>svg>path{stroke:#ffffff26}.notifications .notification.error .icon>svg>path{fill:#de3e2d}.light .notifications .notification.error .icon>svg>path{fill:#ba0d01}.notifications .notification.alert .icon>svg>path{fill:#ab7300;fill:oklch(60% .2 85deg)}.light .notifications .notification.alert .icon>svg>path{fill:#865900;fill:oklch(50% .2 85deg)}.notifications .notification.success .icon>svg>path{fill:#2e9a00;fill:oklch(60% .2 140deg)}.light .notifications .notification.success .icon>svg>path{fill:#217700;fill:oklch(50% .2 140deg)}.notifications .notification .message{overflow:hidden;display:block;paint-order:stroke;line-height:1.4;font-size:13px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);text-overflow:ellipsis;white-space:nowrap;color:#fff}.light .notifications .notification .message{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.menu{--border-radius: 10px;position:fixed;z-index:200;display:block;width:160px;background-color:#1f2021f0;box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px #00000040,0 0 0 1px #202020,0 0 24px #00000026;border-radius:var(--border-radius)}.light .menu{background-color:#f3f4f5e8;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #0003,0 0 24px #00000026}.glass .menu{background-color:#1f2021d9;-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.light.glass .menu{background-color:#f3f4f5d1}.menu.action-groups,.menu.option-groups{--border-radius: 14px;width:178px}.menu.hex-settings-menu{width:170px}.menu.rgb-settings-menu,.menu.hsl-settings-menu,.menu.oklch-settings-menu{width:220px}.menu.action-groups .actions{overflow:hidden;margin:9px;box-shadow:inset 0 0 0 1px #fff1,0 0 0 1px #0001;border-radius:9px}.menu .action>a,.menu .action>button{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);display:block;box-sizing:border-box;width:100%;height:36px;padding-left:10px;paint-order:stroke;background-color:#fff0;line-height:36px;font-size:13px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-align:start;text-stroke:1px rgba(0,0,0,.15);text-decoration:none;white-space:nowrap;color:#fff;cursor:pointer}.light .menu .action>a,.light .menu .action>button{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.menu .action:not(:last-child)>a,.menu .action:not(:last-child)>button{box-shadow:inset 0 -1px #fff1}.light .menu .action:not(:last-child)>a,.light .menu .action:not(:last-child)>button{box-shadow:inset 0 -1px #0001}.menu .action>a:hover,.menu .action>button:hover{background-color:#ffffff08}.light .menu .action>a:hover,.light .menu .action>button:hover{background-color:#ffffff54}.menu .action>a:active,.menu .action>button:active{background-color:#fff0}.menu:not(.action-groups) .action:first-child>a,.menu:not(.action-groups) .action:first-child>button{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.menu:not(.action-groups) .action:last-child>a,.menu:not(.action-groups) .action:last-child>button{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.menu.option-groups .options{overflow:hidden;margin:9px;box-shadow:inset 0 0 0 1px #fff1,0 0 0 1px #0001;border-radius:9px}.menu .option{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);display:block;box-sizing:border-box;width:100%;height:36px;padding-left:10px;paint-order:stroke;background-color:#fff0;line-height:36px;font-size:13px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);white-space:nowrap;color:#fff;cursor:default}.light .menu .option{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.menu .option:not(:last-child){box-shadow:inset 0 -1px #fff1}.light .menu .option:not(:last-child){box-shadow:inset 0 -1px #0001}.menu .option:hover{background-color:#ffffff08}.light .menu .option:hover{background-color:#ffffff54}.menu .option:active{background-color:#fff0}.menu:not(.option-groups) .option:first-child{border-top-left-radius:var(--border-radius);border-top-right-radius:var(--border-radius)}.menu:not(.option-groups) .option:last-child{border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius)}.menu .settings{padding:12px 0}.menu .setting{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);display:flex;box-sizing:border-box;width:100%;height:36px;padding-left:16px;padding-right:16px;align-items:center;paint-order:stroke;background-color:#fff0;line-height:36px;font-size:13px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);white-space:nowrap;color:#fff}.light .menu .setting{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.menu .setting-name{flex-grow:1}.menu .input-control{position:relative;display:block;width:46px;height:23px}.menu .input-control:after{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:6px;box-shadow:0 0 0 1px #fff1}.menu .input-control input{display:block;width:47px;height:23px;padding:0;box-shadow:inset 0 0 7px #00000026,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:5px;paint-order:stroke;background-color:transparent;line-height:23px;font-size:13px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .menu .input-control input{box-shadow:inset 0 0 7px #00000026,0 0 0 1px #0006;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.menu .delimiter-setting button{width:auto;padding:0 7px}.panel{--panel-header-height: 54px;transition:left .4s cubic-bezier(.3,.1,.15,.95),width .4s cubic-bezier(.3,.1,.15,.95);position:fixed;z-index:1;overflow:hidden;visibility:hidden;opacity:.001;box-sizing:border-box;background-color:#1f2021}.light .panel:not(.dark){background-color:#f3f4f5}.panel .scroll-x,.panel .scroll-y{-ms-overflow-style:none}.panel .scroll-x{overflow:auto hidden;max-width:100%}.panel .scroll-y{overflow:hidden auto;max-height:100%}.panel .panel-window{transition:left .4s cubic-bezier(.3,.1,.15,.95),width .4s cubic-bezier(.3,.1,.15,.95);position:absolute;top:0}.panel:not(:first-child) .panel-window:before{content:"";position:absolute;z-index:99;top:0;bottom:0;left:0;width:1px;box-shadow:inset 1px 0 #fff1}.light .panel:not(.dark,:first-child) .panel-window:before{box-shadow:inset 1px 0 #ffffff40,inset 1px 0 #f3f4f5}.panel .panel-window:after{content:"";position:absolute;z-index:99;top:0;bottom:0;right:0;width:1px;box-shadow:inset 1px 0 #00000040,inset 1px 0 #1f2021}.light .panel:not(.dark) .panel-window:after{box-shadow:inset 1px 0 #0001}.panel .panel-header{position:absolute;z-index:3;top:0;right:0;left:0;display:flex;box-sizing:border-box;align-items:center;height:var(--panel-header-height);background-color:#1f2021f0;box-shadow:0 0 18px #00000046}.light .panel:not(.dark) .panel-header{background-color:#f3f4f5e8}.glass .panel .panel-header{background-color:#1f2021d9;-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.light.glass .panel:not(.dark) .panel-header{background-color:#f3f4f5d1}.panel .panel-header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;box-shadow:inset 0 1px #fff1}.light .panel:not(.dark) .panel-header:after{box-shadow:inset 0 1px #ffffff40,inset 0 1px #f3f4f5}.panel .panel-header .panel-title{display:block;overflow:hidden;max-width:100%;paint-order:stroke;line-height:1.2;font-size:19px;font-weight:400;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);text-overflow:ellipsis;white-space:nowrap;color:#fff}.light .panel:not(.dark) .panel-header .panel-title{font-weight:500;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.panel .panel-body{box-sizing:border-box;height:100%}.panel .panel-body.scroll-y{padding-top:var(--panel-header-height)}.panel .panel-sliver-mask{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);position:absolute;z-index:100;inset:0;overflow:hidden;background-color:#1b1b1bd9}.light .panel:not(.dark) .panel-sliver-mask{background-color:#f3f4f5d9}.panel .panel-sliver-mask:hover{background-color:#1b1b1b6c}.light .panel:not(.dark) .panel-sliver-mask:hover{background-color:#f3f4f56c}.panel:not(:first-child) .panel-sliver-mask:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;box-shadow:inset 1px 0 #fff1}.light .panel:not(.dark,:first-child) .panel-sliver-mask:before{box-shadow:inset 1px 0 #ffffff40,inset 1px 0 #f3f4f5}.panel .panel-sliver-mask:after{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;box-shadow:inset 1px 0 #00000040,inset 1px 0 #1f2021}.light .panel:not(.dark) .panel-sliver-mask:after{box-shadow:inset 1px 0 #0001}.panel .panel-sliver-mask .panel-title{transition:top .2s cubic-bezier(.3,.1,.15,.95),opacity .2s cubic-bezier(.3,.1,.15,.95);transform-origin:top left;transform:rotate(90deg) translateY(-50%);position:absolute;top:0;left:50%;box-sizing:border-box;padding:0 .67em;paint-order:stroke;line-height:1.2;font-size:18px;font-weight:400;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);letter-spacing:1px;white-space:nowrap;color:#fff}.light .panel:not(.dark) .panel-sliver-mask .panel-title{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.panel .panel-sliver-mask:hover .panel-title{top:-3em;opacity:.001}.sub-panel{position:relative;overflow:hidden}.sub-panel:not(:first-child):before{content:"";position:absolute;z-index:99;top:var(--panel-header-height);bottom:0;left:0;width:1px;box-shadow:inset 1px 0 #fff1}.light .sub-panel:not(:first-child):before{display:none}.sub-panel:not(:last-child):after{content:"";position:absolute;z-index:99;top:var(--panel-header-height);right:0;bottom:0;display:none;width:1px;box-shadow:inset 1px 0 #0001}.light .sub-panel:not(:last-child):after{display:block}.sub-panel .sub-panel-header{position:absolute;z-index:3;top:var(--panel-header-height);right:0;left:0;display:flex;box-sizing:border-box;align-items:center;height:var(--sub-panel-header-height);background-color:#1f2021f0;box-shadow:0 0 18px #00000046}.light .sub-panel .sub-panel-header{background-color:#f3f4f5e8}.glass .sub-panel .sub-panel-header{-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px);background-color:#1f2021d9}.light.glass .sub-panel .sub-panel-header{background-color:#f3f4f5d1}.sub-panel .sub-panel-header:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;box-shadow:inset 0 1px #fff1}.light .sub-panel .sub-panel-header:after{box-shadow:inset 0 1px #ffffff40,inset 0 1px #f3f4f5}.sub-panel .sub-panel-title{display:block;overflow:hidden;max-width:100%;line-height:1.2;font-size:15px;font-weight:400;text-overflow:ellipsis;white-space:nowrap;color:#ffffffe6}.light .sub-panel .sub-panel-title{font-weight:500;color:#000000e6}.prompt-list{position:absolute;inset:0;overflow:hidden auto}.prompt{position:absolute;box-sizing:border-box;opacity:.001;width:100%;min-height:100%}.request-progress-bar{position:fixed;z-index:1001;top:0;left:0;width:0;height:3px;background-color:#673fcf}#app{background-color:#1f2021}#app.light{background-color:#f3f4f5}.etha-banner{--oklch-58: 090.63% .173 164.41;--oklch-56: 087.5% .23 171.49;--oklch-20: 031.25% .184 264.06;--oklch-16: 025% .147 264.06;--rgb-58: 113 255 198;--rgb-56: 009 249 200;--rgb-20: 000 025 140;--rgb-16: 000 016 102;position:relative;display:flex;box-sizing:border-box;height:96px;padding-left:18px;padding-right:18px;justify-content:center;align-items:center;paint-order:stroke;background-image:linear-gradient(in oklch -5deg,rgb(var(--rgb-56)),rgb(var(--rgb-58)));box-shadow:inset 0 -1px #fff1;font-feature-settings:"liga";-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:rgb(var(--rgb-20));visibility:hidden}.light .etha-banner{box-shadow:inset 0 -1px #0001}@media(width<1024px){.etha-banner{justify-content:space-between;column-gap:18px}}@media(color-gamut:p3){.etha-banner{background-image:linear-gradient(in oklch -5deg,oklch(var(--oklch-56)),oklch(var(--oklch-58)));color:oklch(var(--oklch-20))}}.etha-banner .left{display:flex;justify-content:center;align-items:center;column-gap:4em}@media(width<1024px){.etha-banner .left{justify-content:start;column-gap:3em}}@media(width<480px){.etha-banner .left{column-gap:2em}}.etha-banner .text{display:flex;flex-direction:column;row-gap:.25em}.etha-banner .text h4{line-height:1.2;font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;letter-spacing:-.025em}@media(width<768px){.etha-banner .text h4{font-size:22px}}@media(width<480px){.etha-banner .text h4{font-size:20px}}@media(width<768px){.etha-banner .text h4 span{display:none}}.etha-banner .text p{line-height:1.2;font-family:Inter Display,sans-serif;font-variation-settings:"opsz" 32;font-size:16px;font-weight:500}@media(width<768px){.etha-banner .text p{font-size:15px}}@media(width<480px){.etha-banner .text p{font-size:14px}}@media(width<360px){.etha-banner .text p{display:none}}@media(width<480px){.etha-banner .text p span{display:none}}.etha-banner .cta a{--height: 56px;display:block;box-sizing:border-box;padding-left:1.75em;padding-right:1.75em;height:var(--height);paint-order:stroke;background-color:rgb(var(--rgb-20));box-shadow:0 0 0 1px #ffffff26;line-height:var(--height);font-family:Noto Sans,sans-serif;font-size:16px;font-weight:700;text-align:center;text-decoration:none;text-transform:uppercase;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);white-space:nowrap;color:#fff;transition:background-color .2s cubic-bezier(.3,.1,.15,.95)}@media(color-gamut:p3){.etha-banner .cta a{background-color:oklch(var(--oklch-20))}}@media(width<768px){.etha-banner .cta a{--height: 52px;padding-left:1.5em;padding-right:1.5em;font-size:15px}}@media(width<480px){.etha-banner .cta a{--height: 48px;padding-left:1.75em;padding-right:1.75em;font-size:14px}}.etha-banner .cta a:hover{background-color:rgb(var(--rgb-16))}@media(color-gamut:p3){.etha-banner .cta a:hover{background-color:oklch(var(--oklch-16))}}.etha-banner .cta a .short{display:none}@media(width<480px){.etha-banner .cta a .long{display:none}.etha-banner .cta a .short{display:inline}}.etha-banner .right{position:absolute;top:50%;right:18px;transform:translateY(-50%)}@media(width<1024px){.etha-banner .right{position:static;top:auto;right:auto;transform:none}}.etha-banner .right button{background-color:transparent;display:block;padding:0}.etha-banner svg.x-25-icon{display:block;width:25px;height:25px}.etha-banner svg.x-25-icon path{paint-order:stroke;fill:rgb(var(--rgb-20));stroke:#fff;stroke-width:10px;stroke-opacity:.15;transition:fill .2s cubic-bezier(.3,.1,.15,.95)}@media(color-gamut:p3){.etha-banner svg.x-25-icon path{fill:oklch(var(--oklch-20))}}.etha-banner .right button:hover svg.x-25-icon path{fill:rgb(var(--rgb-16))}@media(color-gamut:p3){.etha-banner .right button:hover svg.x-25-icon path{fill:oklch(var(--oklch-16))}}.document-panel .panel-header .panel-title{padding-left:16px;padding-right:16px}.document-panel .panel-body{transition:padding-bottom .4s cubic-bezier(.3,.1,.15,.95);padding-bottom:0}.document-panel .document{box-sizing:border-box;padding-bottom:24px;-webkit-user-select:text;user-select:text;cursor:text}.document-panel .document h1,.document-panel .document h2,.document-panel .document h3,.document-panel .document h4,.document-panel .document p,.document-panel .document ul,.document-panel .document ol,.document-panel .document details,.document-panel .document aside.note,.document-panel .document .document-metadata{margin-left:16px;margin-right:16px}.document-panel .document h1,.document-panel .document h2,.document-panel .document h3,.document-panel .document h4{margin-top:.467em;margin-bottom:.467em;paint-order:stroke;line-height:1.15;font-weight:500;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .document-panel:not(.dark) .document h1,.light .document-panel:not(.dark) .document h2,.light .document-panel:not(.dark) .document h3,.light .document-panel:not(.dark) .document h4{font-weight:600;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.document-panel .document h1{font-size:34px}.document-panel .document h2{font-size:30px}.document-panel .document h3{font-size:24px}.document-panel .document h4{font-size:15px}.document-panel .document p,.document-panel .document ul,.document-panel .document ol,.document-panel .document details,.document-panel .document summary,.document-panel .document aside.note{margin-top:1.33em;margin-bottom:1.33em;font-size:15px}.document-panel .document p,.document-panel .document ul,.document-panel .document ol,.document-panel .document details,.document-panel .document summary{paint-order:stroke;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .document-panel:not(.dark) .document p,.light .document-panel:not(.dark) .document ul,.light .document-panel:not(.dark) .document ol,.light .document-panel:not(.dark) .document details,.light .document-panel:not(.dark) .document summary{font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.document-panel .document p strong,.document-panel .document ul strong,.document-panel .document ol strong,.document-panel .document details strong,.document-panel .document summary strong{font-weight:500}.document-panel .document p{line-height:1.6}.document-panel .document p.call-out{margin-top:1.1em;margin-bottom:1.1em;line-height:1.4;font-size:20px}.document-panel .document p.text-center{text-align:center}.document-panel .document ul,.document-panel .document ol{padding-left:1.033em;padding-right:1.033em;line-height:1.6}.document-panel .document ul{list-style:disc}.document-panel .document ol{list-style:decimal}.document-panel .document li{margin-top:.5em;margin-bottom:.5em}.document-panel .document details{overflow:hidden;border:1px solid rgba(255,255,255,.133);border-radius:.5em}.light .document-panel:not(.dark) .document details{border-color:#0002}.document-panel .document details summary{position:relative;margin:0;padding:14px 30px 14px 14px;background-color:#ffffff08;list-style:none;line-height:23px;cursor:pointer}.light .document-panel:not(.dark) .document details summary{background-color:#00000008}.document-panel .document details[open] summary{border-bottom:1px solid rgba(255,255,255,.133)}.light .document-panel:not(.dark) .document details[open] summary{border-bottom-color:#0002}.document-panel .document details summary:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9Ii00MCAtNDAgMjMwIDIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjZmZmIiBkPSJNMTUwLDgwIEw4MCw4MCBMODAsMTUwIEw3MCwxNTAgTDcwLDgwIEwwLDgwIEwwLDcwIEw3MCw3MCBMNzAsMCBMODAsMCBMODAsNzAgTDE1MCw3MCBMMTUwLDgwIFoiIC8+PC9zdmc+);position:absolute;top:14px;right:14px;width:23px;height:23px}.light .document-panel:not(.dark) .document details summary:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9Ii00MCAtNDAgMjMwIDIzMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsPSIjMDAwIiBkPSJNMTUwLDgwIEw4MCw4MCBMODAsMTUwIEw3MCwxNTAgTDcwLDgwIEwwLDgwIEwwLDcwIEw3MCw3MCBMNzAsMCBMODAsMCBMODAsNzAgTDE1MCw3MCBMMTUwLDgwIFoiIC8+PC9zdmc+)}.document-panel .document details[open] summary:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9Ii00MCAtMTEwIDIzMCAyMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAsMCBMMTUwLDAgTDE1MCwxMCBMMCwxMCBMMCwwIFoiIC8+PC9zdmc+)}.light .document-panel:not(.dark) .document details[open] summary:after{content:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjMiIGhlaWdodD0iMjMiIHZpZXdCb3g9Ii00MCAtMTEwIDIzMCAyMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzAwMCIgZD0iTTAsMCBMMTUwLDAgTDE1MCwxMCBMMCwxMCBMMCwwIFoiIC8+PC9zdmc+)}.document-panel .document details p{margin-left:0;margin-right:0;padding-left:14px;padding-right:14px}.document-panel .document a{text-decoration:underline;color:#fff}.light .document-panel:not(.dark) .document a{color:#000}.document-panel .document a.button{display:inline-block;margin:7px 0;padding:14px 20px;background-color:#0000;box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 1px #00000026;border-radius:8px;line-height:1.3;font-size:15px;font-weight:400;text-align:center;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer}.light .document-panel:not(.dark) .document a.button{box-shadow:inset 0 0 0 1px #00000026,0 0 0 1px #ffffff26}.document-panel .document a.button:not(:last-child){margin-right:10px}.document-panel .document a.button.primary{background-image:linear-gradient(to right,#3211c6,#671b92);background-repeat:no-repeat;color:#fff}.document-panel .document a.button.disabled{background-color:#0000001a;color:#999;cursor:default}.document-panel .document .full-width-image,.document-panel .document .contained-image{position:relative;margin-bottom:30px}.document-panel .document .full-width-image:not(:first-child),.document-panel .document .contained-image:not(:first-child){margin-top:30px}.document-panel .document .contained-image{margin-left:16px;margin-right:16px}.document-panel .document .full-width-image:after{content:"";position:absolute;right:0;bottom:0;left:1px;border-bottom:1px solid rgba(255,255,255,.067)}.light .document-panel:not(.dark) .document .full-width-image:after{border-bottom-color:#0001}.document-panel .document .full-width-image img,.document-panel .document .contained-image img{display:block;width:100%;height:auto;margin-left:auto;margin-right:auto;-webkit-user-select:none;user-select:none;cursor:default}.document-panel .document .contained-image img.max-width-540{max-width:540px}.document-panel .document hr{margin-top:30px;margin-bottom:30px;border-top:1px solid rgba(255,255,255,.133)}.light .document-panel:not(.dark) .document hr{border-top-color:#0002}.document-panel .document aside.note{padding:1.25em 1.5em;background-color:#fceec611;box-shadow:inset 0 0 0 1px #fff1,0 0 0 1px #0001;border-radius:.75em}.light .document-panel:not(.dark) .document aside.note{background-color:#fceec6e6;box-shadow:inset 0 0 0 1px #0001,0 0 0 1px #fff1}.document-panel .document aside.note,.document-panel .document aside.note p,.document-panel .document aside.note a{font-weight:300;color:#fceec6}.light .document-panel:not(.dark) .document aside.note,.light .document-panel:not(.dark) .document aside.note p,.light .document-panel:not(.dark) .document aside.note a{font-weight:400;color:#655214}.document-panel .document aside.note p{margin-left:0;margin-right:0}.document-panel .document aside.note p:first-child{margin-top:0}.document-panel .document aside.note p:last-child{margin-bottom:0}.document-panel .document aside.note dl.note-metadata{paint-order:stroke;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fceec6ab}.light .document-panel:not(.dark) .document aside.note dl.note-metadata{font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#655214ab}.document-panel .document aside.note dl.note-metadata dt{display:none}.document-panel .document aside.note dl.note-metadata dd{display:block;margin:.2em 0;font-size:11px;text-transform:uppercase}.document-panel .document .badge{position:relative;top:-.25em;margin:0 .25em;padding:.33em .55em;paint-order:stroke;border-radius:.4em;line-height:1;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;-webkit-user-select:none;user-select:none;cursor:default}.document-panel .document .badge.gold{background-color:#ffcb3e;box-shadow:inset 0 0 0 1px #fff1,0 0 6px #ffcb3e4d;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.light .document-panel:not(.dark) .document .badge.gold{box-shadow:inset 0 0 0 1px #0001,0 0 6px #ffcb3e99}.document-panel .document .document-metadata{margin-top:6px;paint-order:stroke;line-height:1.4;font-size:14px;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffffab}.light .document-panel:not(.dark) .document .document-metadata{font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000000ab}.document-panel .document .document-metadata dt{display:none}.document-panel .document .document-metadata dd{display:block;margin:.2em 0}.document-panel .document .document-metadata a{color:#ffffffab}.light .document-panel:not(.dark) .document .document-metadata a{color:#000000ab}.app-meta-panel{border-collapse:collapse}.glass .app-meta-panel{background-color:#1f2021d9;-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.light.glass .app-meta-panel{background-color:#f3f4f5d1}.app-meta-panel .panel-header h2{width:100%}.app-meta-panel .logo{position:absolute;top:0;bottom:0;left:0;box-sizing:border-box;width:100%;text-decoration:none;white-space:nowrap}.app-meta-panel .logomark{transition:left .4s cubic-bezier(.3,.1,.15,.95);position:absolute;top:14px;left:18px;width:25px;height:25px;margin-top:1px;margin-left:1px;overflow:hidden}.app-meta-panel.collapsed .logomark{left:11px}.app-meta-panel .logomark img{transform-origin:0 0;transform:scale(.5);position:absolute;top:0;left:0;width:200%;height:200%;font-size:0}.app-meta-panel .logotext{transition:left .4s cubic-bezier(.3,.1,.15,.95),opacity .4s cubic-bezier(.3,.1,.15,.95);position:absolute;top:14px;left:51px;height:26px;paint-order:stroke;line-height:26px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .app-meta-panel .logotext{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.app-meta-panel.collapsed .logotext{left:44px;opacity:.001}.app-meta-panel .logotext>span{display:inline-block}.app-meta-panel .logo-zero,.app-meta-panel .logo-two-fifty-five{font-size:25px;font-weight:500}.app-meta-panel .logo-to{position:relative;top:-.375em;margin:0 .055em;font-size:14px;font-style:italic;font-weight:500}.app-meta-panel .panel-body{display:flex;flex-direction:column;justify-content:space-between}.app-meta-panel .panel-previews{display:block}.app-meta-panel .panel-preview{position:relative;overflow:hidden}.app-meta-panel .panel-trigger{transition:height .4s cubic-bezier(.3,.1,.15,.95),padding .4s cubic-bezier(.3,.1,.15,.95),background-color .2s cubic-bezier(.3,.1,.15,.95),border-color .4s cubic-bezier(.3,.1,.15,.95);position:relative;display:block;box-sizing:border-box;overflow:hidden;width:100%;background-color:#fff0;border-bottom:1px solid rgba(255,255,255,.067);font-weight:300;text-decoration:none;color:transparent}.light .app-meta-panel .panel-trigger{background-color:#fff0;border-bottom-color:#0001;font-weight:400}.app-meta-panel .panel-trigger:hover{background-color:#ffffff08}.light .app-meta-panel .panel-trigger:hover{background-color:#ffffff54}.app-meta-panel .panel-trigger:active{background-color:#fff0}.app-meta-panel.collapsed .panel-trigger{border-bottom-color:#fff0}.light .app-meta-panel.collapsed .panel-trigger{border-bottom-color:#0000}.app-meta-panel .panel-body-bottom .panel-preview:first-child .panel-trigger{border-top:1px solid rgba(255,255,255,.067)}.light .app-meta-panel .panel-body-bottom .panel-preview:first-child .panel-trigger{border-top-color:#0001}.app-meta-panel.collapsed .panel-body-bottom .panel-preview:first-child .panel-trigger{border-top-color:#fff0}.light .app-meta-panel.collapsed .panel-body-bottom .panel-preview:first-child .panel-trigger{border-top-color:#0000}.app-meta-panel .panel-trigger .selection-indicator{transition:border-color .2s cubic-bezier(.3,.1,.15,.95);position:absolute;top:10px;right:10px;box-sizing:border-box;width:13px;height:13px;box-shadow:inset 0 0 0 1px #00000026,0 0 0 1px #00000026;border:1px solid rgba(255,255,255,.25);border-radius:13px}.light .app-meta-panel .panel-trigger .selection-indicator{box-shadow:inset 0 0 0 1px #ffffff26,0 0 0 1px #ffffff26;border-color:#00000040}.app-meta-panel .panel-trigger.selected .selection-indicator{border-color:#ffffffbf}.light .app-meta-panel .panel-trigger.selected .selection-indicator{border-color:#000000bf}.app-meta-panel .panel-trigger .selection-indicator:after{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;inset:2px;opacity:.001;background-color:#ffffffbf;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #00000026;border-radius:7px}.light .app-meta-panel .panel-trigger .selection-indicator:after{background-color:#000000bf;box-shadow:inset 0 0 0 1px #00000040,0 0 0 1px #ffffff26}.app-meta-panel .panel-trigger.selected .selection-indicator:after{opacity:1}.app-meta-panel .panel-trigger .panel-icon{transition:inset .4s cubic-bezier(.3,.1,.15,.95);position:absolute;top:10px;left:15px;width:27px;height:27px;margin-top:1px;margin-left:1px;font-size:0}.app-meta-panel.collapsed .panel-trigger .panel-icon{left:10px}.app-meta-panel .panel-preview.badge .panel-trigger .panel-icon:after{content:"";position:absolute;z-index:1;top:1px;right:-1px;box-sizing:border-box;width:7px;height:7px;background-color:#d00;box-shadow:0 0 0 1px #00000026;border:1px solid rgba(255,255,255,.067);border-radius:7px}.light .app-meta-panel .panel-preview.badge .panel-trigger .panel-icon:after{box-shadow:0 0 0 1px #ffffff26;border-color:#0001}.app-meta-panel .panel-trigger .panel-icon>svg{transition:opacity .4s cubic-bezier(.3,.1,.15,.95);position:absolute;inset:0;opacity:1}.app-meta-panel .panel-trigger .panel-icon>svg.account-solid-27-icon{opacity:.9}.logged-out .app-meta-panel .panel-trigger .panel-icon>svg.account-solid-27-icon{opacity:.001}.logged-in .app-meta-panel .panel-trigger .panel-icon>svg.account-27-icon{opacity:.001}.app-meta-panel .panel-preview:not(.studio) .panel-trigger .panel-icon>svg>path{paint-order:stroke;fill:#fff;stroke-width:10;stroke:#00000026}.light .app-meta-panel .panel-preview:not(.studio) .panel-trigger .panel-icon>svg>path{fill:#000;stroke:#ffffff26}.app-meta-panel .panel-trigger .panel-title{transition:inset .4s cubic-bezier(.3,.1,.15,.95),opacity .4s cubic-bezier(.3,.1,.15,.95);position:absolute;top:10px;left:48px;display:block;box-sizing:border-box;height:28px;paint-order:stroke;line-height:28px;font-size:16px;font-weight:400;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .app-meta-panel .panel-trigger .panel-title{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.app-meta-panel.collapsed .panel-trigger .panel-title{top:10px;left:43px;opacity:.001}.app-meta-panel .panel-trigger .panel-description{transition:opacity .4s cubic-bezier(.3,.1,.15,.95),padding .4s cubic-bezier(.3,.1,.15,.95);position:relative;top:0;display:block;padding:42px 18px 14px;paint-order:stroke;line-height:1.3;font-size:14px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffffab}.light .app-meta-panel .panel-trigger .panel-description{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000000ab}.app-meta-panel.collapsed .panel-trigger .panel-description{opacity:.001;padding-left:13px;padding-right:23px}.app-meta-panel .panel-trigger .panel-description>span{display:block}.app-meta-panel .panel-trigger .panel-description>time{display:block;margin-top:.75em;line-height:1.2;font-size:11px;text-transform:uppercase;color:#ffffff80}.light .app-meta-panel .panel-trigger .panel-description>time{color:#00000080}.app-meta-panel .panel-settings-menu{transition:opacity .4s cubic-bezier(.3,.1,.15,.95),margin .4s cubic-bezier(.3,.1,.15,.95);position:absolute;top:0;right:0;left:0;overflow:hidden;display:block;box-sizing:border-box;margin:46px 10px 14px;background-color:#fff1;border-radius:9px}.light .app-meta-panel .panel-settings-menu{background-color:#0001}.app-meta-panel.collapsed .panel-settings-menu{opacity:.001;margin-left:5px;margin-right:15px}.app-meta-panel .panel-setting{display:flex;justify-content:space-between;align-items:center;height:36px;padding-left:10px;padding-right:10px}.app-meta-panel .panel-setting:not(:last-child){box-shadow:inset 0 -1px #fff1}.light .app-meta-panel .panel-setting:not(:last-child){box-shadow:inset 0 -1px #0001}.app-meta-panel .panel-setting.button{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);background-color:#fff0}.app-meta-panel .panel-setting.button:hover{background-color:#ffffff08}.app-meta-panel .panel-setting.button:active{background-color:#fff0}.app-meta-panel .panel-setting-name{paint-order:stroke;line-height:36px;font-size:13px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .app-meta-panel .panel-setting-name{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.app-meta-panel .panel-setting-icon{position:relative;display:block;width:19px;height:19px}.app-meta-panel .panel-setting-icon>svg{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:absolute;inset:0;opacity:.001;width:100%;height:100%;paint-order:stroke}.app-meta-panel .panel-setting.light .panel-setting-icon>svg.sun-19-icon{opacity:1}.app-meta-panel .panel-setting.dark .panel-setting-icon>svg.moon-19-icon{opacity:1}.app-meta-panel .panel-setting.system .panel-setting-icon>svg.computer-19-icon{opacity:1}.app-meta-panel .panel-setting.visible .panel-setting-icon>svg.eye-open-19-icon{opacity:1}.app-meta-panel .panel-setting.hidden .panel-setting-icon>svg.eye-closed-19-icon{opacity:.5}.app-meta-panel .panel-setting-icon>svg>path{fill:#fff;stroke-width:10;stroke:#00000026}.light .app-meta-panel .panel-setting-icon>svg>path{fill:#000;stroke:#ffffff26}.app-meta-panel .copyright{position:relative;overflow:hidden;display:block;width:100%;height:66px}.app-meta-panel .copyright>p{transition:padding-left .4s cubic-bezier(.3,.1,.15,.95);position:absolute;inset:auto 0 0;box-sizing:border-box;padding:14px 18px;paint-order:stroke;line-height:13px;font-size:11px;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffff80}.light .app-meta-panel .copyright>p{font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#00000080}.app-meta-panel.collapsed .copyright>p{transition:padding-top .4s cubic-bezier(.3,.1,.15,.95);transform-origin:bottom left;transform:rotate(-90deg) translateY(100%);right:auto;width:66px;padding:11px 14px}.home-panel .hero-background{transform:translate(-50%);position:absolute;top:0;left:50%;max-width:2000px;height:auto}.home-panel .buttons{display:flex;flex-wrap:wrap}.home-panel .button{position:relative;display:block;box-sizing:border-box;max-width:100%;border-radius:100px;line-height:1.25;text-align:center;text-decoration:none;cursor:pointer}.home-panel .button>span{transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:100%}.home-panel .button>span small{display:block;font-size:12px}.home-panel .prompt{font-weight:300;text-shadow:0 0 5px rgba(255,255,255,.5);color:#fff}.home-panel .prompt.light{font-weight:400;text-shadow:0 0 5px rgba(255,255,255,.3)}.home-panel .prompt>p,.home-panel .prompt>blockquote{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto}.home-panel .prompt h2,.home-panel .prompt p,.home-panel .prompt blockquote{-webkit-user-select:text;user-select:text;cursor:text}.home-panel .prompt h2{line-height:1.2;text-align:center}.home-panel .prompt p{line-height:1.4}.home-panel .prompt a{text-decoration:none;color:#fff}.home-panel .hero-prompt{box-sizing:border-box;height:100%}.home-panel .hero-prompt h1{line-height:1.2;font-weight:400;text-shadow:0 0 10px rgba(255,255,255,.67);color:#fff;-webkit-user-select:text;user-select:text;cursor:text}.home-panel .hero-prompt .button{background-color:#fff;box-shadow:0 0 15px #ffffffab;font-weight:500;text-shadow:0 0 4px rgba(112,199,253,.3)}.glass .home-panel .hero-prompt .button{background-color:#ffffffd9;-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.home-panel .hero-prompt .button>span{background-image:linear-gradient(to bottom,#7a69d9 0% 25%,#ea72b4 75% 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.home-panel .story-prompt .story{display:flex;box-sizing:border-box;flex-direction:column;width:100%}.home-panel .story-prompt.align-middle .story{transform:translateY(-50%);position:absolute;top:50%}.home-panel .story-prompt p{box-sizing:border-box;width:100%;max-width:720px;margin:0 auto;-webkit-user-select:text;user-select:text;cursor:text}.home-panel .story-prompt em{font-style:normal}.home-panel .story-prompt.light em{font-weight:450}.home-panel .product-prompt .browser{position:relative;overflow:hidden;width:1080px;max-width:100%;margin-left:auto;margin-right:auto;background-color:#ffffff1a;box-shadow:0 0 60px #0000004d;border-radius:var(--border-radius)}.glass .home-panel .product-prompt .browser{-webkit-backdrop-filter:saturate(133%) blur(30px);backdrop-filter:saturate(133%) blur(30px)}.home-panel .product-prompt .browser:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff1;border-radius:var(--border-radius);mix-blend-mode:hard-light}.home-panel .product-prompt.light .browser:after{box-shadow:inset 0 0 0 1px #ffffff40}.home-panel .product-prompt .browser-title-bar{display:flex;align-items:center}.home-panel .product-prompt .browser-title-bar>svg{height:auto;opacity:.2}.home-panel .product-prompt.light .browser-title-bar>svg{opacity:.4}.home-panel .product-prompt .browser-title-bar>svg>circle{fill:#fff}.home-panel .product-prompt .browser-content{position:relative}.home-panel .product-prompt .browser-content:before{content:"";position:absolute;inset:0 0 auto;height:1px;box-shadow:0 -1px #00000040,0 -1px #1f2021,inset 0 1px #fff1}.light .home-panel .product-prompt .browser-content:before{box-shadow:0 -1px #0001,inset 0 1px #ffffff40,inset 0 1px #f3f4f5}.home-panel .product-prompt .browser-content>img{display:block;width:100%;height:auto}.home-panel .steps-prompt .steps{display:flex;flex-direction:column}.home-panel .steps-prompt .step{position:relative;display:flex;width:100%;max-width:1080px;margin:0 auto;justify-content:center;align-items:center}@media(width<1056px){.home-panel .steps-prompt .step{flex-direction:column;text-align:center}}@media(width<480px){.home-panel .steps-prompt .step{text-align:start}}.home-panel .steps-prompt .step-number{display:block;flex:none;border:1px solid rgba(255,255,255,.5);font-weight:200;text-align:center;color:#fff}.home-panel .steps-prompt.light .step-number{font-weight:300}.home-panel .steps-prompt figure{overflow:hidden;display:block;flex:none;width:320px;max-width:100%;box-shadow:0 0 30px #0000004d;border-radius:12px}.home-panel .steps-prompt img{display:block;width:100%;height:auto}.home-panel .step-description{display:flex;flex-direction:column;max-width:28em;margin-left:auto;margin-right:auto;line-height:1.4;-webkit-user-select:text;user-select:text;cursor:text}.home-panel .testimonial-prompt .testimonials{display:flex;flex-direction:column}.home-panel .testimonial-prompt blockquote{display:flex;flex-direction:column;text-align:center;-webkit-user-select:text;user-select:text;cursor:text}.home-panel .testimonial-prompt blockquote p{width:100%;max-width:20em;margin-left:auto;margin-right:auto}.home-panel .testimonial-prompt blockquote dt{display:none}.home-panel .testimonial-prompt .source-name{display:block;line-height:1.5}.home-panel .testimonial-prompt.light .source-name{font-weight:450}.home-panel .testimonial-prompt .source-title{display:block;line-height:1.5}.home-panel .testimonial-prompt.light .source-title{font-weight:450}.home-panel .cta-prompt .cta{box-sizing:border-box;width:100%}.home-panel .cta-prompt .cta.align-middle{transform:translateY(-50%);position:absolute;top:50%}.home-panel .cta-prompt h2{max-width:12em;margin-left:auto;margin-right:auto}.home-panel .cta-prompt h2>span{display:block}@media(width<768px){.home-panel .cta-prompt h2>span{display:inline}}.home-panel .cta-prompt p{max-width:28em;margin-left:auto;margin-right:auto;line-height:1.8;text-align:center;-webkit-user-select:text;user-select:text;cursor:text}.home-panel .cta-prompt p>span{display:block}@media(width<768px){.home-panel .cta-prompt p>span{display:inline}}.home-panel .cta-prompt .buttons{justify-content:center}.home-panel .cta-prompt .button{background-color:#0000001a;box-shadow:0 0 40px #0003;font-weight:400;text-shadow:0 0 3px rgba(255,255,255,.5);color:#fff}.home-panel .cta-prompt.light .button{background-color:#ffffff1a;font-weight:500;text-shadow:0 0 3px rgba(255,255,255,.3)}.glass .home-panel .cta-prompt .button{-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.home-panel .cta-prompt .button:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff20;border-radius:100px}.home-panel .cta-prompt.light .button:after{box-shadow:inset 0 0 0 1px #ffffff40}.home-panel .cta-prompt .button small{font-weight:300}.home-panel .cta-prompt.light .button small{font-weight:400}.logged-in .home-panel .cta-prompt p.small{display:none}.home-panel .cta-prompt .featured-by{position:absolute;right:0;bottom:0;left:0;overflow:hidden;padding-top:30px;padding-bottom:40px;background-color:#0000001a;box-shadow:0 0 60px #0003}.home-panel .cta-prompt.light .featured-by{background-color:#ffffff1a}.glass .home-panel .cta-prompt .featured-by{-webkit-backdrop-filter:saturate(133%) blur(30px);backdrop-filter:saturate(133%) blur(30px)}.home-panel .cta-prompt .featured-by.position-static{position:static;inset:auto}.home-panel .cta-prompt .featured-by:after{content:"";position:absolute;inset:0;box-shadow:inset 0 1px #fff1}.home-panel .cta-prompt.light .featured-by:after{box-shadow:inset 0 1px #fff2}.home-panel .cta-prompt .featured-by h3{line-height:1.2;text-align:center;text-transform:uppercase;text-shadow:0 0 3px rgba(255,255,255,.5);letter-spacing:2px;color:#fff}.home-panel .cta-prompt.light .featured-by h3{text-shadow:0 0 3px rgba(255,255,255,.3)}.home-panel .cta-prompt .marquee{position:relative;overflow:hidden;width:100%;height:54px}.home-panel .cta-prompt .marquee-content{position:absolute;top:0;display:flex;align-items:center;column-gap:60px;padding-left:60px;color:#fff}.home-panel .cta-prompt img{display:block;width:auto}.home-panel .cta-prompt .oreilly{height:22px}.home-panel .cta-prompt .propublica{height:24px}.home-panel .cta-prompt .css-tricks{height:22px}.home-panel .cta-prompt .creative-market{height:36px}.home-panel .cta-prompt .kottke{height:18px}.home-panel .cta-prompt .adobe{height:28px}.home-panel .cta-prompt .hubspot{height:30px}.home-panel .cta-prompt .shutterstock{position:relative;top:-2px;height:22px}.home-panel .cta-prompt .smashing-magazine{position:relative;top:10px;height:50px}.account-wall-panel .hero-background{position:absolute;inset:0;width:100%;height:100%;object-position:top center;object-fit:cover;background-color:#180937}.account-wall-panel form{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:absolute;visibility:hidden}.account-wall-panel form .background{position:absolute;inset:0;background-image:linear-gradient(to right,#55566d80,#5f627380,#939ba680,#8ea8ba80,#6995b080),linear-gradient(to bottom,#696d88e6,#81809ae6,#8492a4e6,#78949ae6,#60838be6)}.glass .account-wall-panel form .background{background-color:#17212b20;background-image:none;-webkit-backdrop-filter:saturate(133%) blur(60px);backdrop-filter:saturate(133%) blur(60px)}.account-wall-panel form>header{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);mix-blend-mode:overlay;paint-order:stroke;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.account-wall-panel form>header h2{line-height:1.15}.account-wall-panel form .fields{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);mix-blend-mode:overlay;display:flex;flex-direction:column}.account-wall-panel form .text-input{transition:border-color .2s cubic-bezier(.3,.1,.15,.95);display:block;width:100%;padding:0;paint-order:stroke;background-color:transparent;border-bottom:1px solid rgba(255,255,255,.5);-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.account-wall-panel form .text-input:focus{border-bottom-color:#fff}.account-wall-panel form .text-input::placeholder{-webkit-text-stroke:1px rgba(0,0,0,.125);text-stroke:1px rgba(0,0,0,.125);color:#ffffffe6}.account-wall-panel form>footer{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:absolute;inset:auto 0 0;mix-blend-mode:overlay;display:flex;justify-content:space-between;align-items:flex-end}.account-wall-panel form .primary-actions{display:flex}.account-wall-panel form .primary-actions button{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);display:block;padding:0;paint-order:stroke;background-color:#000000bf;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.account-wall-panel form .primary-actions button:hover{background-color:#000000df}.account-wall-panel form .primary-actions button:active{background-color:#000}.account-wall-panel form .secondary-actions{display:block;paint-order:stroke;line-height:1.5;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffffbf}.account-wall-panel form .secondary-actions ul{display:flex;flex-direction:column;row-gap:.67em}.account-wall-panel form .secondary-actions a{transition:border-color .2s cubic-bezier(.3,.1,.15,.95),color .2s cubic-bezier(.3,.1,.15,.95);padding:.0667em 0;border-bottom:1px solid rgba(255,255,255,.5);text-decoration:none;color:#ffffffbf}.account-wall-panel form .secondary-actions a:hover{border-bottom-color:#ffffffbf;color:#fff}.account-wall-panel form .secondary-actions a:active{border-bottom-color:#ffffff9f;color:#ffffffdf}.studio-panel .panel-set{transition:left .4s cubic-bezier(.3,.1,.15,.95);position:absolute;inset:0}.color-grid-panel:after{content:"";position:absolute;z-index:99;top:0;right:0;bottom:0;width:1px;box-shadow:inset 1px 0 #00000040,inset 1px 0 #1f2021}.light .color-grid-panel:after{box-shadow:inset 1px 0 #0001}.color-grid-panel:not(.overlap-right) .panel-window:after{display:none}.color-grid-panel.overlap-right .panel-header:before{content:"";position:absolute;top:0;bottom:0;right:0;width:1px;box-shadow:inset 1px 0 #00000040,inset 1px 0 #1f2021}.light .color-grid-panel.overlap-right .panel-header:before{box-shadow:inset 1px 0 #0001}.color-grid-panel canvas{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);opacity:.5}.light .color-grid-panel canvas{opacity:.65}.color-grid-panel.unmasked canvas{opacity:1}.color-grid-panel .select-color-link{position:absolute;z-index:1;inset:0}.color-scale-panel{--sub-panel-header-height: 34px}.color-scale-panel:before{content:"";position:absolute;z-index:99;top:0;bottom:0;left:0;width:1px;box-shadow:inset 1px 0 #fff1}.light .color-scale-panel:before{box-shadow:inset 1px 0 #ffffff40,inset 1px 0 #f3f4f5}#app:not(.light) .color-grid-panel.sliver+.color-scale-panel:not(.sliver):before{height:calc(var(--panel-header-height) + var(--sub-panel-header-height))}#app:not(.light) .color-grid-panel:not(.sliver)+.color-scale-panel:not(.sliver):before{height:var(--panel-header-height)}.color-scale-panel .panel-window:before{display:none}.color-scale-panel .panel-header{z-index:5;display:block;background-color:transparent;box-shadow:none}.glass .color-scale-panel .panel-header{background-color:transparent}.light.glass .color-scale-panel:not(.dark) .panel-header{background-color:transparent}.color-scale-panel.overlap-left:not(.sliver) .panel-header:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;box-shadow:inset 1px 0 #fff1}.light .color-scale-panel.overlap-left:not(.sliver) .panel-header:before{box-shadow:inset 1px 0 #ffffff40,inset 1px 0 #f3f4f5}.color-scale-panel .panel-header:after{display:none}.color-scale-panel .panel-header>.scroll-content{position:relative;display:flex;box-sizing:border-box;width:max-content;min-width:100%;min-height:100%;padding:0 18px;align-items:flex-start}.color-scale-panel .panel-header>.scroll-content:after{content:"";position:absolute;right:0;bottom:0;left:0;height:1px;box-shadow:inset 0 1px #fff1}.light .color-scale-panel .panel-header>.scroll-content:after{box-shadow:inset 0 1px #0001}.color-scale-panel .panel-header-background{position:absolute;z-index:-1;inset:0;background-color:transparent}.glass .color-scale-panel .panel-header-background{background-color:#1f202180;-webkit-mask-position:top left;mask-position:top left;-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.light.glass .color-scale-panel .panel-header-background{background-color:#f3f4f566}.color-scale-panel .panel-data-control{display:flex;margin-top:10px;margin-right:16px;height:33px;border-radius:6px;box-shadow:0 0 0 1px #00000040,0 0 0 1px #1f2021}.light .color-scale-panel .panel-data-control{box-shadow:0 0 0 1px #00000060}.color-scale-panel .recent-colors{flex:none;display:flex}.color-scale-panel .recent-colors li{flex:none;width:8px;height:33px}.color-scale-panel .recent-colors li:hover{z-index:1;width:12px;height:37px;margin:-2px;box-shadow:0 0 5px #00000080}.light .color-scale-panel .recent-colors li:hover{box-shadow:0 0 5px #0000004d}.color-scale-panel .recent-colors li:active{height:35px;margin-top:-1px;margin-bottom:-1px}.color-scale-panel .recent-colors li:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px}.color-scale-panel .recent-colors li.alpha{background-image:url(https://static.0to255.com/images/alpha-grid-433764e6.png);background-size:8px 8px;background-repeat:repeat}.color-scale-panel .recent-colors li a{position:relative;display:block;width:100%;height:100%}.color-scale-panel .recent-colors li:first-child a{border-top-left-radius:6px;border-bottom-left-radius:6px}.color-scale-panel .recent-colors li a:before{content:"";position:absolute;inset:0;box-sizing:border-box;border:1px solid transparent}.light .color-scale-panel .recent-colors li a:before{border-color:#f3f4f5}.color-scale-panel .recent-colors li:hover a:before{display:none}.color-scale-panel .recent-colors li:first-child a:before{border-top-left-radius:6px;border-bottom-left-radius:6px}.color-scale-panel .recent-colors li:not(:hover) a:before{border-right:none}.color-scale-panel .recent-colors li:not(:first-child,:hover) a:before{border-left:none}.color-scale-panel .recent-colors li a:after{content:"";position:absolute;inset:0;box-sizing:border-box;border:1px solid rgba(255,255,255,.375)}.light .color-scale-panel .recent-colors li a:after{border-color:#ffffff40}.color-scale-panel .recent-colors li:hover a:after{display:none}.color-scale-panel .recent-colors li:first-child a:after{border-top-left-radius:6px;border-bottom-left-radius:6px}.color-scale-panel .recent-colors li:not(:hover) a:after{border-right:none}.color-scale-panel .recent-colors li:not(:first-child,:hover) a:after{border-left:none}.color-scale-panel .color-query{--color: transparent;position:relative;flex:none;display:flex;border-top-right-radius:6px;border-bottom-right-radius:6px}.color-scale-panel .color-query.alpha{background-image:url(https://static.0to255.com/images/alpha-grid-433764e6.png);background-size:8px 8px;background-repeat:repeat}.color-scale-panel .color-query:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;inset:0;background-color:var(--color);border:1px solid transparent;border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px}.light .color-scale-panel .color-query:before{border-color:#f3f4f5}.color-scale-panel .color-query:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.375);border-left:none;border-top-right-radius:6px;border-bottom-right-radius:6px}.light .color-scale-panel .color-query:after{border-color:#ffffff40}.color-scale-panel .random-color-link{position:relative;z-index:1;flex:none;padding:4px 6px}.color-scale-panel .random-color-link>svg{display:block;width:25px;height:25px}.color-scale-panel .random-color-link>svg>path{transition:fill .2s cubic-bezier(.3,.1,.15,.95),stroke .2s cubic-bezier(.3,.1,.15,.95);paint-order:stroke;fill:#fff;stroke-width:10;stroke:#00000026}.light .color-scale-panel .random-color-link>svg>path{fill:#000;stroke:#ffffff26}.color-scale-panel .color-query.white-text .random-color-link>svg>path{fill:#fff;stroke:#00000026}.color-scale-panel .color-query.black-text .random-color-link>svg>path{fill:#000;stroke:#ffffff26}.color-scale-panel .color-query-input{position:relative;z-index:1;flex:none}.color-scale-panel .color-query-input>input{transition:color .2s cubic-bezier(.3,.1,.15,.95);display:block;box-sizing:border-box;width:0;min-width:36px;height:33px;margin-right:-1px;padding:8px 2px;paint-order:stroke;background-color:transparent;line-height:1;font-size:17px;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .color-scale-panel .color-query-input>input{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.color-scale-panel .color-query.white-text .color-query-input>input{-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.color-scale-panel .color-query.black-text .color-query-input>input{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.color-scale-panel .color-query-input>input::placeholder{color:#ffffff80}.light .color-scale-panel .color-query-input>input::placeholder{color:#00000080}.color-scale-panel .color-query.white-text .color-query-input>input::placeholder{color:#ffffff80}.color-scale-panel .color-query.black-text .color-query-input>input::placeholder{color:#00000080}.color-scale-panel .color-query .select-color-link{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:relative;z-index:1;flex:none;padding:4px 6px}.color-scale-panel .color-query .select-color-link.disabled{opacity:.25;cursor:default}.color-scale-panel .color-query .select-color-link>svg{display:block;width:25px;height:25px}.color-scale-panel .color-query .select-color-link>svg>path{transition:fill .2s cubic-bezier(.3,.1,.15,.95),stroke .2s cubic-bezier(.3,.1,.15,.95);paint-order:stroke;fill:#fff;stroke-width:10;stroke:#00000026}.light .color-scale-panel .color-query .select-color-link>svg>path{fill:#000;stroke:#ffffff26}.color-scale-panel .color-query.black-text .select-color-link>svg>path{fill:#000;stroke:#ffffff26}.color-scale-panel .color-query.white-text .select-color-link>svg>path{fill:#fff;stroke:#00000026}.color-scale-panel .panel-view-options{display:flex;column-gap:9px}.color-scale-panel .panel-view-option{display:flex;box-sizing:border-box;height:35px;margin-top:9px;padding:6px;border-radius:9px}.color-scale-panel .panel-view-option>svg{display:block;flex:none;width:19px;height:19px;margin:2px 5px 2px 0;opacity:.67;paint-order:stroke;stroke-width:10}.color-scale-panel .panel-view-option>svg>path{fill:#fff;stroke:#00000026}.light .color-scale-panel .panel-view-option>svg>path{fill:#000;stroke:#ffffff26}.color-scale-panel .panel-view-option .selector-button{margin-right:3px}.color-scale-panel .panel-view-option .selector-button.copy-format-selector{margin-right:6px}.color-scale-panel .color-scale-tabs{position:relative;display:flex;height:23px;margin-right:3px;column-gap:1px;box-shadow:inset 0 0 7px #00000026,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:5px}.light .color-scale-panel .color-scale-tabs{box-shadow:inset 0 0 7px #00000026,0 0 0 1px #0006}.color-scale-panel .color-scale-tabs:after{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:6px;box-shadow:0 0 0 1px #fff1}.color-scale-panel .color-scale-tab{position:relative;overflow:hidden;display:block;flex:none;box-sizing:border-box;width:23px;height:23px;paint-order:stroke;background-color:#1f202199;box-shadow:inset 0 0 0 1px #ffffff60;line-height:23px;font-size:13px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff;white-space:nowrap;cursor:default}.light .color-scale-panel .color-scale-tab{background-color:#f3f4f599;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.color-scale-panel .color-scale-tab.active{background-color:transparent;box-shadow:none;color:#ffffffe6}.light .color-scale-panel .color-scale-tab.active{color:#000000e6}.color-scale-panel .color-scale-tab:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.color-scale-panel .color-scale-tab:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.color-scale-panel .color-scale-tab:not(:first-child,.active){box-shadow:inset 0 0 0 1px #ffffff60,-1px 0 #00000040,-1px 0 #1f2021}.light .color-scale-panel .color-scale-tab:not(:first-child,.active){box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,-1px 0 #00000060}.color-scale-panel .color-scale-tab:not(.active)+.color-scale-tab.active:not(:first-child){box-shadow:-1px 0 #00000040,-1px 0 #1f2021}.light .color-scale-panel .color-scale-tab:not(.active)+.color-scale-tab.active:not(:first-child){box-shadow:-1px 0 #00000060}.color-scale-panel .color-scale-tab:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;z-index:-1;inset:0;background-color:#fff0}.color-scale-panel .color-scale-tab:hover:before{background-color:#ffffff08}.light .color-scale-panel .color-scale-tab:hover:before{background-color:#ffffff54}.color-scale-panel .color-scale-tab:active:before{background-color:#fff0}.color-scale-panel .step-size-input-fields{position:relative;display:flex;height:23px;margin-right:3px;column-gap:1px;box-shadow:inset 0 0 7px #00000026,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:5px}.light .color-scale-panel .step-size-input-fields{box-shadow:inset 0 0 7px #00000026,0 0 0 1px #0006}.color-scale-panel .step-size-input-fields:after{content:"";position:absolute;z-index:-1;inset:-1px;border-radius:6px;box-shadow:0 0 0 1px #fff1}.color-scale-panel .step-size-button{position:relative;overflow:hidden;display:block;flex:none;box-sizing:border-box;width:23px;height:23px;paint-order:stroke;background-color:#1f202199;box-shadow:inset 0 0 0 1px #ffffff60;line-height:23px;font-size:13px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff;white-space:nowrap;cursor:default}.light .color-scale-panel .step-size-button{background-color:#f3f4f599;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.color-scale-panel .step-size-button:first-child{box-shadow:inset 0 0 0 1px #ffffff60,1px 0 #00000040,1px 0 #1f2021;border-top-left-radius:5px;border-bottom-left-radius:5px}.light .color-scale-panel .step-size-button:first-child{box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,1px 0 #00000060}.color-scale-panel .step-size-button:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.color-scale-panel .step-size-button:not(:first-child){box-shadow:inset 0 0 0 1px #ffffff60,-1px 0 #00000040,-1px 0 #1f2021}.light .color-scale-panel .step-size-button:not(:first-child){box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,-1px 0 #00000060}.color-scale-panel .step-size-button:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;z-index:-1;inset:0;background-color:#fff0}.color-scale-panel .step-size-button:hover:before{background-color:#ffffff08}.light .color-scale-panel .step-size-button:hover:before{background-color:#ffffff54}.color-scale-panel .step-size-button:active:before{background-color:#fff0}.color-scale-panel .step-size-button>svg{position:absolute;top:4px;left:4px;width:15px;height:15px}.color-scale-panel .step-size-button>svg>path{fill:#fff;stroke-width:10;stroke:#00000026}.light .color-scale-panel .step-size-button>svg>path{fill:#000;stroke:#ffffff26}.color-scale-panel .step-size-input{display:block;flex:none;width:34px;height:23px;padding:0;paint-order:stroke;background-color:transparent;line-height:23px;font-size:13px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .color-scale-panel .step-size-input{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.color-scale-panel .copy-format-settings-selector{width:34px;padding:0}.color-scale-panel .copy-format-settings-selector svg.gear-19-icon{position:absolute;top:2px;left:2px;width:19px;height:19px;paint-order:stroke;stroke-width:10}.color-scale-panel .copy-format-settings-selector.disabled svg.gear-19-icon{opacity:.25}.color-scale-panel .copy-format-settings-selector svg.gear-19-icon>path{fill:#fff;stroke:#00000026}.light .color-scale-panel .copy-format-settings-selector svg.gear-19-icon>path{fill:#000;stroke:#ffffff26}.color-scale-panel .copy-format-settings-selector svg.caret-down-21-icon{right:-2px}.color-scale-panel .sub-panels{overflow-y:hidden;height:100%}.color-scale-panel .sub-panels>.scroll-content{overflow-y:hidden;display:flex;min-width:100%;height:100%}.color-scale-panel .loupe{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:fixed;z-index:9999;left:100%;visibility:hidden;opacity:.001;display:flex;column-gap:8px;padding:7px;background-color:#101010df;border-radius:11px}.glass .color-scale-panel .loupe{-webkit-backdrop-filter:invert(30%) blur(10px);backdrop-filter:invert(30%) blur(10px)}.color-scale-panel .loupe-colors{display:block;overflow:visible;flex:none;width:24px;border-radius:4px}.color-scale-panel .loupe-colors .color{position:relative;display:block;width:24px;height:24px}.color-scale-panel .loupe-colors .color.alpha{background-image:url(https://static.0to255.com/images/alpha-grid-433764e6.png);background-size:8px 8px;background-repeat:repeat}.color-scale-panel .loupe-colors .color.comparison-color{border-top-left-radius:5px;border-top-right-radius:5px}.color-scale-panel .loupe-colors .color.base-color{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.color-scale-panel .loupe-colors .color:before{content:"";position:absolute;inset:0;background-color:var(--color)}.color-scale-panel .loupe-colors .color.comparison-color:before{border-top-left-radius:4px;border-top-right-radius:4px}.color-scale-panel .loupe-colors .color.base-color:before{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.color-scale-panel .loupe-colors .color>svg{position:absolute;top:0;left:0;width:24px;height:24px}.color-scale-panel .loupe-details{flex-shrink:0;padding-right:2px}.color-scale-panel .loupe-details>li{display:block;paint-order:stroke;line-height:16px;font-size:10px;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.news-articles-panel{box-sizing:border-box}.news-articles-panel .panel-header .panel-title{padding-left:10px;padding-right:10px}.news-articles-panel .panel-body{transition:padding-bottom .4s cubic-bezier(.3,.1,.15,.95);padding-bottom:0}.news-articles-panel .cta{box-sizing:border-box;padding:15px 10px;background-color:#ffffff08;border-bottom:1px solid rgba(255,255,255,.067)}.light .news-articles-panel .cta{background-color:#ffffffe6;border-bottom:1px solid rgba(0,0,0,.067)}.news-articles-panel .cta h3{display:block;margin:0;paint-order:stroke;line-height:1.2;font-size:16px;font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#fff}.light .news-articles-panel .cta h3{-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#000}.news-articles-panel .cta p{margin:.33em 0 1em;paint-order:stroke;line-height:1.3;font-size:14px;font-weight:300;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#ffffffab}.light .news-articles-panel .cta p{font-weight:400;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#000000ab}.news-articles-panel .cta p a{text-decoration:underline;color:#ffffffab}.light .news-articles-panel .cta p a{color:#000000ab}.news-articles-panel .cta.newsletter-signup{display:none}.news-articles-panel .cta.newsletter-signup .field{position:relative;margin:8px 0}.news-articles-panel .cta.newsletter-signup input{display:block;box-sizing:border-box;width:100%;height:36px;padding:10px 6em 10px .5em;paint-order:stroke;background-color:#ffffff1a;box-shadow:0 0 0 1px #00000040,0 0 0 1px #1f2021,inset 0 0 0 1px #ffffff20;border-radius:6px;line-height:16px;font-size:14px;font-weight:300;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .news-articles-panel .cta.newsletter-signup input{background-color:#ffffff40;box-shadow:0 0 0 1px #00000020,inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5;font-weight:400;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.news-articles-panel .cta.newsletter-signup input::placeholder{color:#ffffff80}.light .news-articles-panel .cta.newsletter-signup input::placeholder{color:#00000080}.news-articles-panel .cta.newsletter-signup button{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);position:absolute;top:1px;right:1px;box-sizing:border-box;width:6em;height:34px;padding:9px 0;paint-order:stroke;background-color:#0009;border-top-right-radius:5px;border-bottom-right-radius:5px;line-height:16px;font-size:14px;font-weight:300;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.news-articles-panel .cta.newsletter-signup button:hover{background-color:#000000bf}.news-articles-panel .news-articles{display:block}.news-articles-panel .news-article{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);display:block;box-sizing:border-box;padding:12px 10px;background-color:#fff0;border-bottom:1px solid rgba(255,255,255,.067);font-weight:300;text-decoration:none}.light .news-articles-panel .news-article{background-color:#fff0;border-bottom-color:#0001;font-weight:400}.news-articles-panel .news-article:hover{background-color:#ffffff08}.light .news-articles-panel .news-article:hover{background-color:#ffffff54}.news-articles-panel .news-article:active{background-color:#fff0}.news-articles-panel .news-article .news-article-title{position:relative;display:inline-block;paint-order:stroke;line-height:1.2;font-size:16px;font-weight:400;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .news-articles-panel .news-article .news-article-title{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.news-articles-panel .news-article.badge .news-article-title:after{content:"";transform:translateY(-50%);position:absolute;z-index:1;top:50%;right:-12px;box-sizing:border-box;width:7px;height:7px;background-color:#d00;box-shadow:0 0 0 1px #0000001c;border:1px solid rgba(255,255,255,.067);border-radius:7px}.light .news-articles-panel .news-article.badge .news-article-title:after{box-shadow:0 0 0 1px #ffffff1c;border-color:#0001}.news-articles-panel .news-article .news-article-description{display:block;margin:.33em 0;paint-order:stroke;line-height:1.3;font-size:14px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffffab}.light .news-articles-panel .news-article .news-article-description{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000000ab}.news-articles-panel .news-article .news-article-date{display:block;margin-top:.75em;paint-order:stroke;line-height:1.2;font-size:11px;text-transform:uppercase;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffff80}.light .news-articles-panel .news-article .news-article-date{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#00000080}.contact-panel .email-address{font-style:italic}.contact-panel .copy-action{display:inline-block;padding:0 .25em;vertical-align:bottom;background-color:transparent;border:none}.contact-panel .copy-action svg{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);display:inline-block;width:16px;height:16px;opacity:.75}.contact-panel .copy-action:hover svg,.contact-panel .copy-action.copied svg{opacity:1}.contact-panel .copy-action svg>path{transition:fill .2s cubic-bezier(.3,.1,.15,.95);fill:#fff}.light .contact-panel .copy-action svg>path{fill:#000}.contact-panel .copy-action.copied svg>path{fill:#3c3}.light .contact-panel .copy-action.copied svg>path{fill:#0a0}.color-scale-sub-panel{--sub-panel-width: 0;--color-scale-width: 0;--sub-panel-padding-x: calc((var(--sub-panel-width) - var(--color-scale-width)) / 2);width:var(--sub-panel-width);min-width:var(--color-scale-width)}.color-scale-sub-panel:first-child,.color-scale-sub-panel:last-child{flex-grow:1}.color-scales-1 .color-scale-sub-panel{--sub-panel-width: 420px;--color-scale-width: 340px}.color-scales-2 .color-scale-sub-panel{--sub-panel-width: 400px;--color-scale-width: 320px}.color-scales-3 .color-scale-sub-panel{--sub-panel-width: 380px;--color-scale-width: 300px}.color-scales-4 .color-scale-sub-panel{--sub-panel-width: 360px;--color-scale-width: 280px}.color-scale-sub-panel .sub-panel-header{padding:0 16px}.color-scale-sub-panel .sub-panel-body{height:100%}.color-scale-sub-panel .sub-panel-body>.scroll-content{width:var(--color-scale-width);margin-left:auto;margin-right:auto}.color-scale-sub-panel:not(.compact):first-child .sub-panel-body>.scroll-content{margin-right:var(--sub-panel-padding-x)}.color-scale-sub-panel:not(.compact):last-child .sub-panel-body>.scroll-content{margin-left:var(--sub-panel-padding-x)}.color-scale-sub-panel:not(.compact):first-child:last-child .sub-panel-body>.scroll-content{margin-left:auto;margin-right:auto}.color-scale-sub-panel .colors{width:100%;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.color-scale-sub-panel .color{--offset-x: 0;--color: transparent;position:relative;display:block;box-sizing:border-box;width:100%;height:40px}.color-scale-sub-panel .color:hover,.color-scale-sub-panel .color.base-color{right:var(--offset-x);left:var(--offset-x);width:calc(100% + (-2 * var(--offset-x)))}.color-scale-sub-panel .color:hover{--offset-x: -3px;z-index:1}.color-scale-sub-panel .color.base-color{--offset-x: -5px;z-index:2}.color-scale-sub-panel .color.adjusted-color{--offset-x: -5px;transform:translate(var(--offset-x),-50%);position:absolute;z-index:2;top:50%;right:auto;left:auto;width:calc(var(--color-scale-width) + (-2 * var(--offset-x)))}.color-scale-sub-panel.compact .color:hover,.color-scale-sub-panel.compact .color.base-color{right:auto;left:auto;width:100%}.color-scale-sub-panel.compact .color.adjusted-color{transform:translateY(-50%);width:var(--color-scale-width)}.color-scale-sub-panel .color:before{content:"";position:absolute;inset:0 15px;background-color:var(--color)}.color-scale-sub-panel .color:not(.adjusted-color):before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95)}.color-scale-sub-panel .color .button{position:absolute;top:0;bottom:0;outline:none}.color-scale-sub-panel .color .button:nth-child(1){left:0;width:40px;clip-path:inset(-20px 0 -20px -20px)}.color-scale-sub-panel .color .button:nth-child(2){left:40px}.color-scale-sub-panel .color .button:nth-child(3){left:80px}.color-scale-sub-panel .color .button:last-child{right:0;clip-path:inset(-20px -20px -20px 0)}.color-scale-sub-panel:not(.compact) .color .button:last-child.active{right:1px}.color-scale-sub-panel.alpha .color .button{background-image:url(https://static.0to255.com/images/alpha-grid-433764e6.png);background-position:left center;background-size:8px 8px;background-repeat:repeat}.color-scale-sub-panel .color:active .button:not(.active){z-index:1}.color-scale-sub-panel .color .button:nth-child(2):not(:last-child){width:40px;clip-path:inset(-20px 0)}.color-scale-sub-panel .color.button-1-active .button:nth-child(1),.color-scale-sub-panel .color.button-2-active .button:nth-child(1),.color-scale-sub-panel .color.button-2-active .button:nth-child(2),.color-scale-sub-panel .color.button-2-active .button:nth-child(3),.color-scale-sub-panel .color.button-3-active .button:nth-child(3){clip-path:inset(-20px)}.color-scale-sub-panel .color.button-3-active .button:nth-child(2){clip-path:inset(-20px -20px -20px 0)}.color-scale-sub-panel .color.button-1-active .button:nth-child(2):last-child{clip-path:inset(-20px)}.color-scale-sub-panel .color.button-1-active .button:nth-child(2):not(:last-child){clip-path:inset(-20px 0 -20px -20px)}.color-scale-sub-panel:not(.compact) .color.button-1-active .button:nth-child(1){left:1px;width:39px}.color-scale-sub-panel:not(.compact).alpha .color:hover .button{background-position:left 3px center}.color-scale-sub-panel:not(.compact).alpha .color.base-color .button,.color-scale-sub-panel:not(.compact).alpha .color.adjusted-color .button{background-position:left 5px center}.color-scale-sub-panel.color-scale-alpha.alpha .color:first-child .button{background-image:none}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):first-child .button:first-child{border-top-left-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):first-child .button:last-child{border-top-right-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):last-child .button:first-child{border-bottom-left-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):last-child .button:last-child{border-bottom-right-radius:10px}.color-scale-sub-panel .color .button:after{content:"";position:absolute;inset:0}.color-scale-sub-panel .color .button.active:after{display:none}.color-scale-sub-panel .color:first-child .button:after{border-top:1px solid rgba(255,255,255,.067)}.light .color-scale-sub-panel .color:first-child .button:after{border-top-color:#0001}.color-scale-sub-panel .color:last-child .button:after{border-bottom:1px solid rgba(255,255,255,.067)}.color-scale-sub-panel:not(.flush) .color .button:first-child:after{border-left:1px solid rgba(255,255,255,.067)}.light .color-scale-sub-panel:not(.flush) .color:not(.base-color,.adjusted-color,:hover) .button:first-child:after{border-left-color:#0001}.light .color-scale-sub-panel:not(.flush) .color.base-color .button:first-child:after,.light .color-scale-sub-panel:not(.flush) .color.adjusted-color .button:first-child:after,.light .color-scale-sub-panel:not(.flush) .color:hover .button:first-child:after{border-left-color:transparent}.color-scale-sub-panel:not(.flush) .color .button:last-child:after{border-right:1px solid rgba(255,255,255,.067)}.light .color-scale-sub-panel:not(.flush) .color:not(.base-color,.adjusted-color,:hover) .button:last-child:after{border-right-color:#0001}.light .color-scale-sub-panel:not(.flush) .color.base-color .button:last-child:after,.light .color-scale-sub-panel:not(.flush) .color.adjusted-color .button:last-child:after,.light .color-scale-sub-panel:not(.flush) .color:hover .button:last-child:after{border-right-color:transparent}.light .color-scale-sub-panel .color:not(.base-color,.adjusted-color,:hover):last-child .button:after{border-bottom-color:#0001}.light .color-scale-sub-panel .color.base-color:last-child .button:after,.light .color-scale-sub-panel .color.adjusted-color:last-child .button:after,.light .color-scale-sub-panel .color:hover:last-child .button:after{border-bottom-color:transparent}.color-scale-sub-panel .color.black-text:hover .button:after,.color-scale-sub-panel .color.black-text.base-color .button:after,.color-scale-sub-panel .color.black-text.adjusted-color .button:after{border-top:1px solid rgba(255,255,255,.175)}.color-scale-sub-panel .color.white-text:hover .button:after,.color-scale-sub-panel .color.white-text.base-color .button:after,.color-scale-sub-panel .color.white-text.adjusted-color .button:after{border-top:1px solid rgba(255,255,255,.0875)}.color-scale-sub-panel .color.black-text:hover .button:not(:first-child):after,.color-scale-sub-panel .color.black-text.adjusted-color .button:not(:first-child):after{border-left:1px solid rgba(255,255,255,.175)}.color-scale-sub-panel .color.white-text:hover .button:not(:first-child):after,.color-scale-sub-panel .color.white-text.adjusted-color .button:not(:first-child):after{border-left:1px solid rgba(255,255,255,.0875)}.color-scale-sub-panel .color.black-text:hover .button:not(:last-child):after,.color-scale-sub-panel .color.black-text.adjusted-color .button:not(:last-child):after{border-right:1px solid rgba(0,0,0,.0875)}.color-scale-sub-panel .color.white-text:hover .button:not(:last-child):after,.color-scale-sub-panel .color.white-text.adjusted-color .button:not(:last-child):after{border-right:1px solid rgba(0,0,0,.175)}.color-scale-sub-panel .color.base-color+.color:hover .button:after{border-top:none}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):first-child .button:first-child:after{border-top-left-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):first-child .button:last-child:after{border-top-right-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):last-child .button:first-child:after{border-bottom-left-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):last-child .button:last-child:after{border-bottom-right-radius:10px}.color-scale-sub-panel .color .button .background{content:"";position:absolute;inset:0 -20px;background-color:var(--color)}.color-scale-sub-panel .color .button:first-child .background{left:0}.color-scale-sub-panel .color .button:last-child .background{right:0}.color-scale-sub-panel .color:hover .button .background{box-shadow:0 0 10px #00000046}.color-scale-sub-panel .color .button.active .background{box-shadow:0 0 8px #00000046}.color-scale-sub-panel .color.base-color .button .background,.color-scale-sub-panel .color.adjusted-color .button .background{box-shadow:0 0 18px #0000004d}.color-scale-sub-panel .color.base-color .button.active .background,.color-scale-sub-panel .color.adjusted-color .button.active .background{box-shadow:0 0 16px #0000004d}.color-scale-sub-panel .color:not(.adjusted-color) .button .background{transition:background-color .2s cubic-bezier(.3,.1,.15,.95)}.color-scale-sub-panel .color.button-1-active .button:nth-child(1) .background,.color-scale-sub-panel .color.button-2-active .button:nth-child(1) .background,.color-scale-sub-panel .color.button-2-active .button:nth-child(2) .background,.color-scale-sub-panel .color.button-2-active .button:nth-child(3) .background,.color-scale-sub-panel .color.button-3-active .button:nth-child(3) .background{right:0;left:0}.color-scale-sub-panel .color.button-3-active .button:nth-child(2) .background{right:0;left:-20px}.color-scale-sub-panel .color.button-1-active .button:nth-child(2):not(:last-child) .background{right:-20px;left:0}.color-scale-sub-panel .color.button-1-active .button:nth-child(2):last-child .background{right:0;left:0}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):first-child .button:first-child .background{border-top-left-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):first-child .button:last-child .background{border-top-right-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):last-child .button:first-child .background{border-bottom-left-radius:10px}.color-scale-sub-panel:not(.flush) .color:not(.adjusted-color):last-child .button:last-child .background{border-bottom-right-radius:10px}.color-scale-sub-panel .color .button:not(.copy-color-button)>img{transition:filter .2s cubic-bezier(.3,.1,.15,.95);position:absolute;top:7px;left:8px;display:none;width:25px;height:25px}.color-scale-sub-panel .color.adjusted-color .button>img,.color-scale-sub-panel .color:hover .button>img{display:block}.color-scale-sub-panel .color.white-text .button>img{filter:invert(1)}.color-scale-sub-panel .color-expressions-window{position:absolute;inset:0;overflow:hidden}.color-scale-sub-panel .color-expressions{position:absolute;inset:0 0 0 -40px}.color-scale-sub-panel .color.adjusted-color .color-expressions{left:-80px}.color-scale-sub-panel .color-expression{transition:opacity .2s cubic-bezier(.3,.1,.15,.95),color .2s cubic-bezier(.3,.1,.15,.95);transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;opacity:.001;display:flex;box-sizing:border-box;width:100%;justify-content:center;column-gap:3px;paint-order:stroke;line-height:40px;font-size:14px}.color-scale-sub-panel .color.black-text .color-expression{font-weight:500;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.color-scale-sub-panel .color.white-text .color-expression{font-weight:400;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.color-scale-sub-panel .color-expression.hsl,.color-scale-sub-panel .color-expression.oklch{font-size:13px}.color-scale-sub-panel .colors.hex .color-expression.hex,.color-scale-sub-panel .colors.rgb .color-expression.rgb,.color-scale-sub-panel .colors.hsl .color-expression.hsl,.color-scale-sub-panel .colors.oklch .color-expression.oklch{opacity:1}.color-scale-sub-panel .color-expression-icons{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:relative;opacity:.001;flex:none;width:23px;content-visibility:hidden}.color-scale-sub-panel .copy-color-button:hover .color-expression-icons,.color-scale-sub-panel .color-expression.copied .color-expression-icons{opacity:1;content-visibility:visible}.color-scale-sub-panel .color-expression-icons>img{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);position:absolute;top:0;left:0;opacity:.001;display:none;width:23px;height:23px;margin-top:8px}.color-scale-sub-panel .copy-color-button:hover .color-expression-icons>img,.color-scale-sub-panel .color-expression.copied .color-expression-icons>img{display:block}.color-scale-sub-panel .color.white-text .color-expression-icons>img{filter:invert(1)}.color-scale-sub-panel .color.black-text .copy-color-button:hover .color-expression-icons>img:first-child{opacity:1}.color-scale-sub-panel .color.white-text .copy-color-button:hover .color-expression-icons>img:first-child{opacity:1}.color-scale-sub-panel .color.black-text .color-expression.copied .color-expression-icons>img:first-child{opacity:.001}.color-scale-sub-panel .color.white-text .color-expression.copied .color-expression-icons>img:first-child{opacity:.001}.color-scale-sub-panel .color.black-text .color-expression.copied .color-expression-icons>img:last-child{opacity:1}.color-scale-sub-panel .color.white-text .color-expression.copied .color-expression-icons>img:last-child{opacity:1}.color-scale-sub-panel .color-expression-text{transition:left .2s cubic-bezier(.3,.1,.15,.95);position:relative;left:-13px;flex:none;display:none}.color-scale-sub-panel .copy-color-button:hover .color-expression-text,.color-scale-sub-panel .color-expression.copied .color-expression-text{left:0}.color-scale-sub-panel .colors.hex .color-expression.hex .color-expression-text,.color-scale-sub-panel .colors.rgb .color-expression.rgb .color-expression-text,.color-scale-sub-panel .colors.hsl .color-expression.hsl .color-expression-text,.color-scale-sub-panel .colors.oklch .color-expression.oklch .color-expression-text{display:block}.color-scale-sub-panel .status-icons{position:absolute;z-index:1;top:9px;right:9px;display:flex}.color-scale-sub-panel .status-icon{transition:opacity .2s cubic-bezier(.3,.1,.15,.95);display:none;opacity:.001}.color-scale-sub-panel .color.clipped .status-icon.clipped,.color-scale-sub-panel .color.display-p3 .status-icon.display-p3{display:block;opacity:.67}.color-scale-sub-panel .status-icon>img{transition:filter .2s cubic-bezier(.3,.1,.15,.95);display:block}.color-scale-sub-panel .status-icon.clipped>img{margin:1px;width:19px;height:19px}.color-scale-sub-panel .status-icon.display-p3>img{width:21px;height:21px}.color-scale-sub-panel .color.white-text .status-icon>img{filter:invert(1)}.bokeh-background{position:absolute;inset:0}.bokeh-background .bokeh-filter{position:absolute;inset:0;mix-blend-mode:hard-light}.bokeh-background .bokeh-filter>svg{position:absolute;top:0;left:0}.trial-countdown-bar{--height: 80px;transition:bottom .2s cubic-bezier(.3,.1,.15,.95),opacity .2s cubic-bezier(.3,.1,.15,.95);position:absolute;z-index:3;right:0;bottom:-100%;left:0;opacity:.001;display:flex;height:var(--height);background-color:#1f2021f0;box-shadow:inset 1px 1px #fff1,0 0 18px #00000046}.light .trial-countdown-bar{background-color:#f3f4f5e8;box-shadow:inset 1px 1px #ffffff40,inset 1px 1px #f3f4f5,0 0 18px #00000046}.glass .trial-countdown-bar{background-color:#1f2021d9;-webkit-backdrop-filter:saturate(133%) blur(10px);backdrop-filter:saturate(133%) blur(10px)}.light.glass .trial-countdown-bar{background-color:#f3f4f5d1}.trial-countdown-bar .time-remaining-section{display:flex;flex-grow:1}.trial-countdown-bar header{display:flex;flex-grow:0;flex-direction:column;justify-content:center;padding-left:24px;padding-right:30px;box-shadow:1px 0 #00000040,1px 0 #1f2021,inset -1px 0 #fff1;border-radius:var(--height)}.light .trial-countdown-bar header{box-shadow:1px 0 #0001,inset -1px 0 #ffffff40,inset -1px 0 #f3f4f5}.trial-countdown-bar header h2{margin-bottom:5px;line-height:1.2;font-size:19px;font-weight:450;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .trial-countdown-bar header h2{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.trial-countdown-bar header p{line-height:1.2;font-size:11px;font-weight:450;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fffc}.light .trial-countdown-bar header p{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000c}.trial-countdown-bar .time-remaining-text{display:flex;flex-grow:0;align-items:center;padding-left:22px;padding-right:28px}.trial-countdown-bar .time-remaining-text .time-remaining{display:flex}.trial-countdown-bar .time-remaining-text .time-duration{display:block;width:42px;height:38px;margin-bottom:3px;background-image:linear-gradient(to top,#1f202100,#1f202199);border-radius:10px;line-height:38px;font-size:21px;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff}.light .trial-countdown-bar .time-remaining-text .time-duration{background-image:linear-gradient(to top,#f3f4f500,#f3f4f599);-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.trial-countdown-bar .time-remaining-text .time-unit{display:block;font-size:11px;font-weight:450;text-align:center;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fffc}.light .trial-countdown-bar .time-remaining-text .time-unit{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000c}.trial-countdown-bar .time-remaining-text .time-separator{display:block;height:38px;padding:0 3px;line-height:38px;font-size:24px;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#ffffffab}.light .trial-countdown-bar .time-remaining-text .time-separator{-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000000ab}.trial-countdown-bar .time-remaining-bar{display:flex;flex-grow:1;align-items:center}.trial-countdown-bar .time-remaining-bar .progress-bar{position:relative;display:flex;width:100%;height:10px;background-color:#1f202199;box-shadow:inset 0 0 0 1px #ffffff60,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:5px}.light .trial-countdown-bar .time-remaining-bar .progress-bar{background-color:#f3f4f599;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #00000060}.trial-countdown-bar .time-remaining-bar .progress-bar-inner{position:absolute;overflow:hidden;inset:2px;border-radius:3px}.trial-countdown-bar .time-remaining-bar .progress-bar-inner-inner{transition:width .2s cubic-bezier(.3,.1,.15,.95);position:absolute;top:0;bottom:0;left:0;width:20%;background-color:#ffffffab;box-shadow:inset 0 0 0 1px #ffffff20}.light .trial-countdown-bar .time-remaining-bar .progress-bar-inner-inner{background-color:#000000ab;box-shadow:inset 0 0 0 1px #00000020}.trial-countdown-bar .buttons{display:flex;padding-left:28px;padding-right:34px;align-items:center;column-gap:11px;flex-grow:0}.trial-countdown-bar .buttons .button{position:relative;overflow:hidden;display:block;height:38px;padding:0 17px;background-color:#1f202199;box-shadow:inset 0 0 0 1px #ffffff60,0 0 0 1px #00000040,0 0 0 1px #1f2021;border-radius:8px;line-height:38px;font-size:15px;font-weight:450;text-decoration:none;-webkit-text-stroke:1px rgba(0,0,0,.15);text-stroke:1px rgba(0,0,0,.15);color:#fff;cursor:pointer}.light .trial-countdown-bar .buttons .button{background-color:#f3f4f599;box-shadow:inset 0 0 0 1px #ffffff40,inset 0 0 0 1px #f3f4f5,0 0 0 1px #00000060;-webkit-text-stroke:1px rgba(255,255,255,.15);text-stroke:1px rgba(255,255,255,.15);color:#000}.trial-countdown-bar .buttons .button.large{min-width:140px;height:52px;line-height:1.25}.trial-countdown-bar .buttons .button:before{transition:background-color .2s cubic-bezier(.3,.1,.15,.95);content:"";position:absolute;z-index:-1;inset:0;background-color:#fff0}.trial-countdown-bar .buttons .button:hover:before{background-color:#ffffff08}.light .trial-countdown-bar .buttons .button:hover:before{background-color:#ffffff54}.trial-countdown-bar .buttons .button:active:before{background-color:#fff0}.light .trial-countdown-bar .buttons .button:active:before{background-color:#fff0}.trial-countdown-bar .buttons .button.large>span{transform:translate(-50%,-50%);position:absolute;top:50%;left:50%;width:100%}.trial-countdown-bar .buttons .button.large>span small{display:block;font-size:12px}