div.tippy-box[data-animation=fade][data-state=hidden]{opacity:0}[data-tippy-root]{max-width:calc(100vw - 10px)}div.tippy-box{position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;border-radius:8px;font-size:14px;line-height:1.4;outline:0;transition-property:transform,visibility,opacity;background-color:rgba(44,44,47,.8);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.1),inset .5px .5px 0 0 hsla(0,0%,100%,.2),inset 0 0 0 .5px hsla(0,0%,100%,.1),inset 0 0 0 .5px hsla(0,0%,100%,.05),inset .5px .5px 0 0 hsla(0,0%,100%,.06),inset 0 0 0 .5px hsla(0,0%,100%,.04),0 4px 24px rgba(0,0,0,.2)}div.tippy-box[data-placement^=top]>.tippy-arrow{bottom:0}div.tippy-box[data-placement^=top]>.tippy-arrow:before{bottom:-7px;left:0;border-width:8px 8px 0;border-top-color:initial;transform-origin:center top}div.tippy-box[data-placement^=bottom]>.tippy-arrow{top:0}div.tippy-box[data-placement^=bottom]>.tippy-arrow:before{top:-7px;left:0;border-width:0 8px 8px;border-bottom-color:initial;transform-origin:center bottom}div.tippy-box[data-placement^=left]>.tippy-arrow{right:0}div.tippy-box[data-placement^=left]>.tippy-arrow:before{border-width:8px 0 8px 8px;border-left-color:initial;right:-7px;transform-origin:center left}div.tippy-box[data-placement^=right]>.tippy-arrow{left:0}div.tippy-box[data-placement^=right]>.tippy-arrow:before{left:-7px;border-width:8px 8px 8px 0;border-right-color:initial;transform-origin:center right}div.tippy-box[data-inertia][data-state=visible]{transition-timing-function:cubic-bezier(.54,1.5,.38,1.11)}.tippy-arrow{width:16px;height:16px;color:rgba(44,44,47,.8)}.tippy-arrow:before{content:"";position:absolute;border-color:transparent;border-style:solid}.tippy-content{position:relative;padding:5px 9px;z-index:1;text-align:left;color:#fff;box-shadow:none}label.VisualInput_cssProInput__xI9jh,label.VisualInput_cssProTextShadowInput__lhHwI{border-radius:6px;display:inline-block;box-sizing:border-box;min-width:85px;font:400 13.3333px -apple-system,BlinkMacSystemFont,Roboto,sans-serif;margin:initial;padding:initial;letter-spacing:normal}label.VisualInput_cssProInput__xI9jh input,label.VisualInput_cssProTextShadowInput__lhHwI input{padding:6px 4px;margin:0;font-size:14px;background:none;border:0;color:#333;line-height:normal;box-sizing:border-box;vertical-align:initial}.VisualInput_cssProTextShadowInput__lhHwI input{text-overflow:ellipsis}label.VisualInput_cssProInput__xI9jh input{width:26px;height:auto;-moz-appearance:textfield;position:relative;transition:all .2s;max-width:39px;outline:0}label.VisualInput_cssProInput__xI9jh[data-type=text]{display:inline-flex}label.VisualInput_cssProInput__xI9jh[data-type=text],label.VisualInput_cssProInput__xI9jh[data-type=text] input[type=text]{width:100%}label.VisualInput_cssProInput__xI9jh[data-type=text] input[type=text]::placeholder{color:#c5c5c5}label.VisualInput_cssProInput__xI9jh input:invalid{box-shadow:none}label.VisualInput_cssProInput__xI9jh input[data-auto=true]{padding:6px 2.3px}label.VisualInput_cssProInput__xI9jh span,label.VisualInput_cssProInput__xI9jh span svg{color:#999}label.VisualInput_cssProInput__xI9jh span{font-size:13px;padding:4.1% 4px 4.1% 8px;width:13px;display:inline-block;text-align:center;box-sizing:content-box}label.VisualInput_cssProInput__xI9jh:hover{box-shadow:0 0 0 1px rgba(0,0,0,.3)}.VisualInput_css-pro-pinned-box__XGOUo .VisualInput_sortable-placeholder__rAta7,label.VisualInput_cssProTextShadowInput__lhHwI:hover{box-shadow:inset 0 0 0 1px rgba(0,0,0,.3)}label.VisualInput_cssProInput__xI9jh.VisualInput_dragging__4gYmJ{box-shadow:0 0 0 1px #76f0a0}label.VisualInput_cssProTextShadowInput__lhHwI.VisualInput_picking__xecIW{box-shadow:inset 0 0 0 1px #76f0a0}label.VisualInput_cssProInput__xI9jh.VisualInput_inputing__MmuRX{box-shadow:0 0 0 2px #76f0a0}label.VisualInput_cssProTextShadowInput__lhHwI.VisualInput_inputing__MmuRX{box-shadow:inset 0 0 0 2px #76f0a0}label.VisualInput_cssProInput__xI9jh select{margin:0;border:0;width:auto;text-align:left;background:none;padding:6px 0;color:#333;outline:none;cursor:auto;font-size:13.333px;vertical-align:initial;height:auto;line-height:normal;-moz-appearance:none;-webkit-appearance:none;display:inline-block;letter-spacing:normal;box-shadow:none;position:relative;min-width:-moz-fit-content;min-width:fit-content}label.VisualInput_cssProInput__xI9jh input::-webkit-inner-spin-button,label.VisualInput_cssProInput__xI9jh input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}label.VisualInput_cssProInput__xI9jh [data-css-pro-drag-axis=x]{cursor:ew-resize!important}label.VisualInput_cssProInput__xI9jh [data-css-pro-drag-axis=y]{cursor:ns-resize!important}html.VisualInput_cssProInputDraggingX__gkDEI *,html.VisualInput_cssProInputDraggingY__7EYQR *,label.VisualInput_cssProInput__xI9jh,label.VisualInput_cssProTextShadowInput__lhHwI{-webkit-user-select:none;-moz-user-select:none;user-select:none}@media (prefers-color-scheme:dark){label.VisualInput_cssProInput__xI9jh input,label.VisualInput_cssProInput__xI9jh select,label.VisualInput_cssProTextShadowInput__lhHwI input{color:#fff}label.VisualInput_cssProInput__xI9jh span,label.VisualInput_cssProInput__xI9jh span svg{color:#ccc}label.VisualInput_cssProInput__xI9jh:hover{box-shadow:0 0 0 1px hsla(0,0%,100%,.3)}.VisualInput_css-pro-pinned-box__XGOUo .VisualInput_sortable-placeholder__rAta7,label.VisualInput_cssProTextShadowInput__lhHwI:hover{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3)}}

/*! Pickr 1.5.1 MIT | https://github.com/Simonwep/pickr */.pickr{position:relative;overflow:visible;transform:translateY(0);display:inline-block;white-space:normal;margin-right:5px;top:-5px}.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pickr .pcr-button,.pickr button.pcr-button{min-height:auto!important;min-width:auto;padding:0!important;position:relative;height:14px!important;width:14px!important;cursor:pointer;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;border-radius:33px;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50" stroke="%2342445A" stroke-width="5px" stroke-linecap="round"><path d="M45,45L5,5"></path><path d="M45,5L5,45"></path></svg>') no-repeat 50%;background-size:0;transition:all .3s;transform:none!important;border:0;vertical-align:middle;display:inline-block;margin:0 0 0 1px}.pickr .pcr-button:before{background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="silver" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:10px;z-index:-1;z-index:auto}.pickr .pcr-button:after,.pickr .pcr-button:before{position:absolute;content:"";top:0;left:0;width:14px;height:14px;border-radius:33px;border:1px solid hsla(0,0%,80%,.3);box-sizing:border-box}.pickr .pcr-button:after{transition:background .3s;background:currentColor}.pickr .pcr-button.clear{background-size:70%}.pickr .pcr-button.clear:before{opacity:0}.pickr .pcr-button.clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.5),0 0 0 2px currentColor!important}.pickr .pcr-button.disabled{cursor:not-allowed}.pcr-app *,.pickr *{box-sizing:border-box;outline:none;border:none;-webkit-appearance:none}.pcr-app button.pcr-active,.pcr-app button:focus,.pcr-app input.pcr-active,.pcr-app input:focus,.pickr button.pcr-active,.pickr button:focus,.pickr button:hover,.pickr input.pcr-active,.pickr input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.5),0 0 0 2px currentColor!important}.pcr-app button.pcr-active:after{box-shadow:none!important;border:1px solid rgba(0,0,0,.05)!important}.pcr-app .pcr-palette,.pcr-app .pcr-slider,.pickr .pcr-palette,.pickr .pcr-slider{transition:box-shadow .3s}.pcr-app .pcr-palette:focus,.pcr-app .pcr-slider:focus,.pickr .pcr-palette:focus,.pickr .pcr-slider:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.5),0 0 0 3px rgba(0,0,0,.25)!important}.pcr-app{position:fixed;display:flex;flex-direction:column;z-index:2147483647;border-radius:10px;background:#fff;opacity:0;visibility:hidden;transition:opacity .3s,visibility 0s .3s;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;box-shadow:0 2.4px 24px 0 rgba(0,0,0,.1),0 0 16px 0 rgba(0,0,0,.03);left:0;top:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);outline:.5px solid rgba(0,0,0,.2)}.pcr-app.visible{transition:opacity .3s;visibility:visible;opacity:1;cursor:default}.pcr-app .pcr-swatches{display:flex;flex-wrap:wrap;margin-top:9.6px}.pcr-app .pcr-swatches.pcr-last{margin:0}@supports (display:grid){.pcr-app .pcr-swatches{display:grid;align-items:center;grid-template-columns:repeat(auto-fit,29.8px)}}.pcr-app .pcr-swatches>button,.pcr-app .pcr-swatches>button.pcr-swatch-button{min-width:auto;min-height:auto;padding:0!important;border:initial;font-size:16px;position:relative;width:23px!important;height:23px!important;border-radius:33px;cursor:pointer;margin:2.5px!important;flex-shrink:0;justify-self:center;transition:all .15s;overflow:hidden;background:transparent;z-index:1}.pcr-app .pcr-swatches>button:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="silver" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:6px;border-radius:33px;z-index:-1}.pcr-app .pcr-swatches>button:before,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{transform:scale(.98)}.pcr-app .pcr-swatches>button.pcr-swatch-button,.pcr-app .pcr-swatches>button:after,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 0 1px rgba(0,0,0,.1)}.pcr-app .pcr-swatches>button:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:currentColor;border-radius:33px;box-sizing:border-box}.pcr-app .pcr-swatches>button:hover{filter:brightness(1.05)}.pcr-app .pcr-interaction{margin:0 -3.2px!important;font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif}.pcr-app .pcr-interaction>*{margin:0 2px!important}.pcr-app .pcr-interaction input{min-width:auto;min-height:auto;width:auto;height:auto!important;border:initial;letter-spacing:normal;font-size:12px!important;text-align:center;cursor:pointer;color:#333!important;background:rgba(0,0,0,.07)!important;border-radius:8px;transition:all .15s;padding:6px 9px!important;margin-top:9px!important;line-height:normal!important;text-transform:none;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif!important;display:inline-block}.pcr-app .pcr-interaction input:hover{filter:brightness(.975)}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px rgba(0,0,0,.42)!important}.pcr-app .pcr-interaction input.pcr-result{height:auto;color:#333!important;text-align:left;min-width:96px;transition:all .2s;border-radius:8px!important;background:rgba(0,0,0,.1)!important;cursor:text;width:calc(100% - 4px);border:0!important;font-size:12px;padding:6px 12px!important}.pcr-app .pcr-interaction input.pcr-result:focus{background:rgba(0,0,0,.15)!important}.pcr-app .pcr-interaction input.pcr-result::selection{background:#4285f4!important;color:#333}.pcr-app .pcr-interaction .pcr-type.active{color:#333!important;background:rgba(0,0,0,.2)!important}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{width:auto;color:#333}.pcr-app .pcr-interaction .pcr-cancel:hover,.pcr-app .pcr-interaction .pcr-clear:hover,.pcr-app .pcr-interaction .pcr-save:hover{filter:brightness(.925)}.pcr-app .pcr-interaction .pcr-save{background:rgba(0,0,0,.28)!important;width:calc(100% - 70px)}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:rgba(0,0,0,.07)!important;color:#333}.pcr-app .pcr-interaction .pcr-cancel:focus,.pcr-app .pcr-interaction .pcr-clear:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.5),0 0 0 3px rgba(244,66,80,.75)}.pcr-app .pcr-selection .pcr-picker{position:absolute;height:18px;width:18px;border:2px solid #fff!important;border-radius:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pcr-app .pcr-selection .pcr-color-chooser,.pcr-app .pcr-selection .pcr-color-opacity,.pcr-app .pcr-selection .pcr-color-palette{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:flex;flex-direction:column;cursor:grab;cursor:-webkit-grab}.pcr-app .pcr-selection .pcr-color-chooser:active,.pcr-app .pcr-selection .pcr-color-opacity:active,.pcr-app .pcr-selection .pcr-color-palette:active{cursor:grabbing;cursor:-webkit-grabbing}.pcr-app[data-theme=nano]{width:228px;max-width:95vw}.pcr-app[data-theme=nano] .pcr-swatches{margin-top:9.6px!important;padding:0 9.6px!important}.pcr-app[data-theme=nano] .pcr-interaction{padding:0 9.6px 9.6px!important}.pcr-app[data-theme=nano] .pcr-selection{display:grid;grid-gap:.6em;grid-template-columns:1fr 4fr;grid-template-rows:5fr auto auto;align-items:center;height:168px;width:100%;align-self:flex-start}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview{grid-area:2/1/4/1;height:100%;width:100%;display:flex;flex-direction:row;justify-content:center;margin-left:9.6px!important}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-last-color{display:none}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color{position:relative;background:var(--pcr-color);width:32px;height:32px;border-radius:50em;overflow:hidden}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-preview .pcr-current-color:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="silver" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:10px;border-radius:33px;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette{grid-area:1/1/2/3;width:100%;height:100%;z-index:1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette{border-top-left-radius:10px;border-top-right-radius:10px;width:100%;height:100%}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-palette .pcr-palette:before{position:absolute;content:"";top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="silver" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:10px;border-radius:10px;z-index:-1}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser{grid-area:2/2/2/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{grid-area:3/2/3/2}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity{height:.7em;margin:0 9.6px!important}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-picker,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-picker{top:50%;transform:translateY(-50%)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider,.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{flex-grow:1;border-radius:2px}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-chooser .pcr-slider{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.pcr-app[data-theme=nano] .pcr-selection .pcr-color-opacity .pcr-slider{background:linear-gradient(90deg,transparent,#000),url('data:image/svg+xml;utf8, <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill="white" d="M1,0H2V1H1V0ZM0,1H1V2H0V1Z"/><path fill="silver" d="M0,0H1V1H0V0ZM1,1H2V2H1V1Z"/></svg>');background-size:100%,10px}.pcr-app .pcr-interaction input[value=HEXA],.pcr-app .pcr-interaction input[value=HSLA],.pcr-app .pcr-interaction input[value=RGBA]{padding:4px 3px!important;width:calc(33.3% - 7px)}@media (prefers-color-scheme:dark){.pcr-app{background-color:rgba(50,50,50,.85);box-shadow:inset 0 0 0 .5px rgba(0,0,0,.1),0 4px 24px rgba(0,0,0,.2);outline:.5px solid hsla(0,0%,100%,.2)}.pcr-app .pcr-interaction input{color:#fff!important;background:hsla(0,0%,100%,.07)!important}.pcr-app .pcr-interaction input:focus{box-shadow:0 0 0 1px hsla(0,0%,100%,.5)!important}.pcr-app .pcr-interaction input.pcr-result{color:#fff!important;background:hsla(0,0%,100%,.1)!important}.pcr-app .pcr-interaction input.pcr-result:focus{background:hsla(0,0%,100%,.15)!important}.pcr-app .pcr-interaction input.pcr-result::selection{color:#fff}.pcr-app .pcr-interaction .pcr-type.active{color:#fff!important;background:hsla(0,0%,100%,.2)!important}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear,.pcr-app .pcr-interaction .pcr-save{color:#fff}.pcr-app .pcr-interaction .pcr-save{background:hsla(0,0%,100%,.28)!important}.pcr-app .pcr-interaction .pcr-cancel,.pcr-app .pcr-interaction .pcr-clear{background:hsla(0,0%,100%,.07)!important;color:#fff}}.page_main__nw1Wk,header.page_header__oRW75{max-width:1300px;margin:auto}header.page_header__oRW75{position:fixed;top:0;left:0;right:0;width:100%;z-index:99;box-sizing:border-box;padding:.8rem 1.5rem;background:#fff;transition:all .5s;border-bottom:1px solid rgba(0,0,0,.08)}header.page_header__oRW75 a{text-decoration:none;color:initial}.page_logoImg__M4e1C{height:30px;margin-right:.5em}header.page_header__oRW75 p.page_logoWrapper__LBPBH{font-size:20px;font-weight:700;padding:0;margin:0;display:flex;align-items:center}header.page_header__oRW75 nav{display:flex;align-items:center;justify-content:space-between}a.page_getCSSPro__FBikW{padding:10px 24px;border-radius:100px;border:0;font-size:1rem;background:#0976fb;color:#fff;box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 0 1px rgba(0,0,0,.9);background-image:linear-gradient(180deg,#4b91f7,#367af6);box-shadow:0 .5px 1.5px rgba(54,122,246,.25),inset 0 .8px 0 -.25px hsla(0,0%,100%,.2);transition:all 1s ease-in-out}header.page_header__oRW75 a.page_getCSSPro__FBikW{color:#fff}a.page_getCSSPro__FBikW:hover{background-image:linear-gradient(rgba(0,0,0,.15),rgba(0,0,0,.15)),linear-gradient(#4b91f7,#367af6)}a.page_getCSSPro__FBikW:focus{box-shadow:inset 0 .8px 0 -.25px hsla(0,0%,100%,.2),0 .5px 1.5px rgba(54,122,246,.25),0 0 0 3.5px rgba(58,108,217,.5);outline:0}.page_main__nw1Wk{padding:5rem 1.5rem 3rem}.page_hero__7KFOs{margin-bottom:4em;text-align:center}.page_hero__7KFOs p{max-width:100%;line-height:1.5;opacity:.8;margin-left:auto;margin-right:auto}.page_relatedWebsites__97dJU{margin-top:8em;margin-bottom:2em;content-visibility:auto}.page_relatedWebsites__97dJU>a{text-decoration:none;display:block}.page_relatedWebsite__BsmRs{padding:2.5rem;background:#f8f8f8;color:#333;position:relative;overflow:hidden;box-shadow:0 1px 2px 0 rgba(0,0,0,.1);cursor:pointer;font-size:1.1em;text-align:left;display:block;margin-top:2em;min-height:300px;border-radius:24px}.page_relatedWebsite__BsmRs p.page_title__po7na{font-size:1.6em;margin-bottom:.7em;margin-top:0;font-weight:700}.page_relatedWebsite__BsmRs p.page_desc__HtUm5{opacity:.8;margin-top:10px;margin-bottom:1.8em}.page_relatedWebsite__BsmRs p.page_learnMore__9bMtm{margin:0}.page_relatedWebsite__BsmRs:hover p.page_learnMore__9bMtm{text-decoration:underline}.page_relatedWebsite__BsmRs img{transform:rotate(-7deg);transition:all .3s;border-radius:10px;position:absolute;width:min(30%,180px);height:auto;right:2%;bottom:-5%}.page_relatedWebsite__BsmRs:hover img{transform:scale(1.1) rotate(-7deg);bottom:0;right:4%}.page_relatedWebsite__BsmRs.page_cssPro__nNVxv{background:rgba(30,32,44,.95);color:#fff}.page_relatedWebsite__BsmRs.page_cssPro__nNVxv *{color:#fff}.page_relatedWebsite__BsmRs.page_cssPro__nNVxv .page_gradientText__9If95{background-image:linear-gradient(#fff 30%,#2d82a4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:250%;transition:background-position .5s}.page_relatedWebsite__BsmRs.page_toastlog__Y8V7f{background:#fdd231}.page_relatedWebsite__BsmRs.page_cssscan__DfzWF{background:#c2fbd7}.page_relatedWebsite__BsmRs.page_ailogoart__6vVj_{background:#bfdbfe}.page_shortcut__WQz77{box-shadow:0 6px 24px 0 rgba(0,0,0,.05),0 0 0 1px rgba(0,0,0,.08);padding:5px;margin:0 5px;border-radius:8px;font-weight:700;background:radial-gradient(82% 141% at 50% 50%,transparent 24.1%,rgba(0,0,0,.06) 100%)}.page_help__OidLu{font-size:.8em;opacity:.5;text-align:center}.page_editorWrapper__vOo0I{display:flex;gap:2em;align-items:center;justify-content:center;flex-direction:column}.page_editorWrapper__vOo0I,.page_result__7WhcO{max-width:600px;margin:auto}.page_editorWrapper__vOo0I>div{flex:1 1}.page_orientationBox__v0VJH{width:100%;height:200px;min-height:200px;border-radius:20px;background:#fff;color:#222;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden;transition:all .15s ease-in-out;user-select:none;-moz-user-select:none;-webkit-user-select:none;border:1px solid #ddd}.page_orientationBox__v0VJH:after,.page_orientationBox__v0VJH:before{content:"";position:absolute;background-color:rgba(0,0,0,.06)}.page_orientationBox__v0VJH:before{left:0;top:50%;width:100%;height:1px}.page_orientationBox__v0VJH:after{top:0;left:50%;width:1px;height:100%}.page_orientationBox__v0VJH .page_x___FY5o{left:5px;top:calc(50% - 15px)}.page_orientationBox__v0VJH .page_y__cGy03{top:5px;left:calc(50% + 5px)}.page_orientationBox__v0VJH .page_x___FY5o,.page_orientationBox__v0VJH .page_y__cGy03{position:absolute;font-size:12px;color:rgba(0,0,0,.2)}.page_orientationBox__v0VJH .page_letter__XfrHX{font-weight:700;font-size:60px}.page_orientationBox__v0VJH .page_control__wedDX{width:9px;height:9px;border:3px solid #2ae652;outline:1px solid #fff;position:absolute;z-index:9;background:#fff;border-radius:100px;cursor:-webkit-grab;cursor:grab;opacity:0;transition:opacity .15s ease-in-out;box-sizing:content-box}.page_orientationBox__v0VJH:hover{box-shadow:0 0 0 3px #2ae652,0 1px 3px 0 rgba(0,0,0,.25)}.page_orientationBox__v0VJH:hover .page_control__wedDX{opacity:1}.page_colorPicker__q1Jyi{margin-top:1em}.page_result__7WhcO code{padding:1.5em;border-radius:10px;border:1px solid rgba(0,0,0,.1);width:100%;display:block;font-family:monospace;font-size:1.2em;margin-top:3em;background-color:#f7f7f7;color:#006b86;position:relative;transition:all .1s ease-in-out}.page_result__7WhcO code:hover{background-color:#ebebf2;border:1px solid rgba(0,0,0,.2)}.page_result__7WhcO code.page_clicked__xzZcn{border:1px solid #006b86}.page_result__7WhcO code .page_property__Es0DS{color:#2859a9}.page_result__7WhcO code .page_value__t_tSs{color:#965027}.page_copyButton__UNIa2{background:none;border:1px solid rgba(0,0,0,.1);padding:4px;cursor:pointer;color:#333;border-radius:6px;display:flex;align-items:center;justify-content:center;position:absolute;right:10px;top:10px;transition:all .1s ease-in-out}.page_copyButton__UNIa2:hover{background:rgba(0,0,0,.1)}.page_copyButton__UNIa2.page_copying__eTTa1{color:#006b86}@media (min-width:768px){header.page_header__oRW75{padding:.8rem 2.5rem}.page_main__nw1Wk{padding:6rem 2.5rem 3rem}.page_hero__7KFOs p{max-width:70%}.page_relatedWebsite__BsmRs{min-height:auto}.page_editorWrapper__vOo0I{flex-direction:row}}@media (min-width:1280px){.page_relatedWebsites__97dJU{margin-top:12em}}@media (prefers-color-scheme:dark){header.page_header__oRW75{background:none;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}header.page_header__oRW75:before{content:"";position:absolute;bottom:0;left:0;right:0;margin:auto;opacity:0;width:0;height:1px;background:hsla(0,0%,100%,.1);background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.1) 7%,hsla(0,0%,100%,.1) 93%,hsla(0,0%,100%,0));transition:all .2s ease-in-out;width:100%;opacity:1}header.page_header__oRW75 a{color:#fff}header.page_header__oRW75 p.page_logoWrapper__LBPBH{-webkit-background-clip:text;background-image:linear-gradient(#fff 30%,#2d82a4);color:transparent}h1.page_h1__HkJRI{background-image:linear-gradient(#fff 30%,#92becf);color:transparent;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.page_relatedWebsite__BsmRs{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.9);box-shadow:0 .0625em .0625em rgba(0,0,0,.25),0 .125em .5em rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.1)}.page_relatedWebsite__BsmRs.page_cssPro__nNVxv{background-color:#252528;background-image:radial-gradient(100% 200% at 51% 152%,#dedede 5.3%,#dedede 20.1%,#59a3bd 30.5%,#1c4460 50%,#0b1117 70%)}.page_relatedWebsite__BsmRs.page_toastlog__Y8V7f{background:linear-gradient(180deg,rgba(253,210,49,.39),transparent)}.page_relatedWebsite__BsmRs.page_cssscan__DfzWF{background:linear-gradient(180deg,rgba(194,251,215,.39),transparent)}.page_relatedWebsite__BsmRs.page_ailogoart__6vVj_{background:linear-gradient(180deg,rgba(191,219,254,.39),transparent)}.page_shortcut__WQz77{background:rgba(0,0,0,.3);box-shadow:0 .0625em .0625em rgba(0,0,0,.25),0 .125em .5em rgba(0,0,0,.25),inset 0 0 0 1px hsla(0,0%,100%,.2),0 0 0 1px rgba(0,0,0,.9)}.page_orientationBox__v0VJH{border:none}.page_result__7WhcO code{border:1px solid hsla(0,0%,100%,.1);box-shadow:0 0 8px 0 rgba(0,0,0,.12);background-color:#1f1f1f;color:#b8cdd1}.page_result__7WhcO code .page_property__Es0DS{color:#48c5de}.page_result__7WhcO code .page_value__t_tSs{color:#bd93f9}.page_result__7WhcO code:hover{background-color:#252525;border:1px solid hsla(0,0%,100%,.2)}.page_result__7WhcO code.page_clicked__xzZcn{background-color:#2b2b2b;border:1px solid #2af598}.page_copyButton__UNIa2{border:1px solid hsla(0,0%,100%,.1);color:#fff}.page_copyButton__UNIa2:hover{background:hsla(0,0%,100%,.1)}.page_copyButton__UNIa2.page_copying__eTTa1{color:#2af598}}