:root{--font-base:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--font-code:"Monaspace Argon", "Monaco", "Andale Mono", "Lucida Console", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;--body-bg:light-dark(#f8f8f6,#212121);--common-base:light-dark(#f9f9f9,#212121);--common-base-rev:light-dark(#212121,#efeeea);--tooltip-bg-color:light-dark(#f8f8f6,#353535);--modal-bg-color:light-dark(#efeeea,color-mix(in srgb, var(--body-bg) 95%, var(--common-base-rev) 5%));--tooltip-text-color:light-dark(#212121,#ededed);--tooltip-shadow-color:light-dark(#00000015,#00000030);--tooltip-shadow-border:light-dark(#00000040,#00000030);--tooltip-hover:light-dark(#00000012,#00000012);--tooltip-hover-2:light-dark(#00000012,#ededed20);--text-color-0:light-dark(#212121,#f9f9f9);--text-color-1:light-dark(#212121,#ededed);--section-bg-1:light-dark(#21212109,#ededed10);--text-color-2:color-mix(in srgb, var(--text-color-1) 80%, var(--body-bg));--text-color-3:color-mix(in srgb, var(--text-color-1) 50%, var(--body-bg));--text-color-4:color-mix(in srgb, var(--text-color-1) 30%, var(--body-bg));--text-color-5:color-mix(in srgb, var(--text-color-1) 20%, var(--body-bg));--text-color-rev-1:var(--body-bg);--text-color-rev-2:color-mix(in srgb, var(--text-color-rev-1) 80%, #fff);--text-color-rev-3:color-mix(in srgb, var(--text-color-rev-1) 50%, #fff);--text-color-error:#fb423f;--common-border:color-mix(in srgb, var(--text-color-1) 10%, transparent);--common-border-5:color-mix(in srgb, var(--text-color-1) 50%, transparent);--nav-action-hover:light-dark(#2121210f,color-mix(in srgb, var(--common-base-rev) 7%, transparent));--nav-action-hover-2:light-dark(#2121210f,color-mix(in srgb, var(--common-base-rev) 20%, transparent));--border-color-1:light-dark(color-mix(in srgb, #000 10%, var(--body-bg)),color-mix(in srgb, #fff 6%, var(--body-bg)));--border-color-2:light-dark(color-mix(in srgb, #000 10%, var(--body-bg)),color-mix(in srgb, #fff 6%, var(--body-bg)));--border-color-3:light-dark(color-mix(in srgb, #212121 20%, var(--body-bg)),color-mix(in srgb, #fff 30%, var(--body-bg)));--border-color-5:light-dark(color-mix(in srgb, #212121 30%, var(--body-bg)),color-mix(in srgb, #fff 50%, var(--body-bg)));--border-color-6:light-dark(color-mix(in srgb, #212121 35%, var(--body-bg)),color-mix(in srgb, #fff 60%, var(--body-bg)));--border-color-9:light-dark(color-mix(in srgb, #212121 8%, var(--body-bg)),color-mix(in srgb, #fff 90%, var(--body-bg)));--border-color-11:light-dark(color-mix(in srgb, #212121 20%, var(--body-bg)),color-mix(in srgb, #fff 35%, var(--body-bg)));--border-color-12:light-dark(color-mix(in srgb, #212121 40%, var(--body-bg)),color-mix(in srgb, #fff 70%, var(--body-bg)));--border-color-rev-2:light-dark(color-mix(in srgb, #212121 12%, var(--body-bg)),color-mix(in srgb, #fff 20%, var(--body-bg)));--common-accent:light-dark(oklch(70.89% .185 75.67),oklch(76.89% .147 75.67));--default-common-accent:light-dark(oklch(70.89% .185 75.67),oklch(76.89% .147 75.67));--header-bg:color-mix(in srgb, #000 2%, var(--body-bg));--sidebar-bg:light-dark(#efeeea,color-mix(in srgb, #000 20%, var(--body-bg)));--modal-inner-bg:light-dark(#fff,color-mix(in srgb, #000 20%, var(--body-bg)));--input-placeholder:light-dark(var(--text-color-1),var(--text-color-3));--input-bg:var(--nav-action-hover);--input-bg-focus:light-dark(color-mix(in srgb, #000 15%, var(--body-bg)),#ffffff35);--dropdown-area-bg:color-mix(in srgb, #fff 20%, var(--body-bg));--dropdown-area-hover:var(--nav-action-hover);--dropdown-area-border:light-dark(#00000040,color-mix(in srgb, #fff 70%, var(--body-bg)));--omnibox-backdrop:blur(10px) saturate(60%);--omnibox-bg:light-dark(color-mix(in srgb, var(--common-base-rev) 10%, transparent 95%),color-mix(in srgb, var(--common-base-rev) 10%, transparent 95%));--l-multiplier:1.05;--c-multiplier:1.2;--text-color-accent-0:light-dark(oklch(calc(67.3% * var(--l-multiplier)) calc(.21 * var(--c-multiplier)) 25.039),oklch(67.3% .21 25.039));--text-color-accent-1:light-dark(oklch(calc(57.85% * var(--l-multiplier)) calc(.15 * var(--c-multiplier)) 349.06),oklch(57.85% .15 349.06));--text-color-accent-2:light-dark(oklch(calc(72.4% * var(--l-multiplier)) calc(.16 * var(--c-multiplier)) 19.59),oklch(72.4% .16 19.59));--text-color-accent-3:light-dark(#de9d77,#de9d77);--text-color-accent-5:light-dark(#ffb82e,#ffb82e);--text-color-accent-6:light-dark(#b8b9ee,#b8b9ee);--text-color-accent-7:light-dark(#88d2fc,#88d2fc);--text-color-accent-8:light-dark(oklch(calc(66.3% * var(--l-multiplier)) calc(.08 * var(--c-multiplier)) 200.71),oklch(66.3% .08 200.71));--text-color-accent-9:light-dark(#70d18c,#70d18c);--text-color-accent-10:light-dark(oklch(calc(69.1% * var(--l-multiplier)) calc(.12 * var(--c-multiplier)) 151.34),oklch(69.1% .12 151.34));--text-color-accent-11:light-dark(#5071a7,#5071a7);--promo-accent:light-dark(oklch(59.1% .12 151.34),oklch(69.1% .12 151.34))}@keyframes fa-author-colors{0%{background-color:var(--text-color-accent-6)}10%{background-color:var(--text-color-accent-8)}30%{background-color:var(--text-color-accent-2)}50%{background-color:var(--text-color-accent-1)}70%{background-color:var(--text-color-accent-7)}90%{background-color:var(--text-color-accent-8)}to{background-color:var(--text-color-accent-3)}}@font-face{font-family:Monaspace Argon;font-style:normal;font-weight:200 800;font-stretch:100 125;font-display:swap;src:url(/font/MonaspaceArgonVarVF[wght,wdth,slnt].woff2)format("woff2");src:url(/font/MonaspaceArgonVarVF[wght,wdth,slnt].woff2) format("woff2") tech("variations");font-variation-settings:"wght" 300, "wdth" 100, "slnt";font-feature-settings:"calt", "ss01", "ss02", "ss03", "liga"}a{color:var(--text-color-1);outline:none;text-decoration:none;&:hover{text-decoration:none}}input,textarea,select,kbd{font-family:var(--font-base)}button{color:inherit;font:inherit;background:0 0;border:none;padding:0}select{cursor:pointer}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}abbr,acronym{border:0}::placeholder{color:var(--input-placeholder)}.icon{stroke:inherit}button:focus,a:focus,a:active{outline:none!important}button::-moz-focus-inner{outline:none!important}input[type=reset]::-moz-focus-inner{outline:none!important}input[type=button]::-moz-focus-inner{outline:none!important}input[type=submit]::-moz-focus-inner{outline:none!important}select::-moz-focus-inner{outline:none!important}input[type=file]>input[type=button]::-moz-focus-inner{outline:none!important}.checkboxCont{cursor:pointer;& .checkbox{background:var(--input-bg);vertical-align:middle;border-radius:20px;width:32px;height:18px;margin-right:5px;transition:all .15s;display:inline-block;position:relative;top:-2px;&:after{content:"";background:var(--border-color-5);border-radius:16px;width:14px;height:14px;transition:all .15s;display:block;position:absolute;top:2px;left:2px}}& input[type=checkbox]{display:none;&:checked+.checkbox{background:var(--common-accent);&:after{background:#fff;left:16px}}&:disabled+.checkbox{background:#0000001a;&:after{opacity:.5}}}& small{color:#0000004d;font-size:inherit}}.proBadgeSelf{display:none}.proBadge{& .proBadgeSelf{background:var(--text-color-accent-5);text-transform:uppercase;border-radius:4px;margin-left:4px;padding:3px 5px;font-size:9px;font-weight:700;display:inline-block}}#sidebar{& .proBadgeSelf{color:var(--header-bg)}}.groupsList{flex-wrap:wrap;margin:3px 0 15px;display:flex;& label{background:var(--input-bg);color:inherit;white-space:nowrap;cursor:pointer;border-radius:6px;align-items:center;margin:3px;padding:3px 6px;display:flex;& input{display:none}&:has(input:checked){background:var(--common-accent)}}& .privateGroup{height:10px;margin-right:5px;& g{stroke:var(--text-color-3)}}}#flash-messages{z-index:100;opacity:1;will-change:opacity, transform;pointer-events:auto;justify-content:center;transition:all .2s;display:flex;position:fixed;top:85px;left:0;right:0;& li{height:60px;color:var(--tooltip-text-color);cursor:pointer;background:var(--modal-bg-color);-webkit-backdrop-filter:blur(10px)brightness(2.7);backdrop-filter:blur(10px)brightness(2.7);box-shadow:0px 8px 16px 0px var(--tooltip-shadow-color), 0px 0px 1px 0px var(--tooltip-shadow-border);border-radius:100px;align-items:center;padding:0 30px;font-weight:500;display:flex}& svg{height:30px;margin-right:20px}}.windowSettings .fieldCont,.selectCont{margin:0;position:relative;& input[type=text],& select{background:var(--input-bg);width:100%;height:34px;font-family:var(--font-base);box-sizing:border-box;vertical-align:middle;appearance:none;border:none;border-radius:6px;outline:none;padding:0 0 0 8px;font-size:13px;&:hover{background:var(--input-bg-focus)}}& input[type=text]{&:hover{background:var(--input-bg)}&:focus{background:var(--input-bg-focus)}}& label{pointer-events:none;position:absolute;top:0;bottom:0;right:5px}& svg{stroke:var(--text-color-4);pointer-events:none;position:absolute;top:5px;right:8px}}.pseudoAvatar{background:var(--text-color-accent-6);color:#0009;width:35px;height:35px;box-shadow:inset 0 0 0 1px var(--common-border-5);text-transform:uppercase;border-radius:100%;justify-content:center;align-items:center;font-size:10px;font-weight:900;animation:290s infinite fa-author-colors;display:flex}.commonForm{margin:0 auto;& h3{margin:40px 0 10px 20px;font-size:1.2em;font-weight:700}& h4{margin-bottom:7px;font-size:1em;font-weight:700}& ul{margin-bottom:20px}& fieldset,& .fieldsetCont{background:var(--section-bg-1);border-radius:10px;padding:20px;& .fieldCont{position:relative;& small{color:var(--text-color-2);padding-top:10px;line-height:1.6em;display:block}}&>.fieldsetCont{background:0 0;padding:0}& label:not(.checkboxCont){color:var(--text-color-3);pointer-events:none;opacity:0;font-size:12px;transition:all .2s;position:absolute;top:12px;left:17px}& input[type=text],& input[type=email],& input[type=password],& input[type=url],& textarea,& select{background:var(--input-bg);box-sizing:border-box;border:0;border-radius:8px;outline:none;width:100%;padding:18px 17px;font-size:14px;transition:all .15s;display:block;&:focus{box-shadow:0 0 0 2px var(--common-accent)}&:not(:placeholder-shown){padding:29px 17px 7px;&+label{opacity:1;top:7px}}}& textarea{height:100px}& select,& select:not(:placeholder-shown){appearance:none;padding:25px 17px 27px}& .selectCont{& label{opacity:1;top:7px}&:after{content:"▾";color:var(--text-color-1);pointer-events:none;font-size:25px;display:block;position:absolute;top:9px;right:15px}}&+fieldset{border-top:solid 1px var(--border-color-1);margin-top:30px;padding-top:30px}}& .submitCont{margin-top:20px;position:relative;& input[type=submit]{background:var(--common-accent);color:#fff;cursor:pointer;border:none;border-radius:8px;padding:13px 30px;font-size:14px;font-weight:700;transition:all .15s;&.deleteAction{box-shadow:none;color:var(--text-color-accent-2);background:0 0;margin-left:10px;&:hover{text-decoration:underline}}}}&+.commonForm{border-top:solid 1px var(--border-color-1);margin-top:30px;padding-top:30px}}:root{--preview-width:360px}#list-fiddles,#list-groups{grid-template-columns:repeat(auto-fit, var(--preview-width));grid-gap:30px;display:grid;& .lfCont{grid-gap:15px;grid-template:"preview preview"200px"title action"30px/1fr 50px;display:grid;position:relative}& h3{white-space:nowrap;text-overflow:ellipsis;grid-area:title;margin-left:8px;font-weight:500;overflow:hidden}& .lfActions{grid-area:action;position:relative;right:-10px}& .previewCont{background:var(--nav-action-hover);border:none;border-radius:8px;grid-area:preview;display:block;position:relative;overflow:hidden;& iframe{pointer-events:none;width:calc(var(--preview-width) + 156px);height:288px;display:block;overflow:hidden;transform:scale(.7)translate(-110px)translateY(-64px)}}}#list-groups{grid-template-columns:repeat(auto-fit,48%);& .lfCont{grid-template-rows:250px 30px}& .previewCont{& .evenMore{background-color:var(--common-base-rev);color:var(--text-color-5);border-radius:8px;padding:8px 12px;font-size:12px;font-weight:700;position:absolute;top:176px;left:440px;box-shadow:0 0 40px #0000004d}& iframe,& .fiddleContPlaceholder{pointer-events:none;width:calc(var(--preview-width) + 156px);background:var(--common-base-rev);border-radius:18px;height:370px;transition:transform .15s;display:block;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 0 40px #0000004d}& .fiddleContPlaceholder{background:var(--nav-action-hover);box-shadow:none}& iframe:first-child{z-index:10;transform:scale(.37)translate(0)translateY(-220px)rotate(2deg)}& iframe:nth-child(2),& .fcp_2{transform:scale(.3)translate(-400px)translateY(-80px)rotate(-2deg)}& iframe:nth-child(3),& .fcp_3{transform:scale(.27)translate(500px)translateY(-150px)rotate(3deg)}&:hover{& iframe:first-child{transform:scale(.4)translate(0)translateY(-180px)rotate(0)}& iframe:nth-child(2),& .fcp_2{transform:scale(.28)translate(-400px)translateY(-90px)rotate(-4deg)}& iframe:nth-child(3),& .fcp_3{transform:scale(.25)translate(500px)translateY(-160px)rotate(5deg)}}}}.emptyPlaceholder{height:100%;color:var(--text-color-2);justify-content:center;align-items:center;display:flex}.privateBadge,.anonBadge{background:var(--common-base-rev);pointer-events:none;opacity:1;border-radius:15px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:flex;position:absolute;top:-10px;left:-10px;transform:scale(1);& svg{stroke:var(--text-color-rev-1)}&.hidden{opacity:0;transform:scale(.8)}}.anonBadge{width:auto;padding:0 10px;font-size:12px;left:auto;right:-10px}#actions{margin-right:10px}.headerActions{height:65px}#fiddle-info{z-index:100;display:block;position:relative;left:-50px;& .sidebarToggle{margin-right:20px}& .fiddleAuthor{flex:1;position:relative}& .faCont{margin:0 10px}& .pseudoAvatar{width:25px;height:25px}& input{height:34px;color:var(--text-color-1);font-family:var(--font-base);box-sizing:border-box;vertical-align:middle;appearance:none;background:0 0;border:none;outline:none;width:85%;font-size:14px}}.headerActions,.commonActions{-webkit-user-select:none;user-select:none;gap:2px;display:flex;position:relative;& svg{pointer-events:none;max-width:18px;max-height:18px}& li{align-items:center;display:flex;& a,& button,& aside,& .fxLink{white-space:nowrap;justify-content:center;align-items:center;min-width:36px;height:36px;transition:background-color .1s;display:flex}& a,& button,& .fxLink{font-variation-settings:"wght" 500;cursor:pointer;border-radius:8px;& span{pointer-events:none;margin-left:5px}& input[type=radio]{position:absolute;left:-900em}&:has(span){padding:0 10px}&.mode_public svg,&.mode_private svg{display:none}&.mode_public .tpPublic,&.mode_private .tpPrivate{display:block}}&:hover a,&:hover button,&:hover aside,&:hover .fxLink,&.active a{background:var(--nav-action-hover)}& aside{border-left:solid 1px var(--common-base);cursor:pointer;border-radius:0 8px 8px 0;&:hover{background:var(--nav-action-hover-2)}}&:has(aside){& a{border-radius:8px 0 0 8px}}&.proButton{margin-left:10px;& a{border:solid 1px color-mix(in srgb, var(--text-color-1) 10%, transparent);color:var(--common-accent);&:hover{border:solid 1px var(--common-accent);background:var(--common-base)}}}&.runButton{margin-right:5px}&.runButton,&.selected,&:has(input:checked){& a,& aside,& .fxLink{background:var(--common-accent);color:#fff}}&.hidden{display:none}&.divider{margin:0 10px;&:after{content:"";border-left:solid 1px var(--common-border);width:1px;height:20px;display:block}}}&.ca_small{flex-wrap:wrap;& a,& button{border-radius:6px;min-width:28px;height:28px}}&.smallActions{flex-wrap:wrap;& li{margin-bottom:5px;& a,& button,& aside,& .fxLink{background:var(--nav-action-hover);min-width:28px;height:28px}& a,& button,& .fxLink{font-variation-settings:"wght" 400;border-radius:6px;& span{margin-left:0;font-size:13px}&:has(span){padding:0 8px}}}}}.tooltip{max-width:min(400px,100vw - 10px);color:var(--text-color-1);background-color:var(--tooltip-bg-color);box-shadow:0px 8px 16px 0px var(--tooltip-shadow-color), 0px 0px 1px 0px var(--tooltip-shadow-border);text-align:center;white-space:normal;opacity:0;transition-behavior:allow-discrete;border:0;border-radius:8px;outline:0;margin:0;padding:1px;font-size:13px;font-weight:500;line-height:1.4;transition-property:transform,opacity,display,overlay;transition-duration:.2s;position:fixed;inset:auto;overflow:visible;transform:scale(.8);&:popover-open{opacity:1;transition-duration:30ms;display:flex;transform:none}&[data-placement^=top]{transform-origin:bottom}&[data-placement^=bottom]{transform-origin:top}&[data-placement^=left]{transform-origin:100%}&[data-placement^=right]{transform-origin:0}&:not([data-interactive]){pointer-events:none}& kbd{color:var(--text-color-3);margin-top:5px;font-size:11px;font-weight:500;display:inline-block;&.pro{background:var(--common-accent);text-transform:uppercase;color:var(--common-base);border-radius:4px;padding:3px 6px;font-size:9px;font-weight:700}}& code{background:#0000001a;border-radius:6px;margin-right:5px;padding:1px 4px;font-size:11px}& strong{font-weight:700}& .menuList{display:block}}@starting-style{.tooltip:popover-open{opacity:0;transform:scale(.8)}}.tooltipArrow{width:16px;height:16px;position:absolute;&:before{content:"";border-style:solid;border-color:#0000;position:absolute}}.tooltip[data-placement^=top]>.tooltipArrow{bottom:0;&:before{border-width:8px 8px 0;border-top-color:var(--tooltip-bg-color);bottom:-7px;left:0}}.tooltip[data-placement^=bottom]>.tooltipArrow{top:0;&:before{border-width:0 8px 8px;border-bottom-color:var(--tooltip-bg-color);top:-7px;left:0}}.tooltip[data-placement^=left]>.tooltipArrow{right:0;&:before{border-width:8px 0 8px 8px;border-left-color:var(--tooltip-bg-color);right:-7px}}.tooltip[data-placement^=right]>.tooltipArrow{left:0;&:before{border-width:8px 8px 8px 0;border-right-color:var(--tooltip-bg-color);left:-7px}}.tooltipContent{z-index:1;padding:5px 9px;position:relative;&:has(.windowSettings){text-align:left;padding:0}}.profileTooptipCont{text-align:left;margin-top:10px;padding:0 10px;font-size:.9em;& h4{color:var(--text-color-2);text-transform:uppercase;letter-spacing:1px;font-size:9px}}.ptcUserInfo{align-items:center;margin:10px 0 20px;display:flex;& .pseudoAvatar{width:50px;height:50px;box-shadow:inset 0 0 0 2px var(--common-border-5);font-size:15px}& .ptcAuthorName{margin-left:10px;font-size:1.5em;font-weight:700;& a{color:var(--text-color-6)}}}.ptcBasicInfo{& svg{width:16px;stroke:var(--common-accent);margin-right:5px}& p{align-items:center;display:flex}& a{color:var(--common-accent);font-weight:400;text-decoration:underline}}.socialInfo{gap:5px;margin:20px 0 15px;display:flex;& a{background-color:var(--tooltip-hover);color:var(--text-color-6);border-radius:4px;padding:4px 8px;&:hover{background-color:var(--common-accent);color:var(--text-color-1)}}}.menuList{text-align:left;width:230px;margin:4px 0;display:none;& a{color:var(--text-color-1);border-radius:8px;align-items:center;padding:8px 10px;font-weight:500;display:flex;&:hover{background-color:var(--tooltip-hover)}}& svg{width:20px;margin-right:10px}& li.disabled a{opacity:.4;pointer-events:none}}.withSeparator{border-top:solid 1px var(--tooltip-hover);margin-top:10px;padding-top:10px}.pageMenu{z-index:10;width:230px;max-height:min(var(--available-height,400px), 400px);background:var(--dropdown-area-bg);box-shadow:0px 8px 16px 0px var(--tooltip-shadow-color), 0px 0px 1px 0px var(--dropdown-area-border);color:var(--text-color-1);text-align:left;border-radius:10px;outline:none;padding:4px;font-size:13px;overflow-y:auto}.pageMenuItem{color:var(--text-color-1);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;align-items:center;gap:10px;padding:8px 10px;font-weight:500;display:flex;&[data-highlighted],&[data-state=open]{background:var(--dropdown-area-hover)}&[data-disabled]{opacity:.4;pointer-events:none}&[data-disabled].proBadge{opacity:1;& .proBadgeSelf{pointer-events:auto}}& svg{flex-shrink:0;width:20px}}.pageMenuItem_selected{color:var(--common-accent)}.pageMenuItem_danger{color:var(--text-color-accent-2)}.pageMenuLabel{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.pageMenuSeparator{border:0;border-top:solid 1px var(--dropdown-area-hover);height:0;margin:5px 2px}.pageMenuEmpty{color:var(--text-color-3);padding:8px 10px}.previewCont #carbon-cover .carbon-main{position:relative;top:-20px}#sidebar{& #ethical-sponsor{width:250px;position:relative;& .ea-content{grid-template-areas:"desc""img";min-width:250px;margin:0;padding:0;display:grid}& .ea-content>a{text-align:center;grid-area:img;width:100%;display:block;& img{width:150px;min-width:150px;max-width:150px;height:108px;display:inline-block}}& .ea-text{color:var(--text-color-1);text-align:left;grid-area:desc;margin-top:0;padding:29px 12px 12px;font-size:12px;font-weight:400;line-height:19px;display:block}& a{color:inherit;&:hover{text-decoration:none}}& .ea-headline{color:inherit;font-weight:700;display:block}& .ea-cta,& .ea-domain{display:none}& .ea-callout{letter-spacing:1px;color:var(--text-color-3);border:1px solid var(--border-color-1);text-transform:uppercase;border-top:0;border-right:0;border-bottom-left-radius:6px;margin:0;padding:3px 6px;font-size:8px;font-style:normal;position:absolute;top:0;right:0;& a{font-size:8px}}}}html{color-scheme:dark}body{font-family:var(--font-base);background:var(--body-bg);color:var(--text-color-1);font-optical-sizing:auto;font-variation-settings:"slnt" 0;font-size:14px;font-style:normal}svg{min-height:18px}a{color:var(--text-color-1);outline:none;text-decoration:none;&:hover{text-decoration:none}}p{line-height:1.48em}h1{box-sizing:border-box;& a{align-items:center;width:60px;height:65px;padding-left:15px;display:flex}& svg{width:46px;height:33px;stroke:var(--common-accent)}}.seoTitle{opacity:0;position:absolute;top:-1000px}#user-page header{border-bottom:solid 1px var(--common-border);z-index:100;background:color-mix(in srgb, var(--body-bg) 85%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);grid-template-columns:auto 1fr;height:65px;display:grid;position:sticky;top:0;left:0;& .headerActions{justify-content:flex-end;margin-right:10px;display:flex}}#layout-container{max-width:1140px;margin:0 auto 40px}#menu{justify-content:center;margin:40px 0;display:flex;& .commonActions{& li{margin:0 5px}}& a{font-variation-settings:"wght" 500}}#simple-search{background:var(--border-color-1);border-radius:8px;grid-template-columns:1fr 180px;max-width:500px;margin:0 auto 40px;display:grid;position:relative;& input{appearance:none;color:var(--text-color-1);z-index:5;background:0 0;border:none;outline:none;height:36px;padding:0 10px;font-size:13px;position:relative;&:focus{outline:none}}&:has(input:focus){box-shadow:0 0 0 2px var(--common-accent)}& input{border-right:solid 1px var(--body-bg)}}.commonForm{max-width:660px;& fieldset{& .fieldsetCont{grid-gap:20px;grid-template-columns:320px 320px;display:grid;&.oneColumn{grid-template-columns:1fr}&.disabled .fieldCont{opacity:.5;pointer-events:none}}}& strong{font-weight:700}}#whitelabel-fields{border-top:solid 1px var(--border-color-rev-2);margin-top:20px;padding-top:20px;& .customColorPicker{border:solid 1px var(--common-accent);border-radius:35px;align-items:center;width:max-content;padding:2px;display:flex;position:relative;& p{margin:0;padding:0 15px}& input[type=color]{opacity:0;cursor:pointer;border:none;width:155px;height:35px;padding:0;position:absolute;top:0;left:0}& .mockPicker{background-color:var(--common-accent);pointer-events:none;border-radius:40px;width:35px;height:35px;display:block}}}.privacyForm{& p{margin-bottom:10px}}.removeAccount{color:var(--text-color-accent-2)}.setupSteps{margin:30px 0 30px 40px;& li{counter-increment:list;margin-bottom:20px;list-style-type:none;position:relative;&:before{content:counter(list);width:26px;height:26px;color:var(--text-color-3);background-color:var(--input-bg);border-radius:100%;justify-content:center;align-items:center;font-size:.8em;display:flex;position:absolute;top:-5px;left:-40px}}& strong{font-weight:700}}.dnsRecord{border-collapse:collapse;background-color:var(--body-bg);border-radius:8px;width:100%;margin:20px 0;& th{text-align:left;color:var(--text-color-3);padding:10px 15px 10px 8px;font-size:.85em}& td{border-top:solid 1px var(--border-color-1);font-family:var(--font-mono);padding:10px 15px 10px 8px;font-size:.85em}}.sbsForm{flex-flow:row;justify-content:space-between;align-items:center;display:flex;& .linkButton{color:var(--text-color-accent-0);cursor:pointer;background-color:#0000;border:none;height:43px;margin-top:20px;display:inline-block}}.betaNote{border:solid 2px var(--common-accent);background-color:var(--body-bg);border-radius:10px;margin-bottom:20px;padding:10px;font-size:.95em;line-height:1.48em;&:before{content:"Beta";background-color:var(--common-accent);color:var(--text-color-rev-1);border-radius:4px;margin-right:8px;padding:1px 6px;font-size:.85em;display:inline-block}}.verifiedDomain{border:solid 2px var(--text-color-accent-10);background-color:var(--body-bg);border-radius:10px;align-items:center;margin-bottom:20px;padding:10px;display:flex;& svg{stroke:var(--text-color-accent-10);margin-right:10px}}.paginator{text-align:center;margin-bottom:20px;& li{display:inline-block}& a,& span{border-bottom:solid 2px var(--common-accent);padding:10px;font-weight:700;transition:all .1s;display:inline-block}& a{color:var(--text-color-3);border-bottom:2px solid #0000;font-weight:400;&:hover{border-bottom:solid 2px var(--common-accent);color:var(--text-color-1);text-decoration:none}}}.messages{max-width:660px;margin:20px auto;& li{color:var(--text-color-1);border-radius:8px;align-items:center;margin-bottom:10px;padding:14px 20px;font-weight:600;display:flex}& svg{height:24px;margin-right:10px}& .success{background:var(--text-color-accent-10)}& .error{background:var(--text-color-accent-0)}}.errorlist{margin-left:222px}.blankslate{text-align:center;margin-top:70px;& h3{margin:0 0 10px;padding:0;font-size:22px;font-weight:700}& p{color:var(--text-color-3)}&>svg{width:55px;height:55px;margin-bottom:20px}& ul{justify-content:center;margin-top:40px}}#public-profile-header{max-width:70%;margin:40px auto 80px;& .pseudoAvatar{width:100px;height:100px;box-shadow:inset 0 0 0 5px var(--common-border-5);margin-left:-10px;font-size:30px}& h3{letter-spacing:-1px;margin:15px 0 10px;font-size:4.1em;font-weight:900;display:inline-block;position:relative;&.pph_pro:after{content:"PRO";letter-spacing:0;background-color:var(--common-accent);border-radius:8px;padding:4px 8px;font-size:.25em;font-weight:700;display:inline-block;position:absolute;top:0;right:-50px}}& .basicInfo,& .socialInfo{display:flex;& li{justify-content:center;margin-right:10px;display:flex}}& .socialInfo{margin-top:30px;display:flex;& li{margin-right:10px}& a{background-color:var(--border-color-1);color:var(--text-color-3);border-radius:8px;padding:7px 10px;font-size:.85em;&:hover{background-color:var(--common-accent);color:var(--text-color-1)}}}& svg{height:16px;stroke:var(--common-accent)}}.groupsList{display:none;&.open{display:flex}}