@import"https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400&display=swap";.example{display:flex;justify-content:space-between;width:100%}.example__body{overflow:auto}.example__body p{margin-bottom:1.5rem;margin-top:0}.example__bold{cursor:help;font-size:1.1875rem;font-weight:700}.example__button{background-color:var(--pierad);border:.125rem solid var(--pierad);color:var(--zad);font-size:.875rem;line-height:1em;padding:.1875rem;vertical-align:middle}.example__column{color:var(--pierad);padding:1.5rem}.example__heading{font-family:"Source Serif Pro",Times New Roman,Times,serif;margin-top:0;text-align:center}.example__hr{background-color:var(--pierad);border-color:var(--pierad)}.example__input{border:.125rem solid var(--pierad);box-shadow:.125rem .125rem .25rem #0005 inset;font-size:.875rem;line-height:1em;padding:.1875rem}.example__inputs{align-items:stretch;display:flex;justify-content:center;margin-bottom:1.5rem}.example__normal{cursor:help}.example__objects{color:var(--pierad);cursor:help;text-align:center}.example__tall{cursor:help;font-size:1.5rem}.grade{border-radius:.375rem;font-size:1rem;margin:0 .75rem;padding:.1875rem .75rem}.grade--fail{background-color:#800;color:#fff}.grade--pass{background-color:#080;color:#fff}.explain{padding:1.5rem;position-anchor:--grades;position-area:bottom;position-try-fallbacks:flip-block,flip-inline}.explain p{margin:0 0 1.5rem}.explain__close{background-color:Canvas;border:0 solid;color:CanvasText;cursor:pointer;float:right;font-size:1rem;margin:-1.5rem;padding:.75rem}.explain__block{display:flex;justify-content:space-between}.explain__grades{float:right}.explain__bold{font-size:1.1875rem;font-weight:700}.explain__section{margin-bottom:1.5rem}.explain__title,.explain__subtitle{margin:0 0 .75rem;text-align:center}.explain__table{margin-bottom:1.5rem}.explain__table td:not(.explain__sample){padding:.75rem}.explain__sample{background-color:var(--zad);color:var(--pierad);display:block;font-size:calc(var(--pamier) * 1px);font-weight:var(--tauscynia);line-height:1em;max-height:4.5rem;max-width:15rem;overflow:hidden;padding:.375rem}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:300;src:local("Open Sans Light Italic"),local("OpenSans-LightItalic"),url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hlIqOxjaPXZSk.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:300;src:local("Open Sans Light Italic"),local("OpenSans-LightItalic"),url(https://fonts.gstatic.com/s/opensans/v15/memnYaGs126MiZpBA-UFUKWyV9hrIqOxjaPX.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OXOhpKKSTj5PW.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:300;src:local("Open Sans Light"),local("OpenSans-Light"),url(https://fonts.gstatic.com/s/opensans/v15/mem5YaGs126MiZpBA-UN_r8OUuhpKKSTjw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:400;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBqE8kM4xWR1_1bYURRojRGc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:italic;font-weight:400;src:local("Open Sans Italic"),local("OpenSans-Italic"),url(https://fonts.gstatic.com/s/opensans/v15/xjAJXh38I15wypJXxuGMBogp9Q8gbYrhqGlRav_IXfk.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-display:swap;font-family:Open Sans;font-style:italic;font-weight:600;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxkWd5At5A4dPjoTcH8-WMxA.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Open Sans;font-style:italic;font-weight:600;src:local("Open Sans SemiBold Italic"),local("OpenSans-SemiBoldItalic"),url(https://fonts.gstatic.com/s/opensans/v15/PRmiXeptR36kaC0GEAetxsiAiQ_a33snTsJhwZvMEaI.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v15/u-WUoqrET9fUeobQW7jkRYX0hVgzZQUfRDuZrPvH3D8.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Open Sans;font-style:normal;font-weight:400;src:local("Open Sans Regular"),local("OpenSans-Regular"),url(https://fonts.gstatic.com/s/opensans/v15/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-display:swap;font-family:Open Sans;font-style:bold;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNSojoYw3YTyktCCer_ilOlhE.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+20A0-20AB,U+20AD-20CF,U+2C60-2C7F,U+A720-A7FF}@font-face{font-display:swap;font-family:Open Sans;font-style:bold;font-weight:600;src:local("Open Sans SemiBold"),local("OpenSans-SemiBold"),url(https://fonts.gstatic.com/s/opensans/v15/MTP_ySUJH_bn48VBG8sNShampu5_7CjHW5spxoeN3Vs.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2212,U+2215}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v15/neIQzD-0qpwxpaWvjeD0X88SAOeauXo-oAGIyY0Wfw.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Source Serif Pro";font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/sourceserifpro/v15/neIQzD-0qpwxpaWvjeD0X88SAOeauXQ-oAGIyY0.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:700;src:url(https://fonts.gstatic.com/s/quicksand/v30/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Quicksand;font-style:normal;font-weight:300;src:url(https://fonts.gstatic.com/s/quicksand/v30/6xKtdSZaM9iE8KbpRA_hK1QNYuDyPw.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}*{box-sizing:border-box}:root{color-scheme:light dark}a{color:inherit}html{font-size:18px;line-height:27px;line-height:1.5rem;margin:0;padding:0}body{color:light-dark(#333,#eee);font-family:Open Sans,Helvetica,Arial,sans-serif;font-size:1rem;margin:0;padding:0}@media print{body{background-color:transparent}}.form__column{display:flex;flex-direction:column;position:relative}.form__help{anchor-name:--grades;border-radius:1.5rem;border:solid Canvas;background-color:CanvasText;color:Canvas;cursor:pointer;font-size:1rem;font-weight:600;line-height:1rem;margin:.1875rem;padding:.375rem calc(.75rem - .2ch);position:absolute;right:-1.125rem;top:-1.125rem}.form__input{border:0 solid transparent;border-radius:.25rem;font-size:1rem;line-height:2.25}.form__input--color{background:conic-gradient(#0f0,#ff0,orange,red,#c800ff,#1323ff,#00d0ff,#0f0);cursor:pointer;display:block;height:2.25rem;width:2.25rem}.form__input--color::-moz-color-swatch,.form__input--color::-webkit-color-swatch{border:.125rem solid Field;border-radius:.25rem}.form__input--text{box-shadow:.125rem .125rem .25rem #0006 inset;padding:0 .375rem;width:100%}.form__inputs{align-items:end;display:flex;gap:.75rem;margin-bottom:1.5rem;position:relative}.form__inputs--right{flex-direction:row-reverse}.form__label--color{position:relative;cursor:pointer}.form__label--text{font-weight:700;width:calc(100% - 3.25rem)}.form__label-text{background-color:CanvasText;border-radius:.375rem .375rem 0 0;color:Canvas;margin-left:.375rem;padding:0 .375rem}.form__out{align-items:start;display:flex;justify-content:center;margin:0 0 1.5rem}.form__out-inner{display:inline-flex;position:relative}.form__output{border:1px solid transparent;border-radius:.75rem;background:linear-gradient(Canvas,Canvas);font-size:2.25rem;font-weight:700;margin:0;padding:.75rem;text-align:center}.form__row{display:flex;gap:1.5rem;justify-content:space-between;width:100%}.form__switch{border-width:0;border-radius:.375rem;padding:.1875rem;position:absolute;left:-1.5rem;top:1.5rem}.page{--color-1: #888;--color-2: #fff;--size: 1.5rem;background-image:repeating-conic-gradient(var(--color-1) 0% 25%,var(--color-2) 25% 50%);background-size:calc(var(--size)*2) calc(var(--size)*2);background-repeat:repeat,repeat;background-position:0 0;font-size:1rem;line-height:1.5;margin:0;min-width:33rem;overflow:auto;width:100%}.page__column{width:50%}.page__column{position:fixed;height:max(100vh,100%);width:50%;top:0;z-index:1}.page__column--left{background-color:var(--zad);color:var(--pierad);left:0}.page__column--right{background-color:var(--pierad);color:var(--zad);right:0}.page__bottom{position:relative;z-index:2}.page__content{margin:0 auto;position:relative;width:min(52rem,96%);z-index:2}.page__details{margin-bottom:.75rem}.page__summary{padding-left:.75rem}.page__subtitle{display:inline-flex;margin:0}.page__title{font-family:Quicksand,Arial,Helvetica,sans-serif;font-size:1.5rem;display:flex;text-align:left}.page__title-left,.page__title-right{width:50%}.page__title-left{text-align:right}.page__title-text{background:Canvas;color:CanvasText;padding:0 .5ch}.page__title-left .page__title-text{background:CanvasText;color:Canvas}.values{color:var(--pierad);display:block;position:absolute;top:4.5rem;width:calc(100% - 1.5rem)}.form__column--left .values{right:4.5rem}.form__column--right .values{left:4.5rem}.values__button{background-color:Field;border:none;border-radius:.25rem;display:flex;box-shadow:.125rem .125rem .25rem #0005 inset;color:FieldText;cursor:pointer;font-size:.8334rem;justify-content:space-between;padding:.325rem;text-align:left;width:100%}.values__check--switch{appearance:none;border:0;margin:0 .1875rem 0 0;outline:unset;position:absolute}.values__icon{color:CanvasText;height:1rem;margin-left:.75rem;width:1rem}.values__icon--switch{height:1.5rem;margin:0;width:1.5rem}.values__item{display:grid;width:100%}.values__item--copied .values__icon{opacity:.7}.values__label{font-size:.722rem;margin-right:.375rem}.values__row{display:grid;gap:.75rem;grid-template-columns:1fr 1fr;grid-template-rows:auto;width:100%}.values__switch{background-color:Field;border-radius:.375rem;color:FieldText;cursor:pointer;display:inline-flex;margin-top:-3rem;padding:.325rem}.values__switch:has(input[type=checkbox]:focus){outline:auto}.form__column--left .values__switch{float:left}.form__column--right .values__switch{float:right}.values__toggle{background-color:CanvasText;border-radius:.375rem .375rem 0 0;color:Canvas;margin-left:.375rem;padding:0 .375rem}