@property --subset-saving-stop{inherits:false;initial-value:0%;syntax:"<percentage>"}:root{--black: #000;--white: #fff;--main-text-color: var(--black);--main-bg-color: var(--white);--inverted-text: var(--main-bg-color);--hue: 24deg;--alt-hue: 224deg;--grey-hue: var(--alt-hue);--orange-sat: 100%;--grey-sat: 7%;--orange: hsl(var(--hue), var(--orange-sat), 50%);--orange-dark: hsl(var(--hue), var(--orange-sat), 44%);--orange-dark-bg: hsl(var(--hue), var(--orange-sat), 57%);--orange-light: hsl(var(--hue), var(--orange-sat), 80%);--orange-verylight: hsl(var(--hue), var(--orange-sat), 92%);--orange-translucent: hsla(var(--hue), var(--orange-sat), 50%, 20%);--orange-translucent2: hsla(var(--hue), var(--orange-sat), 50%, 10%);--text-dark-photo: var(--main-bg-color);--text-light-photo: var(--main-text-color);--grey-light: hsl(var(--grey-hue), var(--grey-sat), 95%);--grey-mid: hsl(var(--grey-hue), var(--grey-sat), 78%);--grey-semi-dark: hsl(var(--grey-hue), var(--grey-sat), 61%);--grey-dark2: hsl(var(--grey-hue), var(--grey-sat), 44%);--grey-dark: hsl(var(--grey-hue), var(--grey-sat), 27%);--grey-very-dark: hsl(var(--grey-hue), var(--grey-sat), 13%);--error-bg: #cd0000;--error-notice-bg: hsla(var(--grey-hue), var(--grey-sat), 27%, 80%);--detail-error-text-color: var(--main-text-color);--site-bg-color: var(--grey-light);--site-bg-text: var(--main-text-color);--nav-text-highlight: var(--main-text-color);--nav-text-hover: var(--main-text-color);--nav-bg-highlight: var(--orange);--nav-bg-hover: var(--main-bg-color);--footer: hsl(var(--grey-hue), var(--grey-sat), 89%);--footer-text: var(--grey-dark);--list-header: var(--footer);--home-family-bg: var(--grey-light);--sample-color: var(--main-text-color);--sample-bg-color: var(--main-bg-color);--sample-bg-hover-color: var(--grey-light);--styles-count-color: var(--grey-dark2);--color-missing-font: var(--grey-dark2);--detail-inner-bg-color: var(--grey-light);--filter-overlay-bg: hsla(var(--grey-hue), var(--grey-sat), 98%, 80%);--gallery-caption-bg: hsla(var(--grey-hue), var(--grey-sat), 0%, 75%);--package-header-transparent: hsla(var(--grey-hue), var(--grey-sat), 27%, 0%);--package-header: var(--grey-dark);--package-header-text: var(--main-bg-color);--styles-list-transparent: hsla(var(--grey-hue), var(--grey-sat), 100%, 0%);--filter-border-color: var(--grey-mid);--filter-border-hover-color: var(--grey-dark);--filter-border-active-color: var(--grey-dark);--filter-text-color: var(--grey-dark2);--filter-text-hover-color: var(--main-text-color);--filter-text-active-color: var(--main-text-color);--filter-item-bg-active-color: var(--main-bg-color);--filter-tile-bg-active-color: var(--grey-light);--view-toggle-bg-active-color: var(--grey-mid);--article-image-bg: var(--grey-light);--admin-pagination-bg: var(--main-bg-color);--admin-bg: var(--site-bg-color);--box-bg-light-grey: hsl(var(--grey-hue), var(--grey-sat), 98%);--substitution-overlay-bg: hsla(0deg, 0%, 0%, 35%);--button-bg: var(--orange);--button-bg-hover: #000;--button-text: #fff;--button-text-hover: #fff;--button-border: var(--button-bg);--button-border-hover: var(--button-bg-hover);--button-text-disabled: var(--grey-dark2);--button-bg-disabled: var(--grey-mid);--button-bg-disabled-hover: var(--grey-mid);--button-border-disabled: var(--button-bg-disabled);--button-secondary: #fff;--button-secondary-hover: #fff;--button-secondary-text: var(--button-bg);--button-secondary-text-hover: #000;--button-secondary-border: var(--button-bg);--button-secondary-border-hover: var(--button-secondary-text-hover);--button-secondary-border-disabled: var(--grey-semi-dark);--button-secondary-bg-disabled: var(--grey-mid);--button-secondary-bg-disabled-hover: var(--grey-mid);--color-table-border: var(--grey-semi-dark);--color-coupon-border: rgba(255, 255, 255, 36%);--metrics-color: var(--orange);--box-shadow-color: hsla(0deg, 0%, 0%, 25%);--content-shadow-color: hsla(0deg, 0%, 0%, 8%);--text-on-image-shadow-color: hsla(0deg, 0%, 0%, 100%);--validation-green: #66bb6a;--message: 2px solid var(--orange);--message-bg-color: var(--main-bg-color);--message-read-bg-color: var(--grey-light);--message-read-color: var(--grey-semi-dark);--message-border-color: var(--grey-semi-dark);--message-border: 1px solid var(--message-border-color);--message-header-bg-color: var(--grey-light);--message-header-color: var(--main-text-color);--message-header-read-bg-color: var(--grey-light);--message-header-read-color: var(--main-text-color);--overlay-bg: rgba(0, 0, 0, 80%);--badge-bg-color: hsl(var(--alt-hue), 90%, 50%);--badge-color: var(--white);--cart-badge-bg-color: var(--orange);--cart-badge-color: var(--white);--border-radius-elements: 3px;--border-radius-cards: 6px;--input-bg-color: var(--box-bg-light-grey);--input-border: var(--table-border);--input-color: var(--main-text-color);color-scheme:light dark}@media (prefers-color-scheme: dark){:root{--hue: 24;--grey-hue: var(--hue);--grey-sat: 4%;--main-text-color: var(--white);--main-bg-color: var(--grey-dark);--inverted-text: var(--main-bg-color);--text-dark-photo: var(--white);--text-light-photo: var(--black);--detail-error-text-color: var(--main-bg-color);--site-bg-color: hsl(var(--grey-hue), var(--grey-sat), 20%);--site-bg-text: var(--white);--nav-text-hover: var(--site-bg-text);--nav-bg-hover: var(--black);--nav-text-highlight: var(--site-bg-text);--footer: var(--grey-dark);--footer-text: var(--grey-light);--sample-bg-color: var(--grey-light);--sample-bg-hover-color: var(--grey-dark2);--sample-color: var(--grey-dark);--styles-count-color: var(--grey-light);--color-missing-font: var(--grey-dark2);--package-header: var(--grey-dark2);--package-header-transparent: hsla(var(--grey-hue), var(--grey-sat), 27%, 0%);--package-header-text: var(--main-text-color);--filter-border-color: var(--grey-dark2);--filter-border-hover-color: var(--grey-light);--filter-border-active-color: var(--grey-light);--filter-text-color: var(--grey-semi-dark);--filter-text-hover-color: var(--main-text-color);--filter-item-bg-active-color: var(--grey-dark2);--filter-tile-bg-active-color: var(--grey-semi-dark);--view-toggle-bg-active-color: var(--grey-dark2);--detail-inner-bg-color: var(--grey-dark2);--message-border-color: var(--grey-very-dark);--message-bg-color: var(--grey-dark2);--message-read-bg-color: var(--grey-dark);--message-header-bg-color: var(--grey-semi-dark);--message-header-color: var(--main-text-color);--message-header-read-bg-color: var(--grey-dark2);--message-header-read-color: var(--main-text-color);--input-bg-color: var(--grey-dark2);--input-color: var(--grey-light)}:root footer,:root nav{letter-spacing:0.02em}}[data-theme="dark"]{--hue: 24;--grey-hue: var(--hue);--grey-sat: 4%;--main-text-color: var(--white);--main-bg-color: var(--grey-dark);--inverted-text: var(--main-bg-color);--text-dark-photo: var(--white);--text-light-photo: var(--black);--detail-error-text-color: var(--main-bg-color);--site-bg-color: hsl(var(--grey-hue), var(--grey-sat), 20%);--site-bg-text: var(--white);--nav-text-hover: var(--site-bg-text);--nav-bg-hover: var(--black);--nav-text-highlight: var(--site-bg-text);--footer: var(--grey-dark);--footer-text: var(--grey-light);--sample-bg-color: var(--grey-light);--sample-bg-hover-color: var(--grey-dark2);--sample-color: var(--grey-dark);--styles-count-color: var(--grey-light);--color-missing-font: var(--grey-dark2);--package-header: var(--grey-dark2);--package-header-transparent: hsla(var(--grey-hue), var(--grey-sat), 27%, 0%);--package-header-text: var(--main-text-color);--filter-border-color: var(--grey-dark2);--filter-border-hover-color: var(--grey-light);--filter-border-active-color: var(--grey-light);--filter-text-color: var(--grey-semi-dark);--filter-text-hover-color: var(--main-text-color);--filter-item-bg-active-color: var(--grey-dark2);--filter-tile-bg-active-color: var(--grey-semi-dark);--view-toggle-bg-active-color: var(--grey-dark2);--detail-inner-bg-color: var(--grey-dark2);--message-border-color: var(--grey-very-dark);--message-bg-color: var(--grey-dark2);--message-read-bg-color: var(--grey-dark);--message-header-bg-color: var(--grey-semi-dark);--message-header-color: var(--main-text-color);--message-header-read-bg-color: var(--grey-dark2);--message-header-read-color: var(--main-text-color);--input-bg-color: var(--grey-dark2);--input-color: var(--grey-light)}[data-theme="dark"] footer,[data-theme="dark"] nav{letter-spacing:0.02em}[data-theme="light"]{--black: #000;--white: #fff;--main-text-color: var(--black);--main-bg-color: var(--white);--inverted-text: var(--main-bg-color);--hue: 24deg;--alt-hue: 224deg;--grey-hue: var(--alt-hue);--orange-sat: 100%;--grey-sat: 7%;--orange: hsl(var(--hue), var(--orange-sat), 50%);--orange-dark: hsl(var(--hue), var(--orange-sat), 44%);--orange-dark-bg: hsl(var(--hue), var(--orange-sat), 57%);--orange-light: hsl(var(--hue), var(--orange-sat), 80%);--orange-verylight: hsl(var(--hue), var(--orange-sat), 92%);--orange-translucent: hsla(var(--hue), var(--orange-sat), 50%, 20%);--orange-translucent2: hsla(var(--hue), var(--orange-sat), 50%, 10%);--text-dark-photo: var(--main-bg-color);--text-light-photo: var(--main-text-color);--grey-light: hsl(var(--grey-hue), var(--grey-sat), 95%);--grey-mid: hsl(var(--grey-hue), var(--grey-sat), 78%);--grey-semi-dark: hsl(var(--grey-hue), var(--grey-sat), 61%);--grey-dark2: hsl(var(--grey-hue), var(--grey-sat), 44%);--grey-dark: hsl(var(--grey-hue), var(--grey-sat), 27%);--grey-very-dark: hsl(var(--grey-hue), var(--grey-sat), 13%);--error-bg: #cd0000;--error-notice-bg: hsla(var(--grey-hue), var(--grey-sat), 27%, 80%);--detail-error-text-color: var(--main-text-color);--site-bg-color: var(--grey-light);--site-bg-text: var(--main-text-color);--nav-text-highlight: var(--main-text-color);--nav-text-hover: var(--main-text-color);--nav-bg-highlight: var(--orange);--nav-bg-hover: var(--main-bg-color);--footer: hsl(var(--grey-hue), var(--grey-sat), 89%);--footer-text: var(--grey-dark);--list-header: var(--footer);--home-family-bg: var(--grey-light);--sample-color: var(--main-text-color);--sample-bg-color: var(--main-bg-color);--sample-bg-hover-color: var(--grey-light);--styles-count-color: var(--grey-dark2);--color-missing-font: var(--grey-dark2);--detail-inner-bg-color: var(--grey-light);--filter-overlay-bg: hsla(var(--grey-hue), var(--grey-sat), 98%, 80%);--gallery-caption-bg: hsla(var(--grey-hue), var(--grey-sat), 0%, 75%);--package-header-transparent: hsla(var(--grey-hue), var(--grey-sat), 27%, 0%);--package-header: var(--grey-dark);--package-header-text: var(--main-bg-color);--styles-list-transparent: hsla(var(--grey-hue), var(--grey-sat), 100%, 0%);--filter-border-color: var(--grey-mid);--filter-border-hover-color: var(--grey-dark);--filter-border-active-color: var(--grey-dark);--filter-text-color: var(--grey-dark2);--filter-text-hover-color: var(--main-text-color);--filter-text-active-color: var(--main-text-color);--filter-item-bg-active-color: var(--main-bg-color);--filter-tile-bg-active-color: var(--grey-light);--view-toggle-bg-active-color: var(--grey-mid);--article-image-bg: var(--grey-light);--admin-pagination-bg: var(--main-bg-color);--admin-bg: var(--site-bg-color);--box-bg-light-grey: hsl(var(--grey-hue), var(--grey-sat), 98%);--substitution-overlay-bg: hsla(0deg, 0%, 0%, 35%);--button-bg: var(--orange);--button-bg-hover: #000;--button-text: #fff;--button-text-hover: #fff;--button-border: var(--button-bg);--button-border-hover: var(--button-bg-hover);--button-text-disabled: var(--grey-dark2);--button-bg-disabled: var(--grey-mid);--button-bg-disabled-hover: var(--grey-mid);--button-border-disabled: var(--button-bg-disabled);--button-secondary: #fff;--button-secondary-hover: #fff;--button-secondary-text: var(--button-bg);--button-secondary-text-hover: #000;--button-secondary-border: var(--button-bg);--button-secondary-border-hover: var(--button-secondary-text-hover);--button-secondary-border-disabled: var(--grey-semi-dark);--button-secondary-bg-disabled: var(--grey-mid);--button-secondary-bg-disabled-hover: var(--grey-mid);--color-table-border: var(--grey-semi-dark);--color-coupon-border: rgba(255, 255, 255, 36%);--metrics-color: var(--orange);--box-shadow-color: hsla(0deg, 0%, 0%, 25%);--content-shadow-color: hsla(0deg, 0%, 0%, 8%);--text-on-image-shadow-color: hsla(0deg, 0%, 0%, 100%);--validation-green: #66bb6a;--message: 2px solid var(--orange);--message-bg-color: var(--main-bg-color);--message-read-bg-color: var(--grey-light);--message-read-color: var(--grey-semi-dark);--message-border-color: var(--grey-semi-dark);--message-border: 1px solid var(--message-border-color);--message-header-bg-color: var(--grey-light);--message-header-color: var(--main-text-color);--message-header-read-bg-color: var(--grey-light);--message-header-read-color: var(--main-text-color);--overlay-bg: rgba(0, 0, 0, 80%);--badge-bg-color: hsl(var(--alt-hue), 90%, 50%);--badge-color: var(--white);--cart-badge-bg-color: var(--orange);--cart-badge-color: var(--white);--border-radius-elements: 3px;--border-radius-cards: 6px;--input-bg-color: var(--box-bg-light-grey);--input-border: var(--table-border);--input-color: var(--main-text-color);color-scheme:light dark}[data-theme="colorful"]{--site-bg-color: var(--orange-light)}:root{--grid-height: 1.5rem;--half-grid-height: calc(var(--grid-height) * 0.5);--hem: 0.55em;--site-font-weight: 400;--site-font-stretch: 90;--notifs-width: 16em;--table-border: 1px solid var(--color-table-border);--accent-border: 1px solid hsl(var(--grey-hue), var(--grey-saturation), 91%);--coupon-border: 5px solid var(--color-coupon-border);--metrics-width: 1px;--box-shadow-size: 0 0.25em 0.4em;--box-shadow: var(--box-shadow-size) var(--box-shadow-color);--content-shadow: 0 0 0.3em var(--content-shadow-color);--text-on-image-shadow: 0 0.15em 0.3em var(--text-on-image-shadow-color)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,figure,figcaption,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;line-height:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}abbr[title]{border-bottom:1px dotted var(--grey-dark);cursor:help}*,*::before,*::after{box-sizing:border-box}*:focus{outline:0}@font-face{font-display:swap;font-family:TheSansMonoWebVar;font-stretch:80% 100%;font-weight:200 900;src:url(/wf/TheSansMonoV.woff2) format("woff2-variations"),url(/wf/TheSansMonoV.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWebVar;font-stretch:80% 100%;font-style:italic;font-weight:200 900;src:url(/wf/TheSansMonoV-Italic.woff2) format("woff2-variations"),url(/wf/TheSansMonoV-Italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:FilterWeb;font-style:normal;font-weight:400;src:url(/wf/filter.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:normal;font-weight:300;src:url(/wf/TheSansMonoWeb-SCdW3.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:italic;font-weight:300;src:url(/wf/TheSansMonoWeb-SCdW3i.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:normal;font-weight:400;src:url(/wf/TheSansMonoWeb-SCdW4.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:italic;font-weight:400;src:url(/wf/TheSansMonoWeb-SCdW4i.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:normal;font-weight:500;src:url(/wf/TheSansMonoWeb-SCdW5.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:italic;font-weight:500;src:url(/wf/TheSansMonoWeb-SCdW5i.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:normal;font-weight:600;src:url(/wf/TheSansMonoWeb-SCdW6.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:italic;font-weight:600;src:url(/wf/TheSansMonoWeb-SCdW6i.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:normal;font-weight:700;src:url(/wf/TheSansMonoWeb-SCdW7.woff2) format("woff2")}@font-face{font-display:swap;font-family:TheSansMonoWeb;font-style:italic;font-weight:700;src:url(/wf/TheSansMonoWeb-SCdW7i.woff2) format("woff2")}@font-face{font-display:swap;font-family:NumbersWeb;font-style:normal;font-weight:400;src:url(/wf/numbers.woff2) format("woff2")}@font-face{font-display:swap;font-family:"TheSans-5_Plain-subset";font-style:normal;font-weight:400;src:url(/wf/TheSans-5_Plain-subset.woff2) format("woff2")}@font-face{font-display:swap;font-family:"TheSans-7_Bold-subset";font-style:normal;font-weight:400;src:url(/wf/TheSans-7_Bold-subset.woff2) format("woff2")}@font-face{font-display:swap;font-family:"TheSans-5_Plain-subset-noSC";font-style:normal;font-weight:400;src:url(/wf/TheSans-5_Plain-subset-noSC.woff2) format("woff2")}@font-face{font-display:swap;font-family:"TheSans-7_Bold-subset-noSC";font-style:normal;font-weight:400;src:url(/wf/TheSans-7_Bold-subset-noSC.woff2) format("woff2")}#breakpoints::after{font-weight:700;bottom:0;color:var(--orange);content:"0";font-family:NumbersWeb, monospace;font-size:10px;left:0;line-height:12px;position:fixed;z-index:10000}@supports (font-variation-settings: "wght" 700){#breakpoints::after{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#breakpoints::after{--site-font-stretch: 85}}}@media only screen and (min-width: 400px){#breakpoints::after{content:"1"}}@media only screen and (min-width: 460px){#breakpoints::after{content:"2"}}@media only screen and (min-width: 600px){#breakpoints::after{content:"3"}}@media only screen and (min-width: 700px){#breakpoints::after{content:"4"}}@media only screen and (min-width: 820px){#breakpoints::after{content:"5"}}@media only screen and (min-width: 920px){#breakpoints::after{content:"6"}}@media only screen and (min-width: 1000px){#breakpoints::after{content:"7"}}@media only screen and (min-width: 1100px){#breakpoints::after{content:"8"}}@media only screen and (min-width: 1220px){#breakpoints::after{content:"9"}}@media only screen and (min-width: 1400px){#breakpoints::after{content:"10"}}@media only screen and (min-width: 1640px){#breakpoints::after{content:"11"}}@media only screen and (min-width: 1920px){#breakpoints::after{content:"12"}}@media only screen and (min-width: 2308px){#breakpoints::after{content:"13"}}html{font-size:15px;height:100%}@media only screen and (min-width: 1220px){html{font-size:16px}}@media only screen and (min-width: 2308px){html{font-size:16px}}body,pre{font-family:TheSansMonoWeb, Consolas, Menlo, monospace}@supports (font-variation-settings: "wght" 400){body,pre{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}code{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;font-feature-settings:"ss20"}@supports (font-variation-settings: "wght" 400){code{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}pre.code-css{font-weight:375;background-color:var(--grey-light);color:var(--grey-very-dark);font-feature-settings:"ss20";font-size:0.9em;line-height:1.3em;margin-bottom:1em;padding:1.1em}@supports (font-variation-settings: "wght" 375){pre.code-css{--site-font-weight: 375;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){pre.code-css{--site-font-stretch: 85}}}pre.code-css .comment{color:var(--grey-dark2);font-style:italic}pre.code-css .element{font-weight:725;color:#e61a1a}@supports (font-variation-settings: "wght" 725){pre.code-css .element{--site-font-weight: 725;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){pre.code-css .element{--site-font-stretch: 85}}}pre.code-css .property{color:#ae7b13}pre.code-css .string{color:#4d8a0f}pre.code-css .value{color:#f2590d}body{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;background:var(--site-bg-color);color:var(--main-text-color);display:flex;flex-direction:column;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;height:100%;-webkit-hyphens:none;hyphens:none;line-height:1.5rem;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}@media (max-width: 400px){body{--site-font-stretch: 80}}a{font-weight:550;color:var(--orange);text-decoration:none}@supports (font-variation-settings: "wght" 550){a{--site-font-weight: 550;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){a{--site-font-stretch: 85}}}a :visited{color:var(--orange)}a p{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){a p{--site-font-stretch: 80}}a p.pseudolink{font-weight:500}@supports (font-variation-settings: "wght" 500){a p.pseudolink{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){a p.pseudolink{--site-font-stretch: 85}}}p,ul{margin-bottom:1rem}p+h2,p+.h2,ul+h2,ul+.h2{margin-top:2.5rem}p+h3,p+.h3,ul+h3,ul+.h3{margin-top:2.25rem}p+h4,p+.h4,ul+h4,ul+.h4{margin-top:1.875rem}p+h5,p+.h5,ul+h5,ul+.h5{margin-top:1.75rem}.large-text,.f .large-text{font-size:15px;line-height:1.5em}.large-text p,.large-text ul,.f .large-text p,.f .large-text ul{margin-bottom:1em}@media only screen and (min-width: 460px){.large-text,.f .large-text{font-size:16px}}@media only screen and (min-width: 820px){.large-text,.f .large-text{font-size:17px}}@media only screen and (min-width: 1220px){.large-text,.f .large-text{font-size:18px}}@media only screen and (min-width: 1640px){.large-text,.f .large-text{font-size:20px}}.sc{font-feature-settings:"smcp";font-variant:small-caps}sup{font-feature-settings:"sups";font-variant-position:super}a.button,a.button-secondary,div.button,div.button-secondary,.global-actions a,input[type="submit"],button,button.secondary,tr.actions a,.tr.actions a{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;font-weight:500;background:var(--button-bg);border:2px solid var(--button-border);border-radius:var(--border-radius-elements);color:var(--button-text);display:inline-block;font-size:1em;line-height:1.2em;margin:0;padding:0.4rem 0.9rem;white-space:nowrap}@supports (font-variation-settings: "wght" 400){a.button,a.button-secondary,div.button,div.button-secondary,.global-actions a,input[type="submit"],button,button.secondary,tr.actions a,.tr.actions a{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}@supports (font-variation-settings: "wght" 500){a.button,a.button-secondary,div.button,div.button-secondary,.global-actions a,input[type="submit"],button,button.secondary,tr.actions a,.tr.actions a{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){a.button,a.button-secondary,div.button,div.button-secondary,.global-actions a,input[type="submit"],button,button.secondary,tr.actions a,.tr.actions a{--site-font-stretch: 85}}}a.button:hover,a.button-secondary:hover,div.button:hover,div.button-secondary:hover,.global-actions a:hover,input[type="submit"]:hover,button:hover,button.secondary:hover,tr.actions a:hover,.tr.actions a:hover{background:var(--button-bg-hover);border-color:var(--button-border-hover);color:var(--button-text-hover);cursor:pointer}a.button:active,a.button-secondary:active,div.button:active,div.button-secondary:active,.global-actions a:active,input[type="submit"]:active,button:active,button.secondary:active,tr.actions a:active,.tr.actions a:active{background:var(--button-bg-hover);border-color:var(--button-bg-hover);cursor:pointer;transform:scale(0.98)}a.button:disabled,a.button.inactive,a.button-secondary:disabled,a.button-secondary.inactive,div.button:disabled,div.button.inactive,div.button-secondary:disabled,div.button-secondary.inactive,.global-actions a:disabled,.global-actions a.inactive,input[type="submit"]:disabled,input.inactive[type="submit"],button:disabled,button.inactive,button.secondary:disabled,button.secondary.inactive,tr.actions a:disabled,tr.actions a.inactive,.tr.actions a:disabled,.tr.actions a.inactive{background:var(--button-bg-disabled);border-color:var(--button-border-disabled);color:var(--button-text-disabled)}a.button:disabled:hover,a.button.inactive:hover,a.button-secondary:disabled:hover,a.button-secondary.inactive:hover,div.button:disabled:hover,div.button.inactive:hover,div.button-secondary:disabled:hover,div.button-secondary.inactive:hover,.global-actions a:disabled:hover,.global-actions a.inactive:hover,input[type="submit"]:disabled:hover,input.inactive[type="submit"]:hover,button:disabled:hover,button.inactive:hover,button.secondary:disabled:hover,button.secondary.inactive:hover,tr.actions a:disabled:hover,tr.actions a.inactive:hover,.tr.actions a:disabled:hover,.tr.actions a.inactive:hover{background:var(--button-bg-disabled-hover);border-color:var(--button-border-disabled);color:var(--button-text-disabled)}a.button.small,a.button-secondary.small,div.button.small,div.button-secondary.small,.global-actions a.small,input.small[type="submit"],button.small,button.secondary.small,tr.actions a.small,.tr.actions a.small{font-weight:600;font-size:13px;padding:0.25em 0.75em}@supports (font-variation-settings: "wght" 600){a.button.small,a.button-secondary.small,div.button.small,div.button-secondary.small,.global-actions a.small,input.small[type="submit"],button.small,button.secondary.small,tr.actions a.small,.tr.actions a.small{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){a.button.small,a.button-secondary.small,div.button.small,div.button-secondary.small,.global-actions a.small,input.small[type="submit"],button.small,button.secondary.small,tr.actions a.small,.tr.actions a.small{--site-font-stretch: 85}}}a.button-secondary,div.button-secondary,button.secondary,input.secondary[type="submit"],tr.actions a.secondary,.tr.actions a.secondary{background:var(--button-secondary);border-color:var(--button-secondary-border);color:var(--button-secondary-text)}a.button-secondary:hover,div.button-secondary:hover,button.secondary:hover,input.secondary[type="submit"]:hover,tr.actions a.secondary:hover,.tr.actions a.secondary:hover{background:var(--button-secondary-hover);border-color:var(--button-secondary-border-hover);color:var(--button-secondary-text-hover)}a.button-secondary:disabled,a.button-secondary.inactive,div.button-secondary:disabled,div.button-secondary.inactive,button.secondary:disabled,button.secondary.inactive,input.secondary[type="submit"]:disabled,input.secondary.inactive[type="submit"],tr.actions a.secondary:disabled,tr.actions a.secondary.inactive,.tr.actions a.secondary:disabled,.tr.actions a.secondary.inactive{background:var(--button-secondary-bg-disabled);border-color:var(--button-secondary-border-disabled);color:var(--button-text-disabled)}a.button-secondary:disabled:hover,a.button-secondary.inactive:hover,div.button-secondary:disabled:hover,div.button-secondary.inactive:hover,button.secondary:disabled:hover,button.secondary.inactive:hover,input.secondary[type="submit"]:disabled:hover,input.secondary.inactive[type="submit"]:hover,tr.actions a.secondary:disabled:hover,tr.actions a.secondary.inactive:hover,.tr.actions a.secondary:disabled:hover,.tr.actions a.secondary.inactive:hover{background:var(--button-secondary-bg-disabled-hover);border-color:var(--button-secondary-border-disabled);color:var(--button-text-disabled)}a.button-large{font-size:15px;padding:0.25em 0.75em}@media only screen and (min-width: 460px){a.button-large{font-size:16px}}@media only screen and (min-width: 820px){a.button-large{font-size:17px}}@media only screen and (min-width: 1220px){a.button-large{font-size:18px}}@media only screen and (min-width: 1640px){a.button-large{font-size:20px}}.arrow-link{font-weight:500;color:var(--orange);display:inline-block;margin:0}@supports (font-variation-settings: "wght" 500){.arrow-link{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){.arrow-link{--site-font-stretch: 85}}}.arrow-link:hover{color:var(--button-bg-hover)}.arrow-link:disabled,.arrow-link.inactive{color:var(--button-secondary-border-disabled)}.arrow-link:disabled:hover,.arrow-link.inactive:hover{color:var(--button-secondary-border-disabled)}.arrow-link.arrow-right::before{content:"→";margin-right:0.5rem}.arrow-link.arrow-left::before{content:"←";margin-right:0.5rem}.arrow-link.arrowhead-right::before{content:">";margin-right:0.5rem}.arrow-link.rotated::before{display:inline-block;transform:rotate(90deg)}.tag-label{border:1px solid var(--main-text-color);border-radius:10px;color:var(--main-text-color);display:inline-block;padding:0.1em 0.75em;vertical-align:baseline}.tag-label:hover{border-color:var(--button-bg);color:var(--button-bg)}.tag-label.tag-label-small{display:none;font-size:12px;font-variation-settings:"wght" 500;line-height:20px}@media only screen and (min-width: 820px){.tag-label.tag-label-small{display:inline-block}}h1,.h1{font-size:1.8667rem;line-height:2.1333rem;margin-bottom:2rem}@media (max-width: 400px){h1,.h1{margin-left:7.5px;margin-right:7.5px}}@media only screen and (min-width: 460px){h1,.h1{font-size:3rem;line-height:3.375rem}}h2,.h2{font-size:1.6rem;line-height:2rem;margin-bottom:1rem}@media only screen and (min-width: 460px){h2,.h2{font-size:2.25rem;line-height:2.5rem}}h3,.h3{font-size:1.3333rem;line-height:1.733rem;margin-bottom:0.8rem}@media only screen and (min-width: 460px){h3,.h3{font-size:1.875rem;line-height:2.25rem}}h4,.h4{font-size:1.2rem;line-height:1.6rem;margin-bottom:0.6667rem}@media only screen and (min-width: 460px){h4,.h4{font-size:1.5rem;line-height:1.875rem}}h5,.h5{font-size:1.0667rem;line-height:1.4667rem;margin-bottom:0.4rem}@media only screen and (min-width: 460px){h5,.h5{font-size:1.25rem;line-height:1.625rem}}h6,.h6{font-size:1rem;line-height:1.4667rem;margin-bottom:0}@media only screen and (min-width: 460px){h6,.h6{font-size:1rem;line-height:1.375rem}}blockquote{background:var(--grey-light);margin-bottom:var(--grid-height);margin-right:calc(2 * var(--hem));padding:0.8em 0.55em 0.025em 1.1em}h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{font-weight:600;color:var(--site-bg-text)}@supports (font-variation-settings: "wght" 600){h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6{--site-font-stretch: 85}}}.container h1,.container h2,.container h3,.container h4,.container h5,.container h6,.container .h1,.container .h2,.container .h3,.container .h4,.container .h5,.container .h6{color:var(--main-text-color)}strong{font-weight:700}@supports (font-variation-settings: "wght" 700){strong{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){strong{--site-font-stretch: 85}}}em{font-style:italic}ol{list-style-position:inside;margin:0;padding:0}ol li{list-style-position:outside;list-style-type:decimal;margin-bottom:var(--grid-height);margin-left:calc(4 * var(--hem));padding-left:0}header{flex-shrink:0;margin:0;max-width:2200px;padding:12px 12px 2rem;position:relative}@media only screen and (min-width: 820px){header{display:flex;margin:0 auto;padding:20px;width:100%}}@media only screen and (min-width: 1220px){header{padding:28px}}@media only screen and (min-width: 1640px){header{padding:36px 54px}}.logo a{display:block;height:48px;left:6px;overflow:hidden;position:absolute;top:6px;width:48px}@media only screen and (min-width: 400px){.logo{margin-right:auto}.logo a{position:static;width:196px}}#clogo{height:60px;left:0;position:absolute;top:0;width:220px}@media only screen and (min-width: 820px){#clogo{height:76px;width:236px}}@media only screen and (min-width: 1220px){#clogo{height:92px;width:252px}}@media only screen and (min-width: 1640px){#clogo{height:108px;width:304px}}main{flex:1 0 auto;margin:0 auto;max-width:2200px;padding:0 12px 12px;width:100%}@media (max-width: 400px){main{padding:0}}@media only screen and (min-width: 820px){main{padding:0 20px 20px}}@media only screen and (min-width: 1220px){main{padding:0 28px 28px}}@media only screen and (min-width: 1640px){main{padding:0 54px 36px}}.hidden{display:none}.num{text-align:right}.number-grouping span{padding-right:0.6em;word-break:break-word}div.field,div.actions{margin-bottom:10px}#notice,#alert{font-weight:500;border:var(--message);color:var(--orange-dark);margin:0 auto;max-width:2200px;padding:2rem;width:100%}@supports (font-variation-settings: "wght" 500){#notice,#alert{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#notice,#alert{--site-font-stretch: 85}}}#notice a,#alert a{border-bottom:1px solid var(--main-text-color);color:var(--main-text-color)}#notice a:hover,#alert a:hover{border-bottom-color:var(--orange);color:var(--orange)}#notice p,#alert p{margin:0;padding:0}@media (max-width: 400px){#notice,#alert{margin:0 12px 1rem;width:calc(100% - 24px)}}@media only screen and (min-width: 400px){#notice,#alert{margin:0 12px 1rem;width:calc(100% - 24px)}}@media only screen and (min-width: 820px){#notice,#alert{margin:0 20px 1rem;padding:20px;width:calc(100% - 40px)}}@media only screen and (min-width: 1220px){#notice,#alert{margin:0 28px 1rem;padding:28px;width:calc(100% - 56px)}}@media only screen and (min-width: 1640px){#notice,#alert{margin:0 54px 1rem;width:calc(100% - 108px)}}@media only screen and (min-width: 1920px){#notice,#alert{margin:0 auto 1rem;max-width:calc(2200px - 108px)}}#error{background-color:var(--error-bg);color:var(--inverted-text)}#error-messages,#error_explanation,#item_error_explanation{background-color:var(--orange-light);border:2px solid var(--orange);margin-bottom:2em}#error-messages h2,#error_explanation h2,#item_error_explanation h2{font-weight:700;background-color:var(--orange);color:var(--inverted-text);font-size:1.2em;margin:0;padding:0.6em 0.7em}@supports (font-variation-settings: "wght" 700){#error-messages h2,#error_explanation h2,#item_error_explanation h2{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#error-messages h2,#error_explanation h2,#item_error_explanation h2{--site-font-stretch: 85}}}#error-messages ul,#error_explanation ul,#item_error_explanation ul{font-size:1em;list-style-type:disc;margin:0.5em 0 0 0.6em;padding:0 0 0 1.5em}#error-messages ul li,#error_explanation ul li,#item_error_explanation ul li{margin:0 0 0.5em}td .field_with_errors,td.field_with_errors,th .field_with_errors,th.field_with_errors{background-color:var(--orange-light);padding:0.3em}td .field_with_errors input[type="email"],td .field_with_errors input[type="password"],td .field_with_errors input[type="text"],td.field_with_errors input[type="email"],td.field_with_errors input[type="password"],td.field_with_errors input[type="text"],th .field_with_errors input[type="email"],th .field_with_errors input[type="password"],th .field_with_errors input[type="text"],th.field_with_errors input[type="email"],th.field_with_errors input[type="password"],th.field_with_errors input[type="text"]{background-color:var(--orange-verylight);display:inline-block}div .field_with_errors input[type="email"],div .field_with_errors input[type="password"],div .field_with_errors input[type="text"],div.field_with_errors input[type="email"],div.field_with_errors input[type="password"],div.field_with_errors input[type="text"]{background-color:var(--orange-verylight);border:3px solid var(--orange);display:inline-block}th .field_with_errors{background-color:transparent;color:var(--orange)}#mt-warning,#su-warning{font-weight:500;background:var(--orange);box-shadow:var(--content-shadow);color:var(--main-bg-color);padding:0.5em 12px}@supports (font-variation-settings: "wght" 500){#mt-warning,#su-warning{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#mt-warning,#su-warning{--site-font-stretch: 85}}}@media (max-width: 400px){#mt-warning,#su-warning{padding:0}}@media only screen and (min-width: 820px){#mt-warning,#su-warning{padding:0.5em 20px}}@media only screen and (min-width: 1220px){#mt-warning,#su-warning{padding:0.5em 28px}}@media only screen and (min-width: 1640px){#mt-warning,#su-warning{padding:0.5em 54px}}#su-warning{background:var(--orange-light);color:var(--main-text-color)}.license-overlay{background:var(--overlay-bg);bottom:0;display:none;left:0;overflow-y:scroll;position:fixed;right:0;top:0;z-index:2}.license-overlay .license-overlay-content{background:var(--main-bg-color);margin:5% auto;max-width:800px;padding:1.5rem;width:90%}.license-overlay .license-overlay-content p{margin-bottom:1rem}.license-overlay .license-overlay-content p.article-footer{font-style:italic;margin-top:3rem}.license-overlay .license-overlay-content section{padding-left:1.5rem}.license-overlay .license-overlay-content ol{margin-bottom:1.2rem;padding:1rem 0 0 2.4rem}.license-overlay .license-overlay-content ol li{list-style-type:auto}.license-overlay .license-overlay-content ol ol li{list-style-type:lower-alpha}.license-overlay.active{display:block}@media only screen and (min-width: 820px){.license-overlay .license-overlay-content{padding:3rem}.license-overlay .license-overlay-content section{padding-left:3rem}.license-overlay .license-overlay-content ol ol{padding:1rem 0 0 3rem}}.cookie-msg{align-items:baseline;background:var(--overlay-bg);bottom:0;color:var(--main-bg-color);display:flex;flex-wrap:wrap;justify-content:space-between;padding:12px 12px 0;position:fixed;width:100%;z-index:1000}.cookie-msg p{margin-bottom:12px}.cookie-msg .button-secondary{background:none;margin:0 12px 12px 0}.cookie-msg .button-secondary:hover{background:none;border-color:var(--main-bg-color);color:var(--main-bg-color)}@media (max-width: 400px){.cookie-msg{padding-bottom:12px}}@media only screen and (min-width: 820px){.cookie-msg{padding:12px 20px 0}}@media only screen and (min-width: 1220px){.cookie-msg{padding:12px 28px 0}}@media only screen and (min-width: 1640px){.cookie-msg{padding:12px 54px 0}}.matomo-settings{background:var(--site-bg-color);margin-bottom:1rem;padding:1rem 1rem 0}.matomo-settings iframe{width:100%}.bread{align-items:center;background-color:var(--footer);display:inline-flex;flex-wrap:wrap;font-style:italic;list-style-type:none;margin-bottom:2rem;overflow:hidden;padding:0.5rem 1rem}.bread li{color:var(--grey-semi-dark)}.bread li a:link,.bread li a:visited,.bread li a:hover,.bread li a:active{color:var(--main-text-color);margin:0;padding:0;text-decoration:none}.bread li a:hover{border-bottom:1px solid var(--main-text-color)}.bread li.hl{font-weight:700;color:var(--main-text-color)}@supports (font-variation-settings: "wght" 700){.bread li.hl{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){.bread li.hl{--site-font-stretch: 85}}}.bread li.hl a{font-weight:700}@supports (font-variation-settings: "wght" 700){.bread li.hl a{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){.bread li.hl a{--site-font-stretch: 85}}}.bread .arrow{color:var(--main-text-color);line-height:100%;margin:0 0.6em 0 0.5em}#user .gallery{height:100%}#user .gallery.container{background:var(--main-bg-color);padding:2rem}#user .gallery .dropdown{display:flex;flex-direction:column}#user .gallery .dropdown .custom-select{margin-bottom:0.5rem}#user .gallery .photo-grid{height:100%;margin-left:-0.7rem;width:100%}#user .gallery .photo-grid::after{clear:both;content:""}#user .gallery img{display:block;height:100%;width:100%}#user .gallery .grid-item{border:3px solid var(--main-bg-color);float:left;height:auto;margin:0 0 0 auto;width:auto}#user .gallery .grid-item .inner{padding:0.5rem}#user .gallery .grid-item .inner .content{position:relative}#user .gallery .grid-item .inner .content figcaption{background:var(--gallery-caption-bg);color:var(--main-bg-color);display:flex;flex-direction:column;height:100%;justify-content:center;line-height:1.5em;opacity:0%;overflow:hidden;padding:1rem;position:absolute;text-align:center;width:100%}#user .gallery .grid-item:hover .inner .content figcaption,#user .gallery .grid-item:active .inner .content figcaption{opacity:100%;transition:opacity 0.1s}@media only screen and (min-width: 460px){#user .gallery .dropdown{display:flex;flex-direction:row}#user .gallery .grid-item .inner .content figcaption{padding:2rem}}@media only screen and (min-width: 600px){#user .gallery .grid-item{max-width:100%}#user .gallery .grid-item .inner .content figcaption{padding:1rem}}@media only screen and (min-width: 700px){#user .gallery .grid-item{max-width:43vw}#user .gallery .grid-item .inner .content figcaption{padding:1rem}}@media only screen and (min-width: 1000px){#user .gallery .grid-item .inner{max-width:29vw}#user .gallery .grid-item .inner .content figcaption{font-size:1.2rem;padding:2rem}}@media only screen and (min-width: 1220px){#user .gallery .grid-item .inner .content figcaption{font-size:1rem;padding:1rem}}@media only screen and (min-width: 1400px){#user .gallery .grid-item .inner{max-width:21vw}#user .gallery .grid-item .inner .content figcaption{font-size:1.2rem;padding:2rem}}@media only screen and (min-width: 2308px){#user .gallery .grid-item .inner{max-width:19vw}#user .gallery .grid-item .inner .content figcaption{font-size:1.5rem;padding:3rem}}#user .home-grid .box{color:var(--main-text-color);display:block;font-size:4vw;line-height:1.5em;margin-bottom:12px;transition:all 0.1s ease-in-out}#user .home-grid .box figcaption{background-color:var(--overlay-bg);color:var(--main-bg-color);display:flex;flex-direction:column;font-size:1.6em;height:100%;justify-content:center;line-height:1.5em;opacity:0%;padding:0 0.7rem;position:absolute;text-align:center;width:100%}#user .home-grid .box:hover,#user .home-grid .box:active{box-shadow:var(--box-shadow);opacity:90%;transform:scale(1.016);z-index:2}#user .home-grid .box:hover figcaption,#user .home-grid .box:active figcaption{opacity:100%;transition:opacity 0.1s}#user .home-grid .box h1,#user .home-grid .box h2{font-size:1.4em;font-variation-settings:unset !important;line-height:1.25em;margin-bottom:0.5em;text-align:left}#user .home-grid .box p{-webkit-hyphens:auto;hyphens:auto;margin-bottom:0}#user .home-grid .box img{width:100%}#user .home-grid .box .inner{background-color:var(--site-bg-color);position:relative;width:100%}#user .home-grid .box .inner .content{bottom:0;left:0;padding:1.5em;position:absolute;right:0;top:0}#user .home-grid .box .inner .content picture{display:flex;height:100%;left:0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;position:absolute;top:0;width:100%}#user .home-grid .box.about .content,#user .home-grid .box.learn .content{color:var(--main-bg-color);display:flex;flex-flow:column;justify-content:flex-end}#user .home-grid .box.about .content h1,#user .home-grid .box.learn .content h1{margin-bottom:0;text-align:left}#user .home-grid .box.about .content p,#user .home-grid .box.learn .content p{font-weight:600}@supports (font-variation-settings: "wght" 600){#user .home-grid .box.about .content p,#user .home-grid .box.learn .content p{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .home-grid .box.about .content p,#user .home-grid .box.learn .content p{--site-font-stretch: 85}}}#user .home-grid .box.variable .content{display:flex;flex-direction:column;justify-content:center}#user .home-grid .box.variable .content img{margin-bottom:1rem}#user .home-grid .box.inuse-1 .content,#user .home-grid .box.pixel-font .content{padding:0}#user .home-grid .box.inuse-1 .content h2,#user .home-grid .box.pixel-font .content h2{color:var(--text-dark-photo)}#user .home-grid .box.team .content{display:flex;flex-direction:column;justify-content:space-between}#user .home-grid .box.team .content h2{margin:0}#user .home-grid .box.team .content div{align-items:center;display:flex;flex-flow:row nowrap;flex-grow:0;justify-content:space-between;min-height:1px}#user .home-grid .box.team .content div figure{margin:0;overflow:hidden;width:30%}#user .home-grid .box.team .content div figure img{border-radius:50%}#user .home-grid .box.speaking{position:relative}#user .home-grid .box.speaking ::after{background:linear-gradient(0deg, white 5%, rgba(255,255,255,0) 25%);bottom:0;content:"";height:70%;position:absolute;width:100%}#user .home-grid .box.speaking .content{background:var(--main-bg-color);overflow:hidden;text-overflow:ellipsis}#user .home-grid .box.speaking .content ul{list-style:none}#user .home-grid .box.speaking .content ul li{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;list-style:none}@media (max-width: 400px){#user .home-grid .box.speaking .content ul li{--site-font-stretch: 80}}#user .home-grid .box.news .content{padding:0}#user .home-grid .box.news .inner{background-color:var(--main-bg-color);padding-bottom:100%}#user .home-grid .box.news .inner .content{background:url(/img/the-stencil-square.webp) no-repeat;background-size:100% 100%}#user .home-grid .box.news .inner .content img,#user .home-grid .box.news .inner .content video{display:none}#user .home-grid .box.news .inner .content h2{bottom:20px;color:var(--text-light-photo);padding-left:1.5em;padding-right:1.5em;position:absolute}#user .home-grid .box.quad.volkswagen .content{background-color:var(--site-bg-color)}#user .home-grid .box.quad.volkswagen .content h2{bottom:20px;color:var(--text-light-photo);position:absolute}#user .home-grid .box.quad.pixel-font .content{background-color:#c9d1d9;background-size:100%}#user .home-grid .box.quad.pixel-font .content h2{bottom:20px;color:var(--text-dark-photo);max-width:320px;padding-left:1.5em;position:absolute}#user .home-grid .box.quad .inner{height:100%;padding-bottom:100%}#user .home-grid .box.quad.spiegel .content{background-color:#00804d}#user .home-grid .box.quad.spiegel .content h2{bottom:20px;color:var(--text-dark-photo);position:absolute;text-shadow:var(--text-on-image-shadow)}#user .home-grid .box.quad.spiegel .content picture.ls{display:none}#user .home-grid .box.quad.spiegel .content picture.sq{display:flex}#user .home-grid .box.landscape .inner{padding-bottom:50%}#user .home-grid .box.bestsellers .inner{background-color:var(--main-bg-color);padding-bottom:100%}#user .home-grid .box.bestsellers .inner .content{background:url(/img/our-bestsellers-square.webp) no-repeat;background-color:#000;background-position:top 100px;background-size:100% 100%}#user .home-grid .box.bestsellers .inner .content video{display:none}#user .home-grid .box.bestsellers .inner .content h2{bottom:20px;color:var(--text-light-photo);padding-right:1rem;position:absolute}#user .home-grid .box.bestsellers .inner .overlay{left:0;position:absolute;top:25%;width:100%}#user .home-grid .box.inuse-1 .inner{background-color:var(--main-bg-color)}#user .home-grid .box.about .inner{background-color:var(--grey-very-dark);text-shadow:var(--text-on-image-shadow)}#user .home-grid .box.about .inner h1{bottom:20px;color:var(--text-dark-photo);position:absolute}#user .home-grid .box.learn .inner{background:url(/img/arrow-font.png) no-repeat;background-color:var(--site-bg-color);background-size:100% 100%}#user .home-grid .box.learn .inner .content{color:var(--text-light-photo)}#user .home-grid .box.learn .inner .content h2{color:var(--text-light-photo)}#user .home-grid .box.library .inner{background:none}#user .home-grid .box.family .inner{background:var(--home-family-bg)}#user .home-grid .box.family .inner .content{display:flex;flex-direction:column;justify-content:center}@media only screen and (min-width: 700px){#user .home-grid{display:grid;grid-template-areas:"news news" "family about" "typefaces typefaces" "inuse-4 volkswagen" "inuse-1 pixel-font" "team learn";grid-template-columns:1fr 1fr;margin:-6px}#user .home-grid .box{font-size:1.8vw;margin:6px;margin-bottom:0}#user .home-grid .box.about{grid-column:2;grid-row:2}#user .home-grid .box.news,#user .home-grid .box.bestsellers{grid-column:1 / span 2;grid-row:3}#user .home-grid .box.news .inner,#user .home-grid .box.bestsellers .inner{padding-bottom:50%}#user .home-grid .box.news .inner .content video,#user .home-grid .box.bestsellers .inner .content video{display:block;height:auto;left:0;max-width:100%;min-width:100%;overflow:hidden;position:absolute;top:0;width:auto}#user .home-grid .box.news .inner .content picture,#user .home-grid .box.bestsellers .inner .content picture{display:block}#user .home-grid .box.news .inner .content h2,#user .home-grid .box.bestsellers .inner .content h2{max-width:600px}#user .home-grid .box.news .inner .content .overlay,#user .home-grid .box.bestsellers .inner .content .overlay{top:0}#user .home-grid .box.news{grid-column:1 / span 2;grid-row:1}#user .home-grid .box.inuse-1{grid-column:1;grid-row:5}#user .home-grid .box.volkswagen{grid-column:2;grid-row:4}#user .home-grid .box.family{grid-column:1;grid-row:2}#user .home-grid .box.pixel-font{grid-column:2;grid-row:5}#user .home-grid .box.spiegel{grid-column:1;grid-row:4}#user .home-grid .box.learn{grid-column:2;grid-row:6}#user .home-grid .box.team{grid-column:1;grid-row:6}#user .home-grid .box.speaking{grid-column:2;grid-row:6}#user .home-grid .box.speaking .events{height:18em}}@media only screen and (min-width: 920px){#user .home-grid .box.bestsellers{grid-area:typefaces}#user .home-grid .box.bestsellers .inner .content h2{max-width:820px !important}}@media only screen and (min-width: 1220px){#user .home-grid{grid-template-columns:1fr 1fr 1fr}#user .home-grid .box{font-size:1.2vw}#user .home-grid .box.about{grid-column:1 / span 1;grid-row:2}#user .home-grid .box.news,#user .home-grid .box.bestsellers{grid-column:2 / span 2;grid-row:2}#user .home-grid .box.news .inner,#user .home-grid .box.bestsellers .inner{padding-bottom:50%}#user .home-grid .box.news .inner .content h2,#user .home-grid .box.bestsellers .inner .content h2{max-width:600px}#user .home-grid .box.news{grid-column:1 / span 2;grid-row:1}#user .home-grid .box.inuse-1{grid-column:2 / span 2;grid-row:3 / span 2}#user .home-grid .box.volkswagen{grid-column:1;grid-row:4}#user .home-grid .box.family{grid-column:3;grid-row:1}#user .home-grid .box.pixel-font{grid-column:1;grid-row:5}#user .home-grid .box.spiegel{grid-column:1;grid-row:3}#user .home-grid .box.learn{grid-column:3;grid-row:5}#user .home-grid .box.team{grid-column:2;grid-row:5}#user .home-grid .box.speaking{grid-column:3;grid-row:5}}@media only screen and (min-width: 1920px){#user .home-grid{grid-template-columns:1fr 1fr 1fr 1fr}#user .home-grid .box{font-size:1vw}#user .home-grid .box.family{grid-column:3;grid-row:1}#user .home-grid .box.about{grid-column:4;grid-row:1}#user .home-grid .box.spiegel{grid-column:1 / span 2;grid-row:2}#user .home-grid .box.spiegel .inner{padding-bottom:50% !important}#user .home-grid .box.spiegel .inner .content h2{bottom:20px;color:var(--text-dark-photo);position:absolute;text-shadow:var(--text-on-image-shadow)}#user .home-grid .box.spiegel .inner .content picture.ls{display:flex}#user .home-grid .box.spiegel .inner .content picture.sq{display:none}#user .home-grid .box.bestsellers{grid-column:3 / span 2;grid-row:2}#user .home-grid .box.volkswagen{grid-column:1;grid-row:3}#user .home-grid .box.pixel-font{grid-column:1;grid-row:4}#user .home-grid .box.learn{grid-column:4;grid-row:4}#user .home-grid .box.team{grid-column:4;grid-row:3}#user .home-grid .box.speaking{grid-column:4;grid-row:4}#user .home-grid .box.speaking .events{height:16.5em}}@media only screen and (min-width: 2308px){#user .home-grid .box{font-size:20px}#user .home-grid .box.speaking .events{height:19.5em}}#user #elm-wrapper{background-color:var(--main-bg-color);border:10x solid red;height:100%;left:0;min-height:30em;position:relative;top:0;width:100%}#user .newsletter{display:flex;flex-direction:row}#user .newsletter #newsletter-sidebar{align-self:flex-start;display:block;left:0;margin-top:3.4em;white-space:wrap;width:17em}@media (max-width: 400px){#user .newsletter #newsletter-sidebar{display:none}}@media only screen and (min-width: 400px){#user .newsletter #newsletter-sidebar{display:none}}@media only screen and (min-width: 1000px){#user .newsletter #newsletter-sidebar{display:block}}#user #newsletter{margin-bottom:3rem}#user #newsletter h2{padding-top:3rem}#user #newsletter p{margin:0}#user #newsletter form{padding-top:1rem;width:-moz-fit-content;width:fit-content}#user #newsletter .newsletter-fields{display:flex;flex-flow:column wrap;justify-content:space-between;padding-top:0.7rem;width:-moz-fit-content;width:fit-content}#user #newsletter .field{display:inline-block;margin:0.5em 0 0;width:-moz-fit-content;width:fit-content}#user #newsletter .field input{margin:0;width:15em}#user #newsletter .buttons{display:flex;flex-direction:row;justify-content:flex-end;margin-top:0.7em}#user #newsletter .buttons a{margin:0 1em 0 0}#user .container{background:var(--main-bg-color);padding:1rem}@media (max-width: 400px){#user .container{padding:12px}}@media only screen and (min-width: 820px){#user .container{padding:2rem}}@media only screen and (min-width: 1640px){#user .container{padding:3rem}}#user .text{margin:0 auto;max-width:38rem}#user .nw{white-space:nowrap}#user .nh{-webkit-hyphens:none;hyphens:none}#user .pdfviewer{margin:0.25rem 0 1.5rem}#user .pdfviewer .pdf{background:var(--grey-light);border:var(--table-border)}#user .text-content{hyphenate-limit-chars:auto 3 3;-webkit-hyphens:auto;hyphens:auto;margin:0.125rem auto 0;max-width:39rem;position:relative;width:100%}#user .text-content.draft{background-image:url(/img/draft.svg)}@media only screen and (min-width: 820px){#user .text-content{max-width:none;width:41.5rem}}@media only screen and (min-width: 1220px){#user .text-content{width:42rem}}@media only screen and (min-width: 1640px){#user .text-content{width:46rem}}#user .text-content a{color:var(--orange);text-decoration:none}#user .text-content a:focus{border-bottom:1px solid}#user .text-content a:hover{border-bottom:1px solid}@media (max-width: 400px){#user .text-content h1{margin-left:0;margin-right:0}}#user .text-content h2{margin-top:1em}#user .text-content .article-footer,#user .text-content .teaser{font-style:italic}#user .text-content .article-footer{background-color:transparent;color:var(--main-text-color);margin-top:3rem}#user .text-content .author{font-weight:700}@supports (font-variation-settings: "wght" 700){#user .text-content .author{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .text-content .author{--site-font-stretch: 85}}}#user .text-content .published{color:var(--grey-semi-dark)}@media screen and (max-width: 460px){#user .text-content p{float:none}}#user .text-content figure{margin:0.25rem 0 1.5rem}#user .text-content figure img,#user .text-content figure video{max-width:100%}#user .text-content figure.bg img{background:var(--article-image-bg)}#user .text-content figure.border img{border:1px solid var(--grey-light)}#user .text-content figure.left,#user .text-content figure.right{width:200px}#user .text-content figure.team-left{border-radius:50%;height:140px;overflow:hidden;width:140px}#user .text-content figure figcaption{font-size:0.9em;font-style:italic;width:100%}@media only screen and (min-width: 600px){#user .text-content figure.left{float:left;margin:0.25rem 1.5rem 0.5rem 0}#user .text-content figure.left+p{clear:both}#user .text-content figure.right{float:right;margin:0.25rem 0 0.5rem 1.5rem}#user .text-content figure.one-three-col{display:inline-block;float:left;margin-right:1rem;width:calc(100% / 3 - 1rem)}#user .text-content figure.one-three-col img{width:100%}#user .text-content figure.one-three-col+p,#user .text-content figure.one-three-col+h2,#user .text-content figure.one-three-col+h1,#user .text-content figure.one-three-col+div{clear:both}}@media only screen and (min-width: 1220px){#user .text-content figure.left{left:-33%;margin-right:1em;position:absolute}#user .text-content figure.left img{float:right}#user .text-content figure.right{margin-left:1em;position:absolute;right:-33%}#user .text-content figure.team-left{left:-25%}#user .text-content figure.wide{margin:1.5rem 0 2rem -30%;width:160%}#user .text-content figure.wide img{width:100%}}@media only screen and (min-width: 1400px){#user .text-content figure.wide{margin:2rem 0 2.5rem -40%;width:180%}}@media only screen and (min-width: 1920px){#user .text-content figure.wide{margin:2.5rem 0 3rem -60%;width:220%}}@media only screen and (min-width: 2308px){#user .text-content figure.wide{margin:3rem 0 3.5rem -80%;width:260%}}#user .text-content sup{font-feature-settings:"sups"}#user .text-content .footnotes{font-size:0.9rem;padding-top:2rem}#user .text-content .video{margin-bottom:1.5rem;position:relative;width:100%}#user .text-content .video::before{content:"";display:block;padding-top:56.25%}#user .text-content .video iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}#user .text-content table{margin:0.25rem 0 1.5rem;min-width:100%}#user .text-content ul li{list-style-position:outside;list-style-type:disc;margin-bottom:var(--grid-height);margin-left:calc(2 * var(--hem));padding-left:0;margin-bottom:var(--grid-height)}#user .text-content .related{border-top:1em solid var(--grey-light);margin-top:2em;padding-top:2em}#user .content-teaser a{color:var(--main-text-color);display:block;margin-bottom:2rem}#user .content-teaser a .teaser-img{margin-bottom:0.7rem}#user .content-teaser a .teaser-img img{width:100%}#user .content-teaser a .teaser-text p{margin-bottom:0}@media only screen and (min-width: 820px){#user .content-teaser .pages{display:flex;flex-wrap:wrap;margin:0 -1rem}#user .content-teaser .pages a{flex-basis:calc(50% - 2rem);margin:0 1rem 2rem}}@media only screen and (min-width: 1220px){#user .content-teaser .pages a{flex-basis:calc(33.3333% - 2rem)}#user .content-teaser .highlights a{display:flex;justify-content:space-between}#user .content-teaser .highlights a .teaser-img{flex-basis:calc(50% - 1rem)}#user .content-teaser .highlights a .teaser-text{flex-basis:calc(50% - 1rem)}}@media only screen and (min-width: 1640px){#user .content-teaser .pages a{flex-basis:calc(25% - 2rem)}}#user .pseudolink{color:var(--orange);margin-top:-1rem}#user .credits dd{font-weight:600;font-size:1.2em;margin-bottom:1.2em}@supports (font-variation-settings: "wght" 600){#user .credits dd{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .credits dd{--site-font-stretch: 85}}}#user .faq{display:flex;flex-direction:row}#user .faq #faq-sidebar{align-self:flex-start;display:block;flex:1;left:0;position:static;position:sticky;white-space:wrap}#user .faq ul li{padding-bottom:0.2rem}#user .faq ul li a{color:var(--main-text-color)}#user .faq ul li a.change-color{color:var(--orange)}#user .faq .top-faq{border:2px solid var(--orange);display:inline-block;margin-bottom:2em;padding:2em}#user .faq .top-faq h3{color:var(--main-text-color)}#user .faq .category{margin-top:2em}#user .faq .faq-container{display:flex;flex:2;flex-direction:column}#user .faq .faq-container a{border:none !important;text-decoration:none !important}#user .faq .faq-container a:hover{border:none !important;text-decoration:none !important}#user .faq .faq-container .faq-accordion .faq-accordion-title{display:flex;flex-direction:row}#user .faq .faq-container .faq-accordion .faq-accordion-title .faq-accordion-btn{background:none;border:0;padding:0}#user .faq .faq-container .faq-accordion .faq-accordion-title .faq-accordion-btn svg{transform:translate(-8px, -2px);transition:transform 0.5s ease}#user .faq .faq-container .faq-accordion .faq-accordion-title.state-open .faq-accordion-btn svg{transform:translate(-8px, -2px) rotate(90deg)}#user .faq .faq-container .faq-accordion-answer{margin-bottom:var(--grid-height);margin-top:calc(var(--grid-height) / 2);overflow:hidden;padding:0;transition:height 0.25s ease;width:100%}#user .faq .faq-container .faq-accordion-answer:not(.state-open){display:none}#user .faq .faq-container .faq-category-list{margin:0}#user .faq .footnotes dl{display:flex;flex-flow:row;flex-wrap:wrap;overflow:visible;width:100%}#user .faq .footnotes dl dt{flex:0 0 calc(2 * var(--hem));overflow:hidden;text-overflow:ellipsis}#user .faq .footnotes dl dd{flex:0 0 calc(100% - calc(2 * var(--hem)));margin-left:auto;overflow:hidden;text-align:left;text-overflow:ellipsis}#user .faq .responsive-table-container{overflow-x:scroll;width:85vw}#user .faq .office-faq-table{border-collapse:collapse;border-spacing:0;-webkit-hyphens:none;hyphens:none}#user .faq .office-faq-table td{padding:0.5rem;vertical-align:middle}#user .faq .office-faq-table td:first-child{padding-left:0}#user .faq .office-faq-table .bright-orange-bg{background-color:var(--orange-translucent)}#user .faq .office-faq-table .dark-orange-bg{background-color:var(--orange-translucent2)}#user .faq .office-faq-table .table-head-middle{font-weight:600;text-align:center;vertical-align:bottom}@supports (font-variation-settings: "wght" 600){#user .faq .office-faq-table .table-head-middle{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .faq .office-faq-table .table-head-middle{--site-font-stretch: 85}}}#user .faq .office-faq-table .first-row{padding-bottom:0}#user .faq .office-faq-table .table-head-left{font-weight:600;text-align:left;vertical-align:bottom}@supports (font-variation-settings: "wght" 600){#user .faq .office-faq-table .table-head-left{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .faq .office-faq-table .table-head-left{--site-font-stretch: 85}}}#user .faq .office-faq-table sup a:hover{text-decoration:none}#user .faq .office-font-list{padding-top:var(--grid-height)}#user .faq .office-font-list li{list-style:none;list-style-type:none;margin-bottom:var(--grid-height) !important;padding:var(--hem) 0;text-decoration:none}@media only screen and (min-width: 600px){#user .faq .responsive-table-container{overflow-x:auto;width:auto}}@media (max-width: 400px){#user .faq #faq-sidebar{display:none}#user .faq .hl-mobile{display:block}}@media only screen and (min-width: 400px){#user .faq #faq-sidebar{display:none}#user .faq .hl-mobile{display:block}}@media only screen and (min-width: 920px){#user .faq-accordion-btn{position:relative}#user .faq-accordion-btn svg{left:-1.8rem;position:absolute;top:0;transform:translate(0, 0)}#user .faq-accordion-btn.state-open .faq-accordion-btn svg{transform:translate(0, 0) rotate(90deg)}}@media only screen and (min-width: 1000px){#user .faq #faq-sidebar{display:block}#user .faq .hl-mobile{display:none}#user .faq .text-content h4.category:first-of-type{margin-top:1em}#user .faq .faq-accordion-answer{padding:0 1rem 1rem}}#user.f a .style .missing{color:var(--color-missing-font) !important}#user.f a .style .name{color:var(--orange) !important}#user.f a .style:hover{background-color:var(--sample-bg-hover-color)}#user.f a .style:hover .name{color:var(--button-bg-hover) !important}#user.f h1 a:link,#user.f h1 a:visited,#user.f h1 a:active,#user.f h1 a:hover,#user.f h2 a:link,#user.f h2 a:visited,#user.f h2 a:active,#user.f h2 a:hover,#user.f h3 a:link,#user.f h3 a:visited,#user.f h3 a:active,#user.f h3 a:hover{color:var(--main-text-color);text-decoration:none}#user.f p :not(.text-content){margin-bottom:0}#user.f .families .badge{position:relative}#user.f .families .badge .new{display:block;filter:drop-shadow(var(--box-shadow));left:-3.75em;position:absolute;top:-2.5em;transform:rotate(-1deg);transform-origin:50% 50%;transition:transform 2s ease-in-out 0.6s;width:6em}@media only screen and (min-width: 400px){#user.f .families .badge .new{display:none}}@media only screen and (min-width: 820px){#user.f .families .badge .new{display:block;width:6em}}#user.f .families .tags{display:none;position:relative}#user.f .families .tags p{bottom:2em;position:absolute}@media only screen and (min-width: 820px){#user.f .families .tags{display:block}#user.f .families .tags p{margin-bottom:0.4rem;right:2.5rem}}@media only screen and (min-width: 1640px){#user.f .families .tags p{margin:0 0 1.6rem;right:4rem}}#user.f .families a{background:var(--sample-bg-color);display:block;margin-bottom:1rem;padding:0.5rem 1rem 0.75rem;text-overflow:ellipsis;transition-duration:0.2s;transition-property:background;white-space:nowrap}#user.f .families a h3{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;font-size:2rem;line-height:3rem;margin:0;overflow:hidden}@media (max-width: 400px){#user.f .families a h3{--site-font-stretch: 80}}#user.f .families a h3 strong{font-weight:700}#user.f .families a h3 .orange{color:var(--orange)}#user.f .families a:link h3,#user.f .families a:visited h3,#user.f .families a:active h3{color:var(--sample-color) !important}#user.f .families a:hover{background:var(--orange);color:var(--orange-light);cursor:pointer}#user.f .families a:hover .orange{color:var(--sample-bg-color)}#user.f .families a:hover .new{transform:translate(-6em) rotate(-180deg);transform-origin:50% 50%;transition:transform 1s ease-in-out 0.3s}#user.f .families a.unreleased{background-color:var(--orange-light)}@media only screen and (min-width: 820px){#user.f .families a{margin-bottom:1.5rem;padding:0.5rem 2.5rem 1rem}#user.f .families a h3{font-size:4rem;line-height:7rem}}@media only screen and (min-width: 1220px){#user.f .families a h3{font-size:5rem;line-height:8rem}}@media only screen and (min-width: 1640px){#user.f .families a{margin-bottom:2rem;padding:1rem 4rem 2rem}#user.f .families a h3{font-size:7rem;line-height:11rem}}#user.f .container,#user.f .stylegroup{background:var(--main-bg-color)}#user.f .container .style,#user.f .stylegroup .style{margin-bottom:0.5rem;position:relative}#user.f .container .style .sample,#user.f .stylegroup .style .sample{background:transparent;border:0;color:var(--main-text-color);display:block;font-feature-settings:"calt" 1, "kern" 1, "liga" 1, "locl" 1, "rclt" 1, "rlig" 1;font-size:1.7333rem;line-height:131%;margin:0;overflow:hidden;padding:0;text-indent:0.1em;white-space:nowrap;width:100%}#user.f .container .style .sample::-moz-placeholder,#user.f .stylegroup .style .sample::-moz-placeholder{color:var(--orange)}#user.f .container .style .sample::placeholder,#user.f .stylegroup .style .sample::placeholder{color:var(--orange)}#user.f .container .style .sample::-ms-clear,#user.f .stylegroup .style .sample::-ms-clear{display:none}#user.f .container .style .sample .sample-widths,#user.f .stylegroup .style .sample .sample-widths{font-size:1.8667rem}#user.f .container .style .name,#user.f .stylegroup .style .name{color:var(--orange)}#user.f .container .style .name:hover,#user.f .stylegroup .style .name:hover{color:var(--grey-dark)}#user.f .container .style .width-styles-count,#user.f .stylegroup .style .width-styles-count{color:var(--styles-count-color)}#user.f .container .style .tag-label:hover,#user.f .stylegroup .style .tag-label:hover{border-color:var(--main-text-color);color:var(--main-text-color)}#user.f .container .style:hover,#user.f .stylegroup .style:hover{border-color:var(--button-bg);color:var(--button-bg)}#user.f .container .style #edit-msg,#user.f .stylegroup .style #edit-msg{background:var(--button-bg);color:var(--button-text);left:calc(50% - 80px);padding:0.5rem 0;position:absolute;text-align:center;top:-2rem;width:160px}#user.f .container .style #edit-msg::before,#user.f .stylegroup .style #edit-msg::before{border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid var(--orange);bottom:-8px;content:"";display:block;height:0;left:50%;position:absolute;width:0}#user.f .container .style:hover,#user.f .stylegroup .style:hover{background-color:var(--sample-bg-hover-color)}@media only screen and (min-width: 820px){#user.f .container .style,#user.f .stylegroup .style{margin-bottom:1rem;padding-bottom:0.5rem}#user.f .container .style .sample,#user.f .stylegroup .style .sample{font-size:3rem;margin-bottom:0.5rem}#user.f .container .style .sample .sample-widths,#user.f .stylegroup .style .sample .sample-widths{font-size:3.5rem;margin-bottom:0.5rem}#user.f .container .style .width-styles-count,#user.f .stylegroup .style .width-styles-count{margin-right:0.5rem}}@media only screen and (min-width: 1220px){#user.f .container .style,#user.f .stylegroup .style{margin-bottom:1.5rem}#user.f .container .style .sample,#user.f .stylegroup .style .sample{font-size:4rem}#user.f .container .style .sample .sample-widths,#user.f .stylegroup .style .sample .sample-widths{font-size:4.5rem}}@media only screen and (min-width: 1640px){#user.f .container .style,#user.f .stylegroup .style{margin-bottom:3rem}#user.f .container .style .sample,#user.f .stylegroup .style .sample{font-size:5rem}#user.f .container .style .sample .sample-widths,#user.f .stylegroup .style .sample .sample-widths{font-size:6rem}}#user.f .container-widths{display:flex;flex-direction:column}#user.f .container-widths .family-description{-webkit-hyphens:auto;hyphens:auto;margin:2rem 0 1rem;order:1}#user.f .container-widths .family-description p{margin-bottom:0}@media only screen and (min-width: 820px){#user.f .container-widths .family-description p{width:75%}}@media only screen and (min-width: 820px) and (min-width: 1220px){#user.f .container-widths .family-description p{width:50%}}@media only screen and (min-width: 820px) and (min-width: 1640px){#user.f .container-widths .family-description p{width:40%}}@media only screen and (min-width: 820px){#user.f .container-widths{display:block}#user.f .container-widths .family-description{margin:0 0 0.5rem}}@media only screen and (min-width: 1220px){#user.f .container-widths .family-description{margin:0 0 1rem}}#user.f .stylegroup{margin-bottom:1em;padding:1rem}#user.f .stylegroup>div{max-height:500em;overflow-y:hidden;position:relative;transition:max-height 0.5s ease}#user.f .stylegroup .style:first-of-type{margin-top:0.5rem}@media only screen and (min-width: 820px){#user.f .stylegroup{padding:1.5rem}#user.f .stylegroup .style:first-of-type{margin-top:1.5rem}}@media only screen and (min-width: 1640px){#user.f .stylegroup{padding:3rem}#user.f .stylegroup .style:first-of-type{margin-top:3rem}}#user.f .stylegroup .stylegroup-name .groupname{cursor:pointer;display:block;margin:0 0 0.5rem}#user.f .stylegroup .stylegroup-name .groupname *{pointer-events:none}#user.f .stylegroup .stylegroup-name .groupname h2,#user.f .stylegroup .stylegroup-name .groupname .group-styles-count{transition:color 0.5s ease}#user.f .stylegroup .stylegroup-name .groupname h2{cursor:pointer;display:inline-block;margin-bottom:0}#user.f .stylegroup .stylegroup-name .groupname .group-styles-count{display:block;margin-left:2.4rem}#user.f .stylegroup .stylegroup-name .groupname svg{display:inline-block;height:24px;position:relative;top:4px;transform:rotate(90deg);transform-origin:50% 50%;transition:transform 0.5s ease;width:24px}#user.f .stylegroup .stylegroup-name .groupname svg path{fill:var(--main-text-color);transition:fill 0.5s ease}#user.f .stylegroup .stylegroup-name .stylegroup-name-link{text-align:end;width:auto}#user.f .stylegroup .stylegroup-name .stylegroup-name-link a{bottom:0}#user.f .stylegroup .stylegroup-name .stylegroup-styles{max-height:auto;transition:max-height 0.5s ease}@media only screen and (min-width: 460px){#user.f .stylegroup .stylegroup-name .groupname svg{height:30px;width:30px}}@media only screen and (min-width: 600px){#user.f .stylegroup .stylegroup-name .groupname .group-styles-count{display:inline-block;margin-left:0}}@media only screen and (min-width: 600px){#user.f .stylegroup .stylegroup-name{display:flex;justify-content:space-between}}@media only screen and (min-width: 820px){#user.f .stylegroup .stylegroup-name p{display:block}}#user.f .stylegroup.hidden-group .groupname h2,#user.f .stylegroup.hidden-group .groupname .group-styles-count{color:var(--orange)}#user.f .stylegroup.hidden-group .groupname svg{transform:rotate(0deg)}#user.f .stylegroup.hidden-group .groupname svg path{fill:var(--orange)}#user.f .stylegroup.hidden-group .stylegroup-styles{max-height:0}#user.f #sample-editor{background-color:var(--list-header);margin-bottom:1rem;padding:0.6em 1rem 0.6rem;top:0;z-index:1}#user.f #sample-editor .arrow-link{margin-bottom:0}#user.f #sample-editor.sticky-top{box-shadow:var(--box-shadow);position:fixed;top:0;width:100%;z-index:1}@media only screen and (min-width: 460px){#user.f #sample-editor.sticky-top{width:calc(100% - 24px)}}@media only screen and (min-width: 820px){#user.f #sample-editor{padding:0.8rem 2rem}#user.f #sample-editor.sticky-top{width:calc(100% - 40px)}}@media only screen and (min-width: 1220px){#user.f #sample-editor.sticky-top{width:calc(100% - 56px)}}@media only screen and (min-width: 1640px){#user.f #sample-editor{padding:1rem 3rem}#user.f #sample-editor.sticky-top{width:calc(100% - 108px)}}@media only screen and (min-width: 1920px){#user.f #sample-editor{padding:1rem 3rem}#user.f #sample-editor.sticky-top{max-width:2092px}}#user.f #sample-editor form{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;margin:0;width:100%}#user.f #sample-editor form .custom-select{margin:0 0 0.5rem}#user.f #sample-editor form .custom-select::after{background:var(--list-header)}#user.f #sample-editor form .custom-slider{align-items:center;display:flex}#user.f #sample-editor form .custom-slider input[type="range"]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none}#user.f #sample-editor form .custom-slider input[type="range"]::-webkit-slider-runnable-track{background:var(--main-text-color);border:none;height:2px;width:200px}#user.f #sample-editor form .custom-slider input[type="range"]::-moz-range-track{background:var(--main-text-color);border:none;height:2px;width:200px}#user.f #sample-editor form .custom-slider input[type="range"]::-ms-track{background:#000;border:none;height:2px;width:200px}#user.f #sample-editor form .custom-slider input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--orange);border:3px solid var(--list-header);border-radius:50%;height:20px;margin-top:-9px;width:20px}#user.f #sample-editor form .custom-slider input[type="range"]::-moz-range-thumb{background:var(--orange);border:3px solid var(--list-header);border-radius:50%;height:14px;width:14px}#user.f #sample-editor form .custom-slider input[type="range"]::-ms-thumb{background:#f60;border:3px solid #e1e2e5;border-radius:50%;height:12px;margin-top:0;width:12px}#user.f #sample-editor form .custom-slider input[type="range"]::-moz-focus-outer{border:0}#user.f #sample-editor form .custom-slider input[type="range"]:hover{cursor:pointer}#user.f #sample-editor form .custom-slider input[type="range"]:hover::-webkit-slider-thumb{transform:scale(1.25)}#user.f #sample-editor form .custom-slider input[type="range"]:hover::-moz-range-thumb{transform:scale(1.25)}#user.f #sample-editor form .custom-slider input[type="range"]:hover::-ms-thumb{transform:scale(1)}#user.f #sample-editor form .custom-slider #size-feedback{font-feature-settings:"tnum" 1}#user.f #sample-editor form .custom-slider label{display:inline-block;display:none;padding-left:1rem}#user.f #sample-editor form a.arrow-link{color:var(--main-text-color)}#user.f #sample-editor form a.arrow-link:hover{color:var(--orange)}@media only screen and (min-width: 460px){#user.f #sample-editor form .custom-select{margin:0}}@media only screen and (min-width: 600px){#user.f #sample-editor form .custom-select{width:160px}#user.f #sample-editor form .custom-slider input[type="range"]{display:initial;width:228px}}@media only screen and (min-width: 700px){#user.f #sample-editor form .custom-slider label{display:initial}#user.f #sample-editor form .custom-slider label #extended{display:none}}@media only screen and (min-width: 920px){#user.f #sample-editor form .custom-slider label #extended{display:initial}}@media only screen and (min-width: 820px){#user.f #sample-editor form .custom-select{width:280px}}@media only screen and (min-width: 1000px){#user.f #sample-editor form .custom-select{width:320px}}@media only screen and (min-width: 1220px){#user.f #sample-editor form a.button-large{padding-top:0.4em}}@media only screen and (min-width: 1640px){#user.f #sample-editor form a.button-large{padding-top:0.3em}}#user.f .sticky{left:0;position:static;position:sticky;top:0;z-index:5}#user.f .sticky+.container{padding-top:66px}#user.f .not-available{background-color:var(--orange-light);padding:0.8em 1.2em 1.2em}#user.f .info-link,#user.f .trial-fonts-link{display:inline-block;text-align:right;width:45%}#user.f .info-link{text-align:left}#user.f .packages.buying-options .package{box-shadow:var(--content-shadow);margin-left:-0.05em !important;margin-right:-0.05em !important}#user.f .packages.buying-options .package .package-sample li{display:flex;flex-flow:row wrap}#user.f .packages.buying-options .package .prices{display:none}#user.f .buying-options-h5{padding-bottom:4rem}#user.f .product-list-parent-checkbox{font-weight:600}@supports (font-variation-settings: "wght" 600){#user.f .product-list-parent-checkbox{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f .product-list-parent-checkbox{--site-font-stretch: 85}}}@media only screen and (min-width: 1220px){#user.f .styles-licences{display:flex;flex-flow:row wrap;justify-content:space-between}}#user.f .styles{flex:2;margin-bottom:3rem;margin-right:3rem}#user.f .styles li{list-style:none}#user.f .styles .select-buttons{margin:1em 0}#user.f .styles .product-list{list-style:none;margin-right:1.5rem}#user.f .styles .product-list-separator{height:1.9rem}#user.f .styles .product-list-vf-list{list-style:none}#user.f .styles .product{flex:1;padding-left:0;white-space:nowrap;width:50%}#user.f .styles .product span{font-size:1.5rem;line-height:1em;padding:0.5em 0.5em 0 0}@media screen and (max-width: 919px){#user.f .styles .product span label{font-size:0.8em}}@media only screen and (min-width: 820px){#user.f .styles .product .product span{font-size:1.8rem !important}}#user.f .styles .product-list-children-checkboxes{display:flex;flex-flow:row wrap;max-width:40em;padding-left:2rem}#user.f .styles .product-list-children-checkboxes .product{flex:1;padding-right:2rem}#user.f .styles .sub{display:block;margin-left:3em}#user.f .licences{flex:3;max-width:800px}#user.f .licences a{color:var(--orange)}#user.f .licences .license-number-wrapper{display:flex;flex-direction:column-reverse;position:relative}#user.f .licences .license-number-label{font-weight:500;display:block;font-size:0.75rem;padding:0}@supports (font-variation-settings: "wght" 500){#user.f .licences .license-number-label{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f .licences .license-number-label{--site-font-stretch: 85}}}#user.f .licences .license-number-list,#user.f .licences .license-number-number-input{background-color:var(--main-bg-color);border:var(--table-border);line-height:2.3em !important;text-align:left !important;width:9em !important}#user.f .licences .license-number-list-item.custom-value-list-item{position:relative}#user.f .licences .license-number-control-btn.right-arrow{bottom:25px;position:absolute;right:5%}#user.f .licences .license-number-number-input::-moz-placeholder{font-size:0.75rem}#user.f .licences .license-number-number-input::placeholder{font-size:0.75rem}#user.f .licences .license-number-number-input.custom-value{width:100% !important}#user.f .licences .license-number-number-input::after{font-size:0.75rem}#user.f .licences .license-number-controls{align-items:center;display:flex;flex-direction:column;justify-content:center;left:7em;position:absolute;top:67%;transform:translateY(-50%)}#user.f .licences .license-number-control-btn{align-items:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:0;color:var(--main-text-color);cursor:pointer;display:inline-flex;height:1.25rem;justify-content:center;padding:0;width:2rem}#user.f .licences .dropdown{background-color:var(--main-bg-color);list-style-type:none;width:9em !important;z-index:1}#user.f .licences .dropdown .dropdown-options-filter{cursor:pointer;padding:0;width:100%}#user.f .licences .dropdown .dropdown-options-filter::before{display:none}#user.f .licences .dropdown .dropdown-filter{background-color:var(--main-bg-color);border:var(--table-border);display:flex;list-style-type:none;margin:0;position:relative;text-transform:uppercase;transition:0.3s}#user.f .licences .dropdown .dropdown-filter:focus{outline:none}#user.f .licences .dropdown .dropdown-filter::after{border-bottom:2px solid var(--main-text-color);border-right:2px solid var(--main-text-color);content:"";height:10px;left:7.7em;position:absolute;top:40%;transform:rotate(45deg) translateX(-45%);transition:0.2s ease-in-out;width:10px}#user.f .licences .dropdown .dropdown-filter-selected{padding:0.3rem 0 0.3rem 0.5rem}#user.f .licences .dropdown .dropdown-select{background-color:var(--main-bg-color);box-shadow:var(--box-shadow);left:0;overflow:hidden;position:absolute;top:100%;transform:scaleY(0);transform-origin:top;transition:0.2s ease-in-out;width:100%;width:12em}#user.f .licences .dropdown .dropdown-switch:checked+.dropdown-options-filter .dropdown-select{transform:scaleY(1)}#user.f .licences .dropdown .dropdown-switch:checked+.dropdown-options-filter .dropdown-filter::after{transform:rotate(-135deg)}#user.f .licences .dropdown .dropdown-select-option{background-color:var(--main-bg-color);border-bottom:var(--accent-border);padding:0.75rem;transition:0.3s}#user.f .licences .dropdown .dropdown-select-option:last-of-type{border-bottom:0}#user.f .licences .dropdown .dropdown-select-option:hover{background-color:var(--grey-light)}#user.f .licences .license-number-select-arrow{cursor:pointer;left:8.5em;position:absolute;top:60%}#user.f .licences .bo-table::after{content:"";display:table-row;height:2rem}#user.f .licences table{margin-bottom:1rem;table-layout:fixed;width:100%}#user.f .licences table th{border-bottom:var(--table-border)}#user.f .licences table .bo-table-td-large{width:30%}#user.f .licences table .bo-table-td-small{width:20%}#user.f .licences table td{vertical-align:text-bottom}#user.f .licences table td p{padding-bottom:0.3em;white-space:normal}#user.f .licences table td label,#user.f .licences table td p{line-height:2.2em;margin:0;table-layout:fixed}#user.f .licences table td input[type="checkbox"]{margin-top:0.45em}#user.f .licences table td input[type="text"],#user.f .licences table td input[type="number"]{line-height:1.4em;margin-top:0;padding-bottom:0.3em;padding-top:0.3em;text-align:right;width:8em}#user.f .licences table td,#user.f .licences table th,#user.f .licences table li{border:0;padding:0.3em 1.8em 0 0}#user.f .licences table td:last-child,#user.f .licences table th:last-child,#user.f .licences table li:last-child{padding-right:0}#user.f .licences table td p,#user.f .licences table th p,#user.f .licences table li p{margin:0}#user.f .licences table .price{min-width:10em}#user.f .licences table .discounts{border-top:var(--table-border);font-style:italic}#user.f .licences table .discounts .num{color:var(--orange)}#user.f .licences table .total-discounts tr{display:table-cell}#user.f .licences table .total-discounts td{display:table-cell}#user.f .licences table .total-discounts td:first-child{text-align:right}#user.f .licences table .total td{display:table-cell;text-align:right;vertical-align:inherit}#user.f .licences table .total td:first-child{text-align:right}#user.f .licences table .total #total-price{font-weight:600;font-size:1.3333rem}@supports (font-variation-settings: "wght" 600){#user.f .licences table .total #total-price{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f .licences table .total #total-price{--site-font-stretch: 85}}}@media screen and (max-width: 700px){#user.f .licences table{border:0;display:block;table-layout:fixed;width:100%}#user.f .licences table th{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#user.f .licences table tbody tr{border-bottom:3px solid var(--color-table-border);display:block}#user.f .licences table tbody td{border-bottom:var(--table-border);display:block;padding:0.5rem 0;text-align:right}#user.f .licences table tbody td:last-child{border:0}#user.f .licences table tbody td::before{content:attr(data-heading);display:inline-block;float:left;line-height:2.2rem;margin-right:0.5rem;text-align:left;width:5rem}#user.f .licences table tbody td .prefix{display:none}#user.f .licences table .discounts td{border:0}#user.f .licences table .discounts td.num{display:none}#user.f .licences table .total-discounts td{border:0;text-align:right;width:20%}#user.f .licences table .total td{border:0;width:10%}}@media only screen and (min-width: 820px){#user.f .licences table .total-discounts tr{display:table-row}}@media only screen and (min-width: 1220px){#user.f .licences table{display:inline-block}}#user.f .licences .licence-discount div:first-child{margin-bottom:1rem}#user.f .licences .licence-discount .buttons{display:block;float:right;margin-top:0.3em}@media only screen and (min-width: 460px){#user.f .licences .licence-discount{display:flex;flex-direction:row;justify-content:space-between}#user.f .licences .licence-discount p{margin-right:1rem;max-width:500px}#user.f .licences .licence-discount .buttons{align-self:flex-end;display:flex;flex-flow:row nowrap}}#user.f .filter-top{border-bottom:2px solid var(--filter-border-color);display:flex;justify-content:space-between}#user.f .filter-top .filter-popular input[type="radio"]+label{color:var(--filter-text-color);display:inline-block;font-size:18px;line-height:34px;margin:0 2rem -2px 0;padding:0;font-weight:500}@supports (font-variation-settings: "wght" 500){#user.f .filter-top .filter-popular input[type="radio"]+label{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f .filter-top .filter-popular input[type="radio"]+label{--site-font-stretch: 85}}}#user.f .filter-top .filter-popular input[type="radio"]+label::before{content:""}#user.f .filter-top .filter-popular input[type="radio"]+label:hover{border-bottom:2px solid var(--filter-border-hover-color);color:var(--filter-text-hover-color)}#user.f .filter-top .filter-popular input[type="radio"]:checked{display:none}#user.f .filter-top .filter-popular input[type="radio"]:checked+label{border-bottom:2px solid var(--filter-border-active-color);color:var(--filter-text-active-color)}#user.f .filter-top #view-toggle{display:flex;flex-direction:row}#user.f .filter-top #view-toggle a#view-grid,#user.f .filter-top #view-toggle a#view-list{border-radius:var(--border-radius-elements);color:var(--filter-text-color);display:flex;height:28px;line-height:28px;margin-left:1rem;padding:0 9px}#user.f .filter-top #view-toggle a#view-grid svg,#user.f .filter-top #view-toggle a#view-list svg{margin:9px 9px 0 0}#user.f .filter-top #view-toggle a#view-grid:hover,#user.f .filter-top #view-toggle a#view-list:hover{color:var(--filter-text-hover-color)}#user.f .filter-top #view-toggle a#view-grid.active,#user.f .filter-top #view-toggle a#view-list.active{background:var(--view-toggle-bg-active-color);color:var(--filter-text-active-color)}#user.f #filter-remove{flex-grow:1;margin-top:1rem;padding:0}#user.f .filter-packages{display:none;font-size:15px;margin-bottom:1rem}#user.f .filter-packages ul{list-style-type:none}@media only screen and (min-width: 1000px){#user.f .filter-packages{display:block}}#user.f .filter-header{font-weight:500;align-items:stretch;background:var(--list-header);display:flex;flex-direction:row;height:60px;line-height:2.3rem;padding:0 1rem;width:100%}@supports (font-variation-settings: "wght" 500){#user.f .filter-header{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f .filter-header{--site-font-stretch: 85}}}#user.f .filter-header.hidden{display:none}#user.f .filter-header div.custom-select{margin:0.85rem 0;padding:0}#user.f .filter-header .heading-filter-by,#user.f .filter-header .heading-sort-by{display:flex;flex-direction:row;white-space:nowrap}#user.f .filter-header .heading-filter-by p,#user.f .filter-header .heading-sort-by p{padding-top:0.6rem}#user.f .filter-header .heading-filter-by{flex:4}#user.f .filter-header .heading-filter-by p{padding-right:1rem}#user.f .filter-header .heading-sort-by{flex:2;justify-content:flex-end}#user.f .filter-header .heading-sort-by p{padding-right:2rem}#user.f .filter-header .filter-table{display:flex;flex-direction:row;width:100%}#user.f .filter-header .filter-table svg{position:relative;top:0.4em}#user.f .filter-header .filter-table .filter-item{display:flex}#user.f .filter-header .filter-table .filter-item .filter-btn{color:var(--main-text-color);display:flex;flex-direction:row;height:100%;justify-content:flex-start;padding:0.6rem 1.75rem 0 1rem;position:relative}#user.f .filter-header .filter-table .filter-item .filter-btn span{padding-left:0.25rem}#user.f .filter-header .filter-table .filter-item .filter-btn span.closed{display:inline}#user.f .filter-header .filter-table .filter-item .filter-btn span.closed .arrow{fill:var(--main-text-color);transform:rotate(270deg);transform-origin:50% 50%}#user.f .filter-header .filter-table .filter-item .filter-btn span.open{display:none}#user.f .filter-header .filter-table .filter-item .filter-btn:hover{color:var(--orange);cursor:pointer}#user.f .filter-header .filter-table .filter-item .filter-btn:hover span.closed .arrow{fill:var(--orange)}#user.f .filter-header .filter-table .filter-item .filter-btn.selected{background:var(--filter-item-bg-active-color)}#user.f .filter-header .filter-table .filter-item .filter-btn.selected span.closed{display:none}#user.f .filter-header .filter-table .filter-item .filter-btn.selected span.open{display:inline}#user.f .filter-header .filter-table .filter-item .filter-btn.selected span.open .arrow{fill:var(--main-text-color);transform:rotate(0deg);transform-origin:50% 50%}#user.f .filter-header .filter-table .filter-item .filter-btn.selected:hover{color:var(--orange);cursor:pointer}#user.f .filter-header .filter-table .filter-item .filter-btn.selected:hover span.open .arrow{fill:var(--orange)}#user.f .filter-menu{position:relative}#user.f .filter-menu .filter-menu-item{background:var(--filter-item-bg-active-color);display:flex;padding:0.75rem}#user.f .filter-menu .filter-menu-item p{display:block;margin:0}#user.f .filter-menu .filter-menu-item .filter-sample{font-family:FilterWeb, monospace;font-size:30px;line-height:48px}#user.f .filter-menu .filter-menu-item .filter-descr{font-size:12px;line-height:18px}#user.f .filter-menu .filter-menu-item.hidden{display:none}#user.f .filter-menu .filter-menu-item .filter-main{border-right:1px solid var(--grey-mid);display:none;flex-direction:column;flex-shrink:0;margin:0 1rem 1rem 0;padding:0 1rem;width:15%}#user.f .filter-menu .filter-menu-item .filter-main .filter-descr{flex-grow:1}#user.f .filter-menu .filter-menu-item .filter-main input[type="checkbox"]:not(:checked)+label,#user.f .filter-menu .filter-menu-item .filter-main input[type="checkbox"]:checked+label{line-height:1.5em;padding-bottom:0.5rem}#user.f .filter-menu .filter-menu-item .filter-main input[type="checkbox"]:not(:checked)+label::before,#user.f .filter-menu .filter-menu-item .filter-main input[type="checkbox"]:checked+label::before{top:0.1rem}#user.f .filter-menu .filter-menu-item .filter-sub{display:flex;flex-wrap:wrap;margin-bottom:0;width:100%}#user.f .filter-menu .filter-menu-item .filter-sub li{flex:1;margin:0.3rem;max-width:300px}#user.f .filter-menu .filter-menu-item .filter-sub li input[type="checkbox"]:not(:checked)+label,#user.f .filter-menu .filter-menu-item .filter-sub li input[type="checkbox"]:checked+label{display:flex;flex-direction:column;height:100%;justify-content:space-between;line-height:1.5em;padding:0.5rem 1rem 1rem 3rem}#user.f .filter-menu .filter-menu-item .filter-sub li input[type="checkbox"]:not(:checked)+label::before,#user.f .filter-menu .filter-menu-item .filter-sub li input[type="checkbox"]:checked+label::before{left:1.1rem;top:0.55rem}#user.f .filter-menu .filter-menu-item .filter-sub li input[type="checkbox"]:checked+label{background:var(--filter-tile-bg-active-color);border-radius:var(--border-radius-cards)}#user.f .filter-menu .filter-menu-item .filter-sub li:hover{background:var(--filter-tile-bg-active-color);border-radius:var(--border-radius-cards)}#user.f #packages{--package-description-font-size: 12px;--package-description-line-height: 18px;--package-sample-font-size: 30px;--package-sample-line-height: 30px;--package-large-font-size: 20px;--package-large-line-height: 26px}@media only screen and (min-width: 1000px){#user.f #packages #alert{margin:0 6px;padding:20px;width:100%}}#user.f #packages .package{background:var(--main-bg-color);border:var(--accent-border);border-radius:var(--border-radius-cards);display:flex;overflow:hidden;padding:0}#user.f #packages .package .header{background-color:var(--package-header);color:var(--main-bg-color);display:flex;flex-direction:column;font-feature-settings:"lnum" 1;justify-content:space-between;padding:1rem;text-align:left}#user.f #packages .package .header h2{font-weight:700;color:var(--package-header-text);font-size:var(--package-large-font-size);line-height:var(--package-large-line-height);margin-bottom:0.3rem}@supports (font-variation-settings: "wght" 700){#user.f #packages .package .header h2{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f #packages .package .header h2{--site-font-stretch: 85}}}#user.f #packages .package .header .details-link{border-bottom:1px solid var(--package-header-text);color:var(--package-header-text);font-size:15px;font-style:italic;padding-left:4px}#user.f #packages .package .header .details-link:hover{border-bottom-color:var(--orange);color:var(--orange)}#user.f #packages .package .property .package-sample{font-size:var(--package-sample-font-size);line-height:var(--package-sample-line-height);list-style-type:none}#user.f #packages .package .property .description{font-size:var(--package-description-font-size);line-height:var(--package-description-line-height)}#user.f #packages .package .property.property-lang span{display:inline-block;margin-right:0.75rem}#user.f #packages .package .prices{font-size:var(--package-description-font-size)}#user.f #packages .package .prices ul{margin-bottom:0.5rem}#user.f #packages .package .prices ul .prices-single,#user.f #packages .package .prices ul .prices-all{align-items:baseline;display:flex;justify-content:space-between}#user.f #packages .package .prices ul .prices-single span,#user.f #packages .package .prices ul .prices-all span{font-weight:700;font-feature-settings:"lnum" 1;font-size:var(--package-large-font-size);line-height:1em}@supports (font-variation-settings: "wght" 700){#user.f #packages .package .prices ul .prices-single span,#user.f #packages .package .prices ul .prices-all span{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f #packages .package .prices ul .prices-single span,#user.f #packages .package .prices ul .prices-all span{--site-font-stretch: 85}}}#user.f #packages .package .prices ul .prices-single span em,#user.f #packages .package .prices ul .prices-all span em{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;font-size:12px}@media (max-width: 400px){#user.f #packages .package .prices ul .prices-single span em,#user.f #packages .package .prices ul .prices-all span em{--site-font-stretch: 80}}#user.f #packages .package .prices ul .incl-varfont{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;font-size:var(--package-description-font-size);line-height:1rem}@media (max-width: 400px){#user.f #packages .package .prices ul .incl-varfont{--site-font-stretch: 80}}#user.f #packages .package .prices .select-prices .button{float:right;font-size:1rem}#user.f #packages.grid{display:flex;flex-wrap:wrap;margin:0 -6px}#user.f #packages.grid .package{flex-basis:100%;flex-direction:column;margin:0 6px 1em;max-width:none}#user.f #packages.grid .package .header{border-radius:var(--border-radius-cards) var(--border-radius-cards) 0 0;margin-bottom:0.5rem}#user.f #packages.grid .package .property{margin-bottom:0.75rem;padding:0 1rem}#user.f #packages.grid .package .property.property-styles{display:flex;flex-direction:column;position:relative}#user.f #packages.grid .package .property.property-styles::after{background:linear-gradient(to right, var(--styles-list-transparent), var(--main-bg-color));content:"";height:4rem;position:absolute;right:1rem;top:0;width:2rem}#user.f #packages.grid .package .property.property-styles ul{margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}#user.f #packages.grid .package .property.property-styles ul::-webkit-scrollbar{-webkit-appearance:none;appearance:none;background:transparent;display:none;height:0;width:0}#user.f #packages.grid .package .prices{margin-bottom:1rem;padding:0 1rem}#user.f #packages.grid .package .prices ul{display:flex;flex-direction:column}#user.f #packages.grid .package .prices ul li{list-style:none}#user.f #packages.grid .package .prices ul .prices-single{border-top:var(--table-border);padding-top:0.5rem}@media (max-width: 600px){#user.f #packages.grid .header{height:auto}#user.f #packages.grid .header h2{font-size:1.3rem;line-height:1.3em;margin-bottom:0}}#user.f #packages.list .package{flex-direction:row;margin:0 0 1em}#user.f #packages.list .package .header{border-radius:var(--border-radius-cards) 0 0 var(--border-radius-cards);flex:0 0 15%;margin-right:0.5rem;padding-top:calc( 1rem + ( var(--package-sample-line-height) - var(--package-large-line-height) ))}#user.f #packages.list .package .property{display:flex;flex-direction:column;margin:0 0.5rem;padding:1rem 0}#user.f #packages.list .package .property .package-sample{flex-grow:1}#user.f #packages.list .package .property.property-styles{flex:0 0 15%}#user.f #packages.list .package .property.property-lang{flex-grow:1}#user.f #packages.list .package .property.property-figures{flex:0 0 15%}#user.f #packages.list .package .property.property-figures .description span{display:block}#user.f #packages.list .package .property.property-sc{flex:0 0 15%}#user.f #packages.list .package .prices{border-left:var(--table-border);flex:0 0 15%;margin:1rem 0;padding:0 1rem}#user.f #packages.list .package .prices li{list-style:none}#user.f #packages.list .package .prices li span{display:block;text-align:right}#user.f #packages.list .package .prices .prices-single,#user.f #packages.list .package .prices .prices-all{display:block}@media only screen and (min-width: 460px){#user.f #packages li.break-list{clear:left}#user.f #packages.grid .package{flex-basis:calc(50% - 12px)}#user.f #packages.grid .package p{margin-bottom:0}#user.f #packages.grid .package .property-styles{height:calc( (var(--package-sample-font-size) * 2) + var(--package-description-line-height))}#user.f #packages.grid .package .property-styles .package-sample{flex-grow:1}#user.f #packages.grid .package .property-lang{height:calc( var(--package-sample-line-height) + (var(--package-description-line-height) * 2))}#user.f #packages.grid .package .property-figures{height:calc( var(--package-sample-line-height) + (var(--package-description-line-height) * 2))}#user.f #packages.grid .package .property-figures .description span{display:block}#user.f #packages.grid .package .property-sc{height:calc( var(--package-sample-line-height) + var(--package-description-line-height))}}@media only screen and (min-width: 700px){#user.f #packages.grid .package{flex-basis:calc(33.3333% - 12px)}}@media only screen and (min-width: 920px){#user.f #packages.grid .package{flex-basis:calc(25% - 12px)}}@media only screen and (min-width: 1100px){#user.f #packages.grid .package{flex-basis:calc(20% - 12px)}}@media only screen and (min-width: 1220px){#user.f #packages.list .package .prices{font-size:var(--package-description-font-size)}#user.f #packages.list .package .prices ul{margin-bottom:0.5rem}#user.f #packages.list .package .prices li span{display:inline}#user.f #packages.list .package .prices .prices-single,#user.f #packages.list .package .prices .prices-all{align-items:baseline;display:flex;justify-content:space-between}}@media only screen and (min-width: 1920px){#user.f #packages.grid .package{flex-basis:calc(16.6667% - 12px)}#user.f #packages.grid .package .property{margin-bottom:1rem}}#user.f .arrow-link{margin-bottom:1rem}@media (max-width: 400px){#user.f .arrow-link{margin-left:12px}}#user.f #package-contents{background:var(--main-bg-color);border-radius:10px 10px 0 0}#user.f #package-contents .feature-admin-add img{vertical-align:middle;width:20px}#user.f #package-contents .container-details .main{background:var(--main-bg-color);min-width:0;padding-bottom:3rem;position:relative}#user.f #package-contents .container-details .main .header{align-items:flex-start;background-color:var(--package-header);border-radius:10px 10px 0 0;color:var(--package-header-text);display:flex;flex-wrap:wrap;font-feature-settings:"lnum" 1;justify-content:space-between;padding:1rem 1rem 0;z-index:2}#user.f #package-contents .container-details .main .header h2{color:var(--package-header-text)}#user.f #package-contents .container-details .main .header .pdf{bottom:0;position:absolute;right:0}#user.f #package-contents .container-details .main .header .pdf .button{background:none;color:var(--button-secondary-text)}#user.f #package-contents .container-details .main .header .pdf .button:hover{color:var(--button-secondary-text-hover)}#user.f #package-contents .container-details .main .header .details-nav{margin-top:1rem;overflow:hidden;position:relative;width:100%}#user.f #package-contents .container-details .main .header .details-nav ::-webkit-scrollbar{display:none}#user.f #package-contents .container-details .main .header .details-nav::after{background:linear-gradient(to right, var(--package-header-transparent), var(--package-header));bottom:0;content:"";height:2.5rem;position:absolute;right:0;width:2rem}#user.f #package-contents .container-details .main .header .details-nav ul{display:flex;height:2.5rem;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;width:100%}#user.f #package-contents .container-details .main .header .details-nav ul ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}#user.f #package-contents .container-details .main .header .details-nav ul li{height:2.5rem;margin-right:1rem;position:relative;white-space:nowrap}#user.f #package-contents .container-details .main .header .details-nav ul li a:hover::after{border-bottom:3px solid var(--orange-dark-bg);bottom:0;content:"";height:0;left:0;position:absolute;width:100%}#user.f #package-contents .container-details .main .header .details-nav ul li a:hover{color:var(--orange)}#user.f #package-contents .container-details .main .header .details-nav ul li a.active{color:var(--orange-dark-bg)}#user.f #package-contents .container-details .main .header .details-nav ul li a.active::after{border-bottom:3px solid var(--orange-dark-bg);bottom:-0.5rem;content:"";height:0;left:0;position:absolute;width:100%}#user.f #package-contents .container-details .main .header.sticky-top{border-radius:0;margin:0 auto;position:fixed;top:0;width:calc(100% - 24px);z-index:1}#user.f #package-contents .container-details .main .header.sticky-top .button{padding:0.2rem 0.45rem;transform:scale(0.95)}@media (max-width: 400px){#user.f #package-contents .container-details .main .header.sticky-top.sticky-top{width:100%}}@media only screen and (min-width: 820px){#user.f #package-contents .container-details .main .header.sticky-top.sticky-top{width:calc(100% - 40px)}}@media only screen and (min-width: 1220px){#user.f #package-contents .container-details .main .header.sticky-top.sticky-top{width:calc(100% - 56px)}}@media only screen and (min-width: 1640px){#user.f #package-contents .container-details .main .header.sticky-top.sticky-top{width:calc(100% - 108px)}}@media only screen and (min-width: 1920px){#user.f #package-contents .container-details .main .header.sticky-top.sticky-top{max-width:2092px}}#user.f #package-contents .container-details .main .header a{color:var(--button-text);float:right}#user.f #package-contents .container-details .main section{max-width:none;padding:0 1rem}#user.f #package-contents .container-details .main section .package-content-item{margin-bottom:2rem}#user.f #package-contents .container-details .main section .package-content-item .item-description p{margin-bottom:1rem}#user.f #package-contents .container-details .main section .package-content-item .main-sample{overflow-x:auto;scrollbar-width:none}#user.f #package-contents .container-details .main section .package-content-item .main-sample ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}#user.f #package-contents .container-details .main section.error{background-color:var(--orange-light);color:var(--detail-error-text-color)}#user.f #package-contents .container-details .main section.error h3,#user.f #package-contents .container-details .main section.error h4{color:var(--detail-error-text-color)}#user.f #package-contents .container-details .main section.orthographies .item-sample{line-height:1.38em}#user.f #package-contents .container-details .main section.styles{display:block;margin:0;padding-top:1rem}#user.f #package-contents .container-details .main section.variations{display:none}@supports (font-variation-settings: "wght" 600){#user.f #package-contents .container-details .main section.variations{display:block}}#user.f #package-contents .container-details .main section.variations .item-sample{align-items:stretch;display:flex;flex:1 1 auto;flex-flow:column wrap;justify-content:space-between;margin-bottom:-1.5rem;margin-top:0.2em}@media only screen and (min-width: 1100px){#user.f #package-contents .container-details .main section.variations .item-sample{flex-direction:row}}#user.f #package-contents .container-details .main section.variations .varfont{margin-bottom:1.5rem;width:100%}@media only screen and (min-width: 1100px){#user.f #package-contents .container-details .main section.variations .varfont{width:calc(50% - 1.5em)}}#user.f #package-contents .container-details .main section.variations .varfont .var-sample{background-color:var(--detail-inner-bg-color);height:140px;line-height:140px;margin-bottom:1em;overflow:hidden;vertical-align:baseline;width:100%}#user.f #package-contents .container-details .main section.variations .varfont .var-sample p{line-height:140px;white-space:nowrap}#user.f #package-contents .container-details .main section.variations .varfont em{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.f #package-contents .container-details .main section.variations .varfont em{--site-font-stretch: 80}}#user.f #package-contents .container-details .main section.variations .varfont input,#user.f #package-contents .container-details .main section.variations .varfont label{display:block}#user.f #package-contents .container-details .main section.variations .varfont input{color:var(--orange);width:100%}#user.f #package-contents .container-details .main section.variations .varfont label{font-size:0.8em;margin-bottom:1em}#user.f #package-contents .container-details .main section.variations .varfont select{width:100%}#user.f #package-contents .container-details .main section.variations .varfont canvas{background-color:var(--main-bg-color);height:15em;width:15em}#user.f #package-contents .container-details .main section.variations .varfont .axes label span{color:var(--orange);cursor:pointer}#user.f #package-contents .container-details .main section.figures .item-sample{font-size:4rem;line-height:4rem;overflow-x:auto;scrollbar-width:none;text-decoration-color:var(--metrics-color);text-decoration-line:underline;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none;text-decoration-thickness:var(--metrics-width);text-underline-offset:0}#user.f #package-contents .container-details .main section.figures .item-sample ::-webkit-scrollbar{-webkit-appearance:none;appearance:none}#user.f #package-contents .container-details .main section.figures .vertline{border-left:var(--metrics-width) solid var(--metrics-color);width:0}#user.f #package-contents .container-details .main section.features ul{list-style-type:none}#user.f #package-contents .container-details .main section.features ul li{margin-bottom:0.5rem}#user.f #package-contents .container-details .main section.features .main-sample{background:var(--detail-inner-bg-color);display:flex;flex-direction:column;font-size:2rem;line-height:1em;margin-bottom:1rem;padding:0}#user.f #package-contents .container-details .main section.features .main-sample .manual-sample{padding:1rem}#user.f #package-contents .container-details .main section.features .main-sample .arrow{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;font-size:0.4em;line-height:1em;padding:0 0 0 1rem}@supports (font-variation-settings: "wght" 400){#user.f #package-contents .container-details .main section.features .main-sample .arrow{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}#user.f #package-contents .container-details .main section.features .main-sample .arrow::after{content:"▼"}#user.f #package-contents .container-details .main section.features .main-sample .off{color:var(--grey-semi-dark)}#user.f #package-contents .container-details .main section.features .main-sample .on:hover{cursor:default;font-feature-settings:"calt" 0, "kern" 0, "liga" 0}#user.f #package-contents .container-details .main section.features .detail-sample.hideable{display:none}#user.f #package-contents .container-details .main section.features table{font-size:2em;line-height:2em;margin:0 0 2rem -3px;padding:0}#user.f #package-contents .container-details .main section.features td{background:var(--detail-inner-bg-color);border-left:3px solid var(--main-bg-color);border-right:3px solid var(--main-bg-color);margin:0;padding:0}#user.f #package-contents .container-details .main section.features .off,#user.f #package-contents .container-details .main section.features table td div{padding:0 0.2em;position:relative}#user.f #package-contents .container-details .main section.features .off span,#user.f #package-contents .container-details .main section.features table td div span{border:2px solid var(--grey-dark);display:none;flex-direction:column;font-size:16px;line-height:2em;position:absolute;right:0;top:0;width:100%}#user.f #package-contents .container-details .main section.features .off span img,#user.f #package-contents .container-details .main section.features table td div span img{width:16px}#user.f #package-contents .container-details .main section.features .off.manual-sample span,#user.f #package-contents .container-details .main section.features table td div.manual-sample span{border:2px solid var(--grey-semi-dark);left:0.5em;right:auto;text-align:center;top:0.5em;width:24px}#user.f #package-contents .container-details .main section.features .off:hover,#user.f #package-contents .container-details .main section.features table td div:hover{cursor:default}#user.f #package-contents .container-details .main section.features .off:hover span,#user.f #package-contents .container-details .main section.features table td div:hover span{background:var(--substitution-overlay-bg);display:flex}#user.f #package-contents .container-details .main section.features .off.manual-sample:hover span,#user.f #package-contents .container-details .main section.features table td div.manual-sample:hover span{background:var(--main-bg-color)}#user.f #package-contents .container-details .main section.features table{display:block;overflow-x:auto;overflow-y:hidden;white-space:nowrap}#user.f #package-contents .container-details .main section.features table ::-webkit-scrollbar{-webkit-appearance:none;appearance:none;width:7px}#user.f #package-contents .container-details .main section.features table ::-webkit-scrollbar-thumb{background-color:black;border-radius:4px;box-shadow:0 0 1px white}#user.f #package-contents .container-details .main section.features table td{min-width:1em;text-align:center}#user.f #package-contents .container-details .main section.features table td.arrow{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;color:var(--main-bg-color);font-size:0.7em;line-height:0.5em;padding:0;vertical-align:top}@supports (font-variation-settings: "wght" 400){#user.f #package-contents .container-details .main section.features table td.arrow{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}#user.f #package-contents .container-details .main section.features table td div{height:100%;width:100%}#user.f #package-contents .container-details .main section.features table td:hover{cursor:default}#user.f #package-contents .container-details .main section.features table tr:first-child{color:var(--grey-semi-dark)}#user.f #package-contents .container-details .main section.features table tr:first-child a{color:var(--grey-semi-dark);position:relative}#user.f #package-contents .container-details .main section.features table tr:first-child a:hover{background:var(--main-bg-color);color:var(--orange)}#user.f #package-contents .container-details .main section.features table tr.on td:hover{font-feature-settings:"calt" 0, "kern" 0, "liga" 0}#user.f #package-contents .container-details .main section.features table tr.on span.on{padding:0 0.1em}#user.f #package-contents .container-details .main section.features table tr.on span.on:hover{font-feature-settings:"calt" 0, "kern" 0, "liga" 0 !important}#user.f #package-contents .container-details .main section .glyph-box{background:var(--detail-inner-bg-color);font-size:1.5rem;line-height:1.5em;padding:1rem}@media only screen and (min-width: 460px){#user.f #package-contents .container-details .main section.features .multi{-moz-column-count:2;column-count:2}#user.f #package-contents .container-details .main section.features .main-sample{flex-direction:row}#user.f #package-contents .container-details .main section.features .main-sample .manual-sample{width:calc(50% - 0.5rem)}#user.f #package-contents .container-details .main section.features .main-sample .arrow{line-height:4rem}#user.f #package-contents .container-details .main section.features .main-sample .arrow::after{content:"▶︎";display:block;height:100%}}@media only screen and (min-width: 820px){#user.f #package-contents .container-details .main .header{padding:2rem 2rem 0}#user.f #package-contents .container-details .main .header.sticky-top{padding:1rem 2rem 0}#user.f #package-contents .container-details .main section{padding:0 2rem}#user.f #package-contents .container-details .main section.styles{display:block;margin:0;padding-top:3rem}#user.f #package-contents .container-details .main section.figures .item-sample img{height:5rem}#user.f #package-contents .container-details .main section.features .main-sample{font-size:2.5rem}#user.f #package-contents .container-details .main section.features .main-sample .manual-sample{padding:2rem;width:calc(50% - 1rem)}#user.f #package-contents .container-details .main section.features .main-sample .arrow{line-height:6.25rem}#user.f #package-contents .container-details .main section h3{margin-bottom:2rem}#user.f #package-contents .container-details .main section .package-content-item{display:flex}#user.f #package-contents .container-details .main section .package-content-item .item-description{padding-right:2rem;width:30%}#user.f #package-contents .container-details .main section .package-content-item .item-sample{width:70%}#user.f #package-contents .container-details .main section .package-content-item .small{color:var(--grey-dark2)}}@media only screen and (min-width: 920px){#user.f #package-contents .container-details .main .header .details-nav ul li{margin-right:1.5rem}}@media only screen and (min-width: 1100px){#user.f #package-contents .container-details .main section.features .multi{-moz-column-count:3;column-count:3}}@media only screen and (min-width: 1220px){#user.f #package-contents .container-details .main section.features .main-sample{font-size:3rem}#user.f #package-contents .container-details .main section.features .main-sample .arrow{line-height:6.75rem}#user.f #package-contents .container-details .main section .package-content-item .item-description{width:25%}#user.f #package-contents .container-details .main section .package-content-item .item-sample{width:75%}}@media only screen and (min-width: 1640px){#user.f #package-contents .container-details .main .header{padding:2rem 3rem 0}#user.f #package-contents .container-details .main .header.sticky-top{padding:1rem 3rem 0}#user.f #package-contents .container-details .main section{padding:0 3rem}#user.f #package-contents .container-details .main section.features .main-sample{font-size:3.5rem}#user.f #package-contents .container-details .main section.features .multi{-moz-column-count:4;column-count:4}#user.f #package-contents .container-details .main section .package-content-item .item-description{width:20%}#user.f #package-contents .container-details .main section .package-content-item .item-sample{width:80%}#user.f #package-contents .container-details h3{margin-bottom:2rem}#user.f #package-contents .container-details h4{margin-bottom:1rem}#user.f #package-contents .container-details .figures,#user.f #package-contents .container-details .features{margin-bottom:4rem}#user.f #package-contents .container-details .features .multi{margin-bottom:3rem}}footer{background-color:var(--footer);color:var(--footer-text);margin-top:1rem}@media (max-width: 400px){footer{margin-top:0}}footer .footer-inside{margin:0 auto;max-width:2200px;padding:12px}footer .footer-inside ul{list-style-type:none}footer .footer-inside li{color:var(--grey-mid)}footer .footer-inside a:link,footer .footer-inside a:visited,footer .footer-inside a:hover,footer .footer-inside a:active{color:var(--footer-text);text-decoration:none}footer .footer-inside a:hover{font-weight:700;color:var(--footer-text)}@supports (font-variation-settings: "wght" 700){footer .footer-inside a:hover{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){footer .footer-inside a:hover{--site-font-stretch: 85}}}footer .footer-inside .links{-moz-columns:2;columns:2;margin-bottom:1.5rem}footer .footer-inside .social{display:flex;justify-content:center;margin-bottom:1.5rem}footer .footer-inside .social li{margin:0 0.5rem}footer .footer-inside .social a{display:block;height:34px;width:34px}footer .footer-inside .social a.tw,footer .footer-inside .social a.fb,footer .footer-inside .social a.inst{fill:var(--footer-text)}footer .footer-inside .social a:hover{opacity:80%}footer .footer-inside .copyright{display:flex}footer .footer-inside .copyright a{display:inline-block;height:36px;margin-right:0.75rem;width:36px}footer .footer-inside .copyright a img{width:100%}footer .footer-inside .copyright span{line-height:36px}@media only screen and (min-width: 600px){footer .footer-inside{display:flex;flex-wrap:wrap;justify-content:space-between}footer .footer-inside .links{-moz-columns:4;columns:4;margin-bottom:2rem}footer .footer-inside .social{margin-bottom:2rem;order:2}}@media only screen and (min-width: 700px){footer .footer-inside .social{order:0}footer .footer-inside .copyright{flex-basis:100%}}@media only screen and (min-width: 820px){footer{margin-top:2rem}footer .footer-inside{padding:20px}footer .footer-inside .links{-moz-column-gap:2rem;column-gap:2rem}}@media only screen and (min-width: 1220px){footer{margin-top:3rem}footer .footer-inside{padding:28px}footer .footer-inside .copyright{display:block;flex-basis:auto;order:-1}footer .footer-inside .copyright span{display:block;line-height:1.5rem}}@media only screen and (min-width: 1640px){footer{margin-top:4rem}footer .footer-inside{padding:36px 54px}}table,.table{border-collapse:collapse;margin:0}table td,table .td,table th,table .th,.table td,.table .td,.table th,.table .th{padding:0.4em 1em 0.5em;text-align:left;vertical-align:top}table td p,table .td p,table th p,table .th p,.table td p,.table .td p,.table th p,.table .th p{max-width:none}table th,table .th,.table th,.table .th{font-weight:700}@supports (font-variation-settings: "wght" 700){table th,table .th,.table th,.table .th{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){table th,table .th,.table th,.table .th{--site-font-stretch: 85}}}table.v,.table.v{margin-bottom:1em}table.v th,.table.v th{border-right:var(--table-border);text-align:right}table.v td,.table.v td{border:0;padding-right:0}table.texttable,.table.texttable{margin:1em 0}table.texttable td,table.texttable th,.table.texttable td,.table.texttable th{padding:0.2em 2em 0.2em 0}table.texttable th,.table.texttable th{border-bottom:var(--table-border);text-align:left}table.secondary,.table.secondary{font-size:0.9em}.responsive{border-collapse:separate;border-spacing:0 5px}.responsive tr{display:flex;flex-direction:row;margin-bottom:0.5rem}.responsive tr.hidden{display:none}.responsive td,.responsive th{border:0;display:block;padding:0}.responsive td p,.responsive td li,.responsive td ul,.responsive th p,.responsive th li,.responsive th ul{line-height:2.2em;margin:0;padding:0}.responsive td ul,.responsive th ul{list-style-type:none}.responsive th{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;padding-right:1em}@media (max-width: 400px){.responsive th{--site-font-stretch: 80}}.responsive th label{line-height:2.2em;padding-left:0}.responsive .city{min-width:6em;padding-right:0;text-align:right}.responsive .city-input{width:110px}.responsive td input[type="text"],.responsive td input[type="email"],.responsive td input[type="password"]{display:inline-block;height:2.2em;line-height:2.2em;width:100%}.responsive td select{width:100%}@media only screen and (min-width: 1220px){.responsive .city-input{width:130px}}@media screen and (max-width: 600px){table.responsive{width:100%}table.responsive tr{display:flex;flex-direction:column !important}table.responsive .city{text-align:left}table.responsive td{width:100% !important}table.responsive .sep td,table.responsive .sep th{border-top:0 !important}}input,select,textarea{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;background-color:var(--input-bg-color);border:var(--input-border);border-radius:var(--border-radius-elements);box-sizing:border-box;color:var(--input-color);display:inline-block;font-size:1em;line-height:1.2em;padding:0.3rem 0.45rem}@media (max-width: 400px){input,select,textarea{--site-font-stretch: 80}}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type="radio"],input[type="checkbox"]{border:0}textarea{font-weight:300;line-height:1.4em}@supports (font-variation-settings: "wght" 300){textarea{--site-font-weight: 300;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){textarea{--site-font-stretch: 85}}}.a input[type="text"],.a input[type="password"],.a input[type="number"],.a input[type="email"],.dark input[type="text"],.dark input[type="password"],.dark input[type="number"],.dark input[type="email"]{background-color:var(--input-bg-color)}.a textarea,.dark textarea{background-color:var(--input-bg-color)}.display p{margin:0}form td label,form th label{margin:0;padding:0.4em 0.6em}form td label{padding:0.6em 0 0.6em 0.1em}form .v select{margin:0.46em 0 0.5em;width:16em}form .v td p{margin:0;padding:0.6em 0 0.6em 0.1em}form .v th{padding:0.6em 0.6em 0 0;text-align:right}.contact-form{display:flex;flex-direction:row}@media screen and (max-width: 600px){.contact-form{flex-direction:column}}.contact-form .address{padding-bottom:4rem;padding-right:10vw}.contact-form .responsive th{min-width:10em}.contact-form .responsive td{width:auto}input[type="checkbox"]:not(:checked),input[type="checkbox"]:checked,input.custom[type="radio"]:not(:checked),input.custom[type="radio"]:checked{left:-9999px;opacity:0%;position:absolute}input[type="checkbox"]:not(:checked)+label,input[type="checkbox"]:checked+label,input.custom[type="radio"]:not(:checked)+label,input.custom[type="radio"]:checked+label{cursor:pointer;line-height:2.2em;padding:0 0 0 2em;position:relative}input[type="checkbox"]:not(:checked)+label::before,input[type="checkbox"]:checked+label::before,input.custom[type="radio"]:not(:checked)+label::before,input.custom[type="radio"]:checked+label::before{content:url(/icons/checkmark-blank.svg);height:18px;left:0;position:absolute;top:-0.3em;width:18px}input[type="checkbox"]:checked+label::before,input.custom[type="radio"]:checked+label::before{content:url(/icons/checkmark.svg)}input[type="checkbox"]:disabled+label::before,input.custom[type="radio"]:disabled+label::before{content:url(/icons/checkmark-disabled.svg)}input[type="checkbox"]:indeterminate+label::before,input.custom[type="radio"]:indeterminate+label::before{content:url(/icons/checkmark-indeterminate.svg)}input.custom[type="radio"]:not(:checked)+label::before{content:url(/icons/radio-blank.svg);top:-0.3em}input.custom[type="radio"]:checked+label::before{content:url(/icons/radio.svg);top:-0.3em}input.custom[type="radio"]:disabled+label::before{content:url(/icons/radio-disabled.svg)}.custom-select{border:2px solid var(--main-text-color);border-radius:var(--border-radius-elements);height:2rem;line-height:2rem;margin:0 1rem 0 0;max-width:250px;overflow:hidden;padding:0.25rem;position:relative;white-space:nowrap;width:100%}.custom-select::after{border-left:2px solid var(--main-text-color);content:url(/icons/dropdown-black.svg);margin-top:-5px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:2rem}.custom-select select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;background-image:none;border:0;border-radius:var(--border-radius-elements);box-shadow:none;cursor:pointer;display:inline;min-width:300px;outline:0;position:absolute;top:0}.custom-select select::-ms-expand{display:none}.custom-select:hover{border-color:var(--orange);cursor:pointer}.custom-select:hover::after{border-left-color:var(--orange);content:url(/icons/dropdown-orange.svg)}dt div.field_with_errors{display:inline}nav ul{list-style-type:none}nav.pagy{display:block;line-height:1.5em;margin:0 0 1em;padding:0}nav.pagy a{background-color:var(--admin-pagination-bg);border-radius:var(--border-radius-elements);box-shadow:var(--content-shadow);display:inline-block;margin-right:0.6em;padding:0.4em 0.6em}nav.pagy a.current{font-weight:600;background-color:var(--orange);color:var(--inverted-text);font-style:normal}@supports (font-variation-settings: "wght" 600){nav.pagy a.current{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){nav.pagy a.current{--site-font-stretch: 85}}}nav.pagy a:hover:not([aria-disabled="true"]){background-color:var(--button-bg-hover);color:var(--button-text-hover)}nav.pagy a[aria-disabled="true"]:not(.current){color:var(--grey-semi-dark)}nav.main{color:var(--site-bg-text);font-size:17px;line-height:28px;margin-top:3.5rem}nav.main a{font-weight:600;border-radius:var(--border-radius-elements);display:block;padding:2px 6px}@supports (font-variation-settings: "wght" 600){nav.main a{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){nav.main a{--site-font-stretch: 85}}}nav.main a:link,nav.main a:visited,nav.main a:hover,nav.main a:active{color:var(--nav-text-hover)}nav.main a:link:hover{background-color:var(--nav-bg-hover)}nav.main a.svg{height:32px;padding:6px;width:32px}nav.main ul{display:flex;flex-direction:row;justify-content:space-between;margin:0 -0.5rem}nav.main li.account{position:absolute;right:132px;top:14px}nav.main li.cart{position:absolute;right:90px;top:14px;width:auto}nav.main li.search{position:absolute;right:48px;top:14px}nav.main li.prefs{position:absolute;right:6px;top:14px}nav.main li .page-category a{white-space:nowrap}nav.main svg{height:20px;width:20px}nav.main svg circle,nav.main svg path{fill:var(--site-bg-text)}nav.main .badge-wrapper{position:relative}nav.main .badge{font-weight:600;background-color:var(--cart-badge-bg-color);border-radius:16px;box-shadow:var(--box-shadow);color:var(--cart-badge-color);display:inline-block;font-feature-settings:"lnum" 1, "tnum" 1;font-size:14px;height:1.55rem;left:-0.5425rem;line-height:1.55rem;min-width:1.55rem;padding:0;position:absolute;text-align:center;top:-0.5425rem;z-index:999}@supports (font-variation-settings: "wght" 600){nav.main .badge{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){nav.main .badge{--site-font-stretch: 85}}}nav.main .badge:link,nav.main .badge:visited,nav.main .badge:hover,nav.main .badge:active{color:var(--cart-badge-color)}nav.main .account .badge{background-color:var(--badge-bg-color);color:var(--badge-color)}nav.main .admin a{background:var(--main-text-color);color:var(--main-bg-color)}nav.main.fonts li.fonts a,nav.main.account li.account a,nav.main.cart li.cart a,nav.main .hl a{background:var(--nav-bg-highlight);color:var(--nav-text-highlight)}nav.main.fonts li.fonts a svg circle,nav.main.fonts li.fonts a svg path,nav.main.account li.account a svg circle,nav.main.account li.account a svg path,nav.main.cart li.cart a svg circle,nav.main.cart li.cart a svg path,nav.main .hl a svg circle,nav.main .hl a svg path{fill:var(--nav-text-highlight)}nav.main.fonts li.fonts .badge,nav.main.account li.account .badge,nav.main.cart li.cart .badge,nav.main .hl .badge{background-color:var(--cart-badge-color);color:var(--cart-badge-bg-color)}nav.main.account li.account .badge{background-color:var(--badge-bg-color);color:var(--badge-color)}nav.main li.search a:hover,nav.main li.prefs a:hover{background-color:var(--nav-bg-hover);cursor:pointer}nav.main li.search a.selected svg path,nav.main li.prefs a.selected svg path{fill:var(--orange)}@media (max-width: 400px){nav.main li.account,nav.main li.cart,nav.main li.search{margin-right:0}nav.main li.prefs{display:none}nav.main li.account{position:absolute;right:90px;top:14px}nav.main li.cart{position:absolute;right:48px;top:14px;width:auto}nav.main li.search{position:absolute;right:6px;top:14px}}@media only screen and (min-width: 400px){nav.main{margin-top:12px}nav.main ul{justify-content:flex-start}nav.main li{margin-right:1rem}nav.main li a{padding:2px 10px}nav.main li.account,nav.main li.cart,nav.main li.search{margin-right:0}nav.main li.prefs{display:none}nav.main li.account{position:absolute;right:90px;top:14px}nav.main li.cart{position:absolute;right:48px;top:14px;width:auto}nav.main li.search{position:absolute;right:6px;top:14px}nav.main .icon{display:auto}}@media only screen and (min-width: 820px){nav.main{margin-top:4px}nav.main ul{margin:0}nav.main li{margin-right:1rem}nav.main li.account,nav.main li.cart,nav.main li.search,nav.main li.prefs{margin-right:1rem;position:static}nav.main li:last-child,nav.main li.search{margin-right:0}nav.main li.account::before{content:"|";position:absolute}nav.main li.account a{margin-left:1.4rem}nav.main li.cart{position:relative;right:0;top:0}}@media only screen and (min-width: 920px){nav.main li.prefs{display:flex}nav.main li.search{margin-right:1rem}}@media only screen and (min-width: 1220px){nav.main{font-size:18px;line-height:30px;margin-top:1px}nav.main li{margin-right:1.5rem}nav.main li.account,nav.main li.cart{margin-right:1.5rem}nav.main li.account a{margin-left:1.9rem}nav.main .svg{height:34px;width:34px}nav.main svg{height:22px;width:22px}nav.main .icon{display:none}}nav.side{font-weight:600;margin-right:2rem;margin-top:0.7rem}@supports (font-variation-settings: "wght" 600){nav.side{--site-font-weight: 600;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){nav.side{--site-font-stretch: 85}}}nav.side li{margin-bottom:0.6rem}nav.side li a{color:var(--main-text-color)}.container-details .side a{color:var(--orange)}#user.account nav.side{min-width:240px}#user.account nav.side li a{color:var(--main-text-color)}#user.account nav.side.hl-orders .nav-orders,#user.account nav.side.hl-updates .nav-updates,#user.account nav.side.hl-licences .nav-licences,#user.account nav.side.hl-discounts .nav-discounts,#user.account nav.side.hl-shopping-lists .nav-shopping-lists,#user.account nav.side.hl-subsets .nav-subsets,#user.account nav.side.hl-trial-fonts .nav-trial-fonts,#user.account nav.side.hl-notifications .nav-notifications,#user.account nav.side.hl-profile .nav-profile{color:var(--orange)}#user.account nav.side .badge{color:var(--grey-semi-dark)}#user.account nav.side .badge::after{content:")"}#user.account nav.side .badge::before{content:"("}#user.account .rows{display:flex;flex-direction:row}#user.account #name{align-items:top;display:flex}#user.account #name h1{margin-right:0.5em}#user.account #name a{font-size:16px;margin-top:0.6em}@media screen and (max-width: 600px){#user.account .rows{display:flex;flex-direction:column}#user.account nav.side{min-width:240px}#user.account nav.side ul{display:flex;flex-flow:row wrap;justify-content:space-between;margin:0 0 1rem}#user.account #name{flex-wrap:wrap}#user.account #name h1{margin-bottom:1rem}}#user.account #carts{margin-right:2em}#user.account #carts table{border:0}#user.account #carts table tr{border:0;transition:background-color 0.5s ease-in-out 1.2s}#user.account #carts table tr p{margin-bottom:0}#user.account #carts table tr.highlight{background-color:var(--orange-verylight)}#user.account #carts table tr td{border:0}#user.account #carts table tr :first-child{padding:0.4em 1em 0.5em 0}#user.account .action-required>div{border-radius:var(--border-radius-elements)}#user.account .action-required h4,#user.account .email-verify h4{margin:0 0 1em}#user.account #profile #header{align-items:center;display:flex;flex-direction:row;justify-content:space-between}#user.account #profile table{border-collapse:separate;border-spacing:0 5px}#user.account #profile table td,#user.account #profile table th{border:0;padding:0}#user.account #profile table td p,#user.account #profile table td li,#user.account #profile table td ul,#user.account #profile table th p,#user.account #profile table th li,#user.account #profile table th ul{line-height:2.2em;margin:0;padding:0}#user.account #profile table td ul,#user.account #profile table th ul{list-style-type:none}#user.account #profile table th{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;min-width:11em;padding-right:1em}@media (max-width: 400px){#user.account #profile table th{--site-font-stretch: 80}}#user.account #profile table th label{line-height:2.2em;padding-left:0}#user.account #profile table td{background-color:var(--input-bg-color);color:var(--input-color);width:16em}#user.account #profile table td.comment{background-color:transparent;max-width:30em;width:auto}#user.account #profile table td.comment p{font-style:italic;line-height:1.5em;padding:0.4em 0 0 1em}#user.account #profile table td.comment pre{background-color:var(--grey-light);font-style:normal;line-height:1.5em;margin:0.375em 0 0 1em;padding:0.375em 0.6em}#user.account #profile table td.vat-unverified input[type="text"],#user.account #profile table td.vat-unverified p{background-color:var(--orange-verylight)}#user.account #profile table td li,#user.account #profile table td p{padding:0 0.6em}#user.account #profile table td input[type="text"],#user.account #profile table td input[type="email"],#user.account #profile table td input[type="password"]{display:inline-block;height:2.2em;line-height:2.2em;width:100%}#user.account #profile table td select{display:inline-block;margin-top:0.45em;width:100%}#user.account #profile table .sep td,#user.account #profile table .sep th{border-top:2em solid var(--main-bg-color)}#user.account #profile form td{background-color:transparent;border:0}@media screen and (max-width: 600px){#user.account #header{justify-content:flex-start}#user.account #header h2{margin-right:1rem}#user.account table{width:100%}#user.account table tr{display:flex;flex-direction:column}#user.account table th{padding-top:0.7em !important}#user.account table td{width:100% !important}#user.account table .sep td,#user.account table .sep th{border-top:0 !important}}@media screen and (max-width: 600px){#user.account .orders .indicator{display:none}#user.account .orders .row-expand .indicator svg{transform:rotate(90deg)}#user.account .orders .row-expand .indicator svg g{stroke:var(--main-text-color)}#user.account .orders table{width:100%}#user.account .orders table thead{display:none}#user.account .orders table td,#user.account .orders table th{padding-left:0;padding-right:1em}#user.account .orders table td{padding-bottom:0}#user.account .orders table .date{flex:3}#user.account .orders table .downloads{flex:2}#user.account .orders table .status{flex:3}#user.account .orders table .status h6{float:right}#user.account .orders table .status.pending{color:var(--orange)}#user.account .orders table .header{display:flex;flex-direction:row}#user.account .orders table .header .name{flex:8}#user.account .orders table .toggle{border-top:var(--table-border);cursor:pointer;display:flex;flex-direction:column !important;padding:1em 0}#user.account .orders table .toggle *{pointer-events:none}#user.account .orders table .toggle .indicator{flex:1;padding-right:0.3em}#user.account .orders table .toggle .name{flex:7}#user.account .orders table .toggle .name h6{padding:0 0.5em 0.5em 0}#user.account .orders table .toggle .downloads{display:flex;flex-direction:row;justify-content:flex-end !important}#user.account .orders table .toggle .downloads div{padding:0 0 0.5rem 1.3rem}#user.account .orders table .toggle .downloads a,#user.account .orders table .toggle .downloads svg{pointer-events:auto}#user.account .orders table .toggle .downloads .download-icon svg{fill:var(--orange)}#user.account .orders table .toggle .downloads .download-icon svg:hover{fill:var(--main-text-color)}#user.account .orders table .toggle .downloads .download-disabled svg{fill:var(--grey-mid)}#user.account .orders table .toggle .status{flex:3}#user.account .orders table .toggle .status h6{float:right}#user.account .orders table .toggle .status h6.pending{color:var(--orange)}#user.account .orders .order-details{padding-bottom:1em}#user.account .orders .order-details .cart h5{margin:0.5em 0 0.2em}#user.account .orders .order-details .cart p{margin-bottom:0}#user.account .orders .order-details .cart .order-discount td{padding:1em 0 0.5em}#user.account .orders .order-details .action-required{padding-top:2em}#user.account .orders .order-details .action-required .bank-details-wrapper{background-color:var(--orange-verylight);padding:1em}#user.account .orders .order-details .cancel-order{float:right;margin-top:0.5em}#user.account .orders .order-details .eula{padding-top:2em}#user.account .orders .order-details .list{display:flex;flex-direction:column}#user.account .orders .order-details .package-items table tbody{border-top:0}#user.account .orders .order-details .action-required{padding-top:2em}}#user.account .order-history{width:100%}#user.account .order-history .orders{width:100%}#user.account .order-history .orders .indicator svg{transform:none;transition:transform 0.5s ease}#user.account .order-history .orders .indicator svg g{stroke:var(--orange);transition:stroke 0.5s ease}#user.account .order-history .orders .row-expand .indicator svg{transform:rotate(90deg)}#user.account .order-history .orders .row-expand .indicator svg g{stroke:var(--main-text-color)}#user.account .order-history .orders table{width:100%}#user.account .order-history .orders table td,#user.account .order-history .orders table th{padding-left:0;padding-right:1em}#user.account .order-history .orders table td{padding-bottom:0}#user.account .order-history .orders table .date{flex:3}#user.account .order-history .orders table .downloads{flex:2}#user.account .order-history .orders table .status{flex:3}#user.account .order-history .orders table .status h6{float:right}#user.account .order-history .orders table .status.pending{color:var(--orange)}#user.account .order-history .orders table .header{display:flex;flex-direction:row}#user.account .order-history .orders table .header .name{flex:8}#user.account .order-history .orders table .toggle{border-top:var(--table-border);cursor:pointer;display:flex;flex-direction:row;padding:1em 0}#user.account .order-history .orders table .toggle *{pointer-events:none}#user.account .order-history .orders table .toggle .indicator{flex:1;padding-right:0.3em}#user.account .order-history .orders table .toggle .name{flex:7}#user.account .order-history .orders table .toggle .name h6{padding:0 0.5em 0.5em 0}#user.account .order-history .orders table .toggle .name .ref-toggle{pointer-events:auto}#user.account .order-history .orders table .toggle .downloads{display:flex;flex-direction:row;justify-content:space-between}#user.account .order-history .orders table .toggle .downloads a,#user.account .order-history .orders table .toggle .downloads svg{pointer-events:auto}#user.account .order-history .orders table .toggle .downloads .download-icon svg{fill:var(--orange)}#user.account .order-history .orders table .toggle .downloads .download-icon svg:hover{fill:var(--main-text-color)}#user.account .order-history .orders table .toggle .downloads .download-disabled svg{fill:var(--grey-mid)}#user.account .order-history .orders table .toggle .status{flex:3}#user.account .order-history .orders table .toggle .status h6{float:right}#user.account .order-history .orders table .toggle .status h6.pending{color:var(--orange)}#user.account .order-history .orders .order-details{padding-bottom:1em}#user.account .order-history .orders .order-details .cart h5{margin:0.5em 0 0.2em}#user.account .order-history .orders .order-details .cart p{margin-bottom:0}#user.account .order-history .orders .order-details .action-required{padding-top:2em}#user.account .order-history .orders .order-details .action-required .bank-details-wrapper{background-color:var(--orange-verylight);padding:1em}#user.account .order-history .orders .order-details .cancel-order{float:right;margin-top:0.5em}#user.account .order-history .orders .order-details .eula{padding-top:2em}#user.account .order-history .orders .order-details .list{display:flex;flex-direction:column}#user.account .order-history .orders .order-details .package-items table tbody{border-top:0}#user.account .order-history .orders .order-details .action-required{padding-top:2em}@media only screen and (min-width: 1000px){#user.account .order-history .orders .order-details .list{flex-direction:row;width:100%}#user.account .order-history .orders .order-details .list .empty{flex:1}#user.account .order-history .orders .order-details .list .package-items{flex:7}#user.account .order-history .orders .order-details .list .package-items table{width:100%}#user.account .order-history .orders .order-details .list .package-items table tbody{border-top:0;width:100%}#user.account .order-history .orders .order-details .list .action-required{align-items:flex-start;flex:7;max-width:50em;padding-top:0}#user.account .order-history .orders .order-details .list .eula{flex:7}}#user.account .licence-list h3{margin-top:1.5em}#user.account .licence-list li{list-style-type:none}#user.account .licence-list table{border-top:var(--table-border)}#user.account .licence-list td,#user.account .licence-list th{padding-left:0}#user.account .discount-list p{max-width:50em}#user.account .trial-package{background:var(--orange-verylight);border:2px var(--orange) solid;color:var(--orange);margin:var(--grid-height);margin-left:0;padding:1em}#user.account .trial-package h3{color:var(--orange)}#user.account .flipper{position:relative;transform-style:preserve-3d;transition:0.6s;transition-property:transform}#user.account .flippable{flex:1;height:10.75em;margin:0 1em 1.75em 0;max-width:20em;perspective:1000px;width:100%}#user.account .flippable .front{backface-visibility:hidden;height:11.5em;left:0;position:absolute;top:0;transform:rotateY(0deg);z-index:2}#user.account .flippable.hover .flipper{transform:rotateY(180deg)}#user.account .back{backface-visibility:hidden;flex:1;height:11.5em;left:0;max-width:20em;overflow-y:scroll;position:absolute;top:0;transform:rotateY(180deg);width:100%}#user.account .back li{font-size:0.8em;line-height:1.2em}#user.account .discounts,#user.account .family-discounts{padding:2em 0 0}#user.account .discounts ul,#user.account .family-discounts ul{list-style-type:none}#user.account .discounts .flippable,#user.account .family-discounts .flippable{display:inline-block}#user.account .coupon,#user.account .back{border:var(--coupon-border);border-radius:var(--border-radius-elements);box-shadow:var(--box-shadow);flex:1;margin:0;max-width:20em;padding:0.5em;width:100%}#user.account .coupon a,#user.account .back a{color:inherit}#user.account .coupon h3,#user.account .back h3{margin:0}#user.account .coupon .code,#user.account .back .code{border-bottom:1px solid black;margin:0 0 0.5em;padding:0 0 0.33em}#user.account .coupon .validity,#user.account .back .validity{font-size:0.8em;margin:0;text-align:right;text-shadow:none}#user.account .update-list .update{box-shadow:var(--box-shadow);margin:var(--grid-height) 0;max-width:36em;padding:calc(2 * var(--hem))}#user.account .update-list .update .desc ul{margin:0 0 var(--half-grid-height)}#user.account .update-list .update .desc ul li{margin-left:calc(2 * var(--hem))}#user.account .update-list .update table{display:none}@media only screen and (min-width: 700px){#user.account .update-list .update table{display:block}}#user.account .subset-list .subset-format{padding:0.2em 0}#user.account .subset-list .subsetter h3{margin-top:2em}#user.account .subset-list .subsetter input[type="checkbox"]+label::before{content:none}#user.account .subset-list .subsetter input[type="checkbox"]:not(:checked)+label{background-color:var(--main-bg-color);border-color:var(--grey-mid);color:var(--grey-semi-dark)}#user.account .subset-list .subsetter .codepoints{display:flex;flex-flow:row wrap}#user.account .subset-list .subsetter .codepoints .c{font-family:SubsetterWebfont, monospace;font-size:2em;height:1em;line-height:100%;text-align:center}#user.account .subset-list .subsetter .codepoints .h{font-size:0.9em;padding:0.3em 0 0;text-align:center}#user.account .subset-list .subsetter .codepoints .u{background-color:var(--grey-light);border:var(--table-border);border-radius:var(--border-radius-cards);margin:0 1em 1em 0;padding:0.5em 0 0.25em;width:4em}#user.account .subset-list .subsetter .codepoints .u:hover{border:var(--table-border) !important;box-shadow:var(--content-shadow)}#user.account .subset-list .subsetter .features,#user.account .subset-list .subsetter .formats,#user.account .subset-list .subsetter .orthography-list,#user.account .subset-list .subsetter .axis{align-items:flex-start;display:flex;flex-flow:row wrap}#user.account .subset-list .subsetter .features label,#user.account .subset-list .subsetter .formats label,#user.account .subset-list .subsetter .orthography-list label,#user.account .subset-list .subsetter .axis label{background-color:var(--grey-light);border:var(--table-border);border-radius:var(--border-radius-cards);line-height:1.3em;margin:0 1em 1em 0;padding:0.3em var(--hem) 0.4em;text-align:center;width:12em}#user.account .subset-list .subsetter .features label:hover,#user.account .subset-list .subsetter .formats label:hover,#user.account .subset-list .subsetter .orthography-list label:hover,#user.account .subset-list .subsetter .axis label:hover{border:var(--table-border) !important;box-shadow:var(--content-shadow)}#user.account .subset-list .subsetter .axis label{width:5em}#user.account .subset-list .subsetter .features label{width:14em}#user.account .subset-list .subsetter .font{background-color:var(--grey-light);padding:var(--hem);position:sticky;top:0;z-index:9999}#user.account .subset-list .subsetter .font .info{display:flex;flex:column nowrap}#user.account .subset-list .subsetter .font .names{padding:0.5em}#user.account .subset-list .subsetter .font .names-sizes{margin-left:2rem}#user.account .subset-list .subsetter .font .saving{align-items:stretch;display:flex}#user.account .subset-list .subsetter .font .sizes{display:flex;flex:row nowrap;justify-content:space-between}#user.account .subset-list .subsetter .font .sizes div{padding:0.5em}#user.account .subset-list .subsetter .font .icon div{--subset-saving-stop: 0%;background:var(--main-bg-color) linear-gradient(to bottom, var(--main-bg-color) var(--subset-saving-stop), var(--orange) var(--subset-saving-stop));border:2px solid var(--orange);border-radius:var(--border-radius-cards);font-size:2em;height:100%;line-height:100%;padding-top:1rem;text-align:center;transition-duration:0.8s;transition-property:--subset-saving-stop;transition-timing-function:ease-out;width:7rem}#user.account .subset-list .subsetter .formats label{width:5em}#user.account .subset-list .subsetter .opt-select{margin:0.2em 0 var(--hem) 0}#user.account .subset-list .subsetter .variations .axis-header,#user.account .subset-list .subsetter .variations .axis{display:flex;flex-flow:row wrap}#user.account .subset-list .subsetter .variations .axis-header div,#user.account .subset-list .subsetter .variations .axis div{margin:0 2em 1em 0}#user.account .subset-list .subsetter .variations .axis-header div.min,#user.account .subset-list .subsetter .variations .axis-header div.max,#user.account .subset-list .subsetter .variations .axis-header div.default,#user.account .subset-list .subsetter .variations .axis div.min,#user.account .subset-list .subsetter .variations .axis div.max,#user.account .subset-list .subsetter .variations .axis div.default{text-align:right;width:6em}#user.account .subset-list .subsetter .variations .axis-header div.name,#user.account .subset-list .subsetter .variations .axis div.name{width:10em}#user.account .subset-list .subsetter .variations .axis-header{font-weight:700}@supports (font-variation-settings: "wght" 700){#user.account .subset-list .subsetter .variations .axis-header{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user.account .subset-list .subsetter .variations .axis-header{--site-font-stretch: 85}}}#user .bank-details-header{display:flex;flex-direction:column;margin:0;margin-bottom:var(--grid-height);padding:0}#user .bank-details-table-wrapper{display:flex;flex-direction:row}#user .sepa-qr img{background-color:#fff;height:111px;width:111px}#user .bank-details td,#user .bank-details th{padding:0 1.5em 0 0}#user .container-login{display:flex;flex-wrap:wrap;height:100%;justify-content:space-around}#user .container-login section{padding-top:7vh}@media screen and (max-width: 750px){#user .container-login section{max-width:300px}}#user div.create,#user div.login{display:inline-block;margin:0 1rem 2rem 0}#user div.create h3,#user div.login h3{font-size:1.8em;line-height:1em;margin:0.3em 0 1em;padding:0}#user div.create{background-color:var(--main-bg-color)}#user div .login-form label{font-weight:500;display:block;margin-bottom:0.1rem;margin-top:1rem}@supports (font-variation-settings: "wght" 500){#user div .login-form label{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user div .login-form label{--site-font-stretch: 85}}}#user div .login-remember{margin-bottom:0.1rem;margin-top:0.5rem}#user div .login-remember-button{align-items:center;display:flex;justify-content:space-between;padding:1rem 0}#user div .register-button{display:flex;justify-content:flex-end}#user div .register-button input{margin:1rem 0}#user .billing-register ul{margin-left:calc(2 * var(--hem))}#user .billing-information select{width:14em}#user .suspicious input{background-color:var(--orange-verylight)}#user .suspicious::after{content:" This e-mail address looks unusual. Please double-check.";font-style:italic}#user .forgotten-password,#user .instructions{height:100%}#user .password-form{display:flex;flex-direction:row;flex-wrap:wrap}#user .password-form .field input{height:34px;margin-right:10px}#user .password-form .actions{align-self:flex-end}#user .mail-confirmation{align-items:center;display:flex;height:100%;justify-content:center}#user .mail-confirmation div{border:var(--message);color:var(--orange);max-width:700px;padding:3rem}#user .cart table{display:block;margin:0}#user .cart table.licence-details{margin-top:1em}#user .cart table.licence-details tbody{border:0}#user .cart table td,#user .cart table th{margin:0;padding:0}#user .cart table td label,#user .cart table th label{display:inline-block;padding:0.5em 1em 1.2em 0}#user .cart table td p,#user .cart table th p{margin:0;padding:0.5em 1em 1em 0}#user .cart table th{font-weight:400;width:10.5em}@supports (font-variation-settings: "wght" 400){#user .cart table th{--site-font-weight: 400;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .cart table th{--site-font-stretch: 85}}}#user .cart tbody{border-top:var(--table-border)}#user .cart tr.actions td,#user .cart tr.terms td{border:0}#user .cart tr.terms{padding:2em 0}#user .cart tr.cart-actions{border-top:0}#user .cart tr.cart-actions td{padding-right:0;padding-top:1.1em;text-align:right}#user .cart tr.cart-actions form{float:right;padding-top:0.5em}#user .cart tr.cart-actions input{display:inline-block;margin-left:0.5em;white-space:pre-wrap}#user .cart tr:hover a.remove-hover::after{content:"Remove";font-size:0.8125rem;padding-left:0.5em}#user .cart thead tr{border-top:0}#user .cart thead tr th{padding-bottom:0.5em}#user .cart th.cartbutton{padding:0;text-align:left}#user .cart th.details{width:25em}#user .cart th.package{max-width:65em;width:17em}#user .cart td,#user .cart th{padding-left:0;vertical-align:baseline}#user .cart td p,#user .cart th p{margin-bottom:0.9em;margin-top:0}#user .cart td a.remove-hover,#user .cart th a.remove-hover{display:inline-block;height:1.5rem}#user .cart td.fullprice,#user .cart td.price,#user .cart th.fullprice,#user .cart th.price{padding-right:0;text-align:right;width:9em}#user .cart td.vat-title,#user .cart th.vat-title{text-align:right}#user .cart td.vat-title p,#user .cart th.vat-title p{margin:0.5em 0 0.7em}#user .cart td h3,#user .cart th h3{margin:0;padding:0.45em 0 0.5em}#user .cart td.cartbutton{border:0;float:right;max-width:120px;padding:0.45em 0 0}#user .cart td.vat-warning{color:var(--orange)}#user .cart td.vat-warning h3{font-weight:700;font-size:1.2em;padding-bottom:1em}@supports (font-variation-settings: "wght" 700){#user .cart td.vat-warning h3{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .cart td.vat-warning h3{--site-font-stretch: 85}}}#user .cart td.vat-warning p{color:var(--main-text-color);margin-bottom:0.8em;margin-top:0}#user .cart td.vat-warning a:link,#user .cart td.vat-warning a:hover,#user .cart td.vat-warning a:visited,#user .cart td.vat-warning a:active{color:var(--orange)}@media screen and (max-width: 460px){#user .cart table{border:0;display:block;table-layout:fixed;width:100%}#user .cart th{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#user .cart tbody:nth-child(2){border-top:0}#user .cart tbody:last-child{border-top:0}#user .cart tbody tr{display:block;margin-bottom:0.625em}#user .cart tbody tr.terms{padding:0}#user .cart tbody tr.cart-flex-tr{display:flex;flex-direction:row;justify-content:space-between;width:100%}#user .cart tbody td{display:block;padding:0.5rem 0;text-align:left}#user .cart tbody td::before{content:attr(data-heading);display:block;float:left;margin-right:0.5rem;text-align:left;width:5rem}#user .cart tbody td .prefix{display:none}#user .cart tbody td.cart-discount-name{padding-right:1rem;text-align:right}#user .cart tbody .fullprice{display:none}#user .cart tbody .negative{display:none}#user .cart tbody .price{align-items:center;display:flex;justify-content:flex-end;width:100%}}#user .payment{display:inline-block}#user .payment dl,#user .payment dt{border:0;padding-left:0}#user .payment dt{padding-top:0.3em}#user .payment dd{margin-left:18px;padding:0 0 1em 1.45em}#user .payment .actions{padding-right:0;padding-top:2em}#user .payment input[type="checkbox"]+label{margin-right:2em}#user .payment input[type="checkbox"]+label::before{top:0.2em}@media screen and (max-width: 460px){#user .payment input[type="checkbox"]+label{line-height:1.5em}#user .payment input[type="submit"]{margin-top:1rem}}#user p.actions{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;margin:0}#user #share-cart{font-weight:500;font-size:1.4em}@supports (font-variation-settings: "wght" 500){#user #share-cart{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user #share-cart{--site-font-stretch: 85}}}#user #share-cart a{text-decoration:none}#user #after-paypal-button{display:none}#user .thanks .buttons{margin:1em 0 2em}#user .thanks .invoice a:link,#user .thanks .invoice a:visited,#user .thanks .invoice a:hover,#user .thanks .invoice a:active,#user .thanks .fonts a:link,#user .thanks .fonts a:visited,#user .thanks .fonts a:hover,#user .thanks .fonts a:active{font-weight:700;background-color:var(--button-secondary);color:var(--button-secondary-text);display:inline-block;margin-right:1em;padding:0.4em 0.8em 0.5em 0.8em;text-decoration:none}@supports (font-variation-settings: "wght" 700){#user .thanks .invoice a:link,#user .thanks .invoice a:visited,#user .thanks .invoice a:hover,#user .thanks .invoice a:active,#user .thanks .fonts a:link,#user .thanks .fonts a:visited,#user .thanks .fonts a:hover,#user .thanks .fonts a:active{--site-font-weight: 700;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .thanks .invoice a:link,#user .thanks .invoice a:visited,#user .thanks .invoice a:hover,#user .thanks .invoice a:active,#user .thanks .fonts a:link,#user .thanks .fonts a:visited,#user .thanks .fonts a:hover,#user .thanks .fonts a:active{--site-font-stretch: 85}}}#user .thanks .invoice a:hover,#user .thanks .invoice a:active,#user .thanks .fonts a:hover,#user .thanks .fonts a:active{background-color:var(--button-secondary-hover);color:var(--button-secondary-text-hover)}#user .thanks .fonts a:link,#user .thanks .fonts a:visited,#user .thanks .fonts a:hover,#user .thanks .fonts a:active{background-color:var(--button-bg);color:var(--button-text);margin:0}#user .thanks .fonts a:hover,#user .thanks .fonts a:active{background-color:var(--button-bg-hover);color:var(--button-text-hover)}#user .thanks .thanks-bt{padding:1em 0}#user #countdown{margin:0.5em 0 1.3em}#user .negative{color:var(--orange)}#user .related-packages{margin-top:3em}#user .related-packages ul{list-style-type:none;margin-bottom:0}#user .form-container{display:flex;margin:0 auto;max-width:2200px;min-width:300px;padding:12px 0}#user .header-search{background:var(--grey-dark);height:72px;margin-top:-72px;transition:margin-top 0.3s}#user .header-search .input-box{flex:4 0 auto;margin:0 12px;position:relative}#user .header-search .input-box .smaller{flex:1 0 auto;margin:0;position:absolute;right:0;top:0}@media only screen and (min-width: 820px){#user .header-search .input-box{margin:0 20px}}@media only screen and (min-width: 1220px){#user .header-search .input-box{margin:0 28px}}@media only screen and (min-width: 1640px){#user .header-search .input-box{padding:0 26px}}#user .header-search input[type="search"],#user .header-search input[type="submit"]{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;font-weight:500;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:0;font-size:1rem;font-weight:500;height:48px;padding:1rem;width:100%}@supports (font-variation-settings: "wght" 400){#user .header-search input[type="search"],#user .header-search input[type="submit"]{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}@supports (font-variation-settings: "wght" 500){#user .header-search input[type="search"],#user .header-search input[type="submit"]{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .header-search input[type="search"],#user .header-search input[type="submit"]{--site-font-stretch: 85}}}#user .header-search.selected{margin-top:0;transition:margin-top 0.3s}#user .container.search-results{padding-top:4rem}#user .search-results-list{-webkit-hyphens:auto;hyphens:auto;max-width:56rem;white-space:normal}#user .search-results-list .search-result{margin-bottom:3rem}#user .search-results-list .search-result p{color:var(--main-text-color)}#user .search-results-list h4{color:var(--orange);margin-bottom:0.3rem}#user .search-results-list .search-result-type{font-style:italic;margin-bottom:0}#user .search-results-list .search-result-description{margin-bottom:0}#user .search-results-list .search-result-link{color:var(--orange)}#user .inline-search{display:flex;margin:3rem 0;width:400px}#user .inline-search .form-container{margin:0}#user .inline-search input[type="search"],#user .inline-search input[type="submit"]{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--grey-light);border-radius:0;font-size:1rem;height:48px;padding:1rem;width:100%}@supports (font-variation-settings: "wght" 400){#user .inline-search input[type="search"],#user .inline-search input[type="submit"]{font-family:TheSansMonoWebVar, TheSansMonoWeb, Consolas, Menlo, Arial, monospace}}#user .inline-search input[type="submit"]{font-weight:500;border:0;max-width:100px}@supports (font-variation-settings: "wght" 500){#user .inline-search input[type="submit"]{--site-font-weight: 500;--site-font-stretch: 90;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal}@media (max-width: 400px){#user .inline-search input[type="submit"]{--site-font-stretch: 85}}}#user .inline-search .input-box{flex:4 0 auto;position:relative;width:100%}#user .inline-search .input-box .smaller{flex:1 0 auto;left:300px;position:absolute;top:0}@media screen and (max-width: 460px){#user .form-container{min-width:264px}#user .smaller{display:none}}#user .hosted-field,#user .fake-hosted-field,#user .hosted-field input{font-family:TheSansMonoWeb, Consolas, Menlo, monospace;background-color:var(--main-bg-color);border:var(--table-border);box-sizing:border-box;display:inline-block;font-size:1em;font-weight:normal;height:2.2em;line-height:2.2em;margin-bottom:12px;padding:0.3rem 0.45rem;width:250px}#user .braintree-hosted-fields-focused{background-position:left bottom;border:2px solid var(--validation-green);border-radius:var(--border-radius-elements)}#user .braintree-hosted-fields-invalid{border:2px solid var(--orange)}#user #card-form{width:100%}#user #card-form label{--site-font-weight: 400;font-variation-settings:"wght" var(--site-font-weight),"wdth" var(--site-font-stretch);font-weight:normal;line-height:2.2em;padding-left:0}@media (max-width: 400px){#user #card-form label{--site-font-stretch: 80}}#user #card-form table{border-collapse:separate;border-spacing:0 5px}#user #card-form table td,#user #card-form table th{border:0;padding:0}#user #card-form table th{min-width:11em;padding-right:1em}#user .prefs-form-container{background-color:var(--grey-dark);display:flex;flex-direction:row;margin:0 auto;max-width:2200px;min-width:300px;padding:12px 0 12px 12px}#user .prefs-form-container .input-box{background-color:var(--color-table-border);border-radius:var(--border-radius-elements);color:var(--input-color);margin:0 12px 0 0;padding-inline-start:12px;padding-inline-end:12px}#user .prefs-form-container .input-box h5{display:inline}#user .prefs-form-container .input-box label{border-radius:var(--border-radius-elements);cursor:pointer;display:inline-block;padding:0 var(--hem);margin:6px 0}#user .prefs-form-container .input-box label:has(input[type="radio"]:checked){background-color:var(--button-border);color:var(--button-text)}#user .prefs-form-container .input-box label:has(input[type="radio"]:checked):hover{background-color:var(--button-bg-hover)}#user .prefs-form-container .input-box label:hover{background-color:var(--button-bg-hover);color:var(--button-text-hover)}#user .prefs-form-container .input-box label input[type="radio"]{left:-9999px;opacity:0%;position:absolute}#user .header-preferences{background:var(--grey-dark);height:60px;margin-top:-60px;transition:margin-top 0.3s}#user .header-preferences.selected{margin-top:0;transition:margin-top 0.3s}@media (max-width: 400px){#user .header-preferences{display:none}}@media only screen and (min-width: 400px){#user .header-preferences{display:none}}@media only screen and (min-width: 820px){#user .header-preferences{display:none}#user .prefs-form-container{padding-left:20px}}@media only screen and (min-width: 920px){#user .header-preferences{display:block}}@media only screen and (min-width: 1220px){#user .prefs-form-container{padding-left:28px}}@media only screen and (min-width: 1640px){#user .prefs-form-container{padding-left:54px}}@media screen and (max-width: 460px){#user .prefs-form-container{min-width:264px}#user .smaller{display:none}}#user .speaking-events-container{width:auto}#user .speaking-events-container h2{padding-bottom:1rem}#user .speaking-events-recorded-container{padding-right:5vw}#user .speaking-events-recorded-container .video-wrapper{height:0;padding-bottom:56.25%;padding-top:1rem;position:relative}#user .speaking-events-recorded-container .video-wrapper iframe{height:100%;left:0;position:absolute;top:0;width:100%}#user .speaking-events-list{max-width:38rem;padding-bottom:1.5rem}#user .speaking-events-list h3{padding-top:0.3rem}#user .speaking-events-list p{margin-bottom:0.5rem}#user .speaking-events-list a{padding-bottom:2.5rem}@media only screen and (min-width: 820px){#user .speaking-events-container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}#user .speaking-events-container .speaking-events-recorded-container{grid-column:1 / span 1;grid-row:1 / span 2}#user .speaking-events-container .speaking-events-upcoming{grid-column:2 / span 1;grid-row:1}#user .speaking-events-container .speaking-events-past{grid-column:2 / span 1;grid-row:2}}@media only screen and (min-width: 1640px){#user .speaking-events-recorded-container{max-width:730px}}#user_notifications .notification{background:var(--message-bg-color);border:var(--message-border);border-radius:var(--border-radius-cards);box-shadow:var(--content-shadow);margin-bottom:0.8em;margin-right:1em;max-width:25em;padding:0}#user_notifications .notification .header{background:var(--message-header-bg-color);border-radius:var(--border-radius-cards) var(--border-radius-cards) 0 0;color:var(--message-header-color);display:flex;flex-direction:row;padding:0}#user_notifications .notification .header .type,#user_notifications .notification .header .date{background:transparent;font-size:11px;padding:0 var(--hem);width:50%}#user_notifications .notification .header .date{text-align:right}#user_notifications .notification h3,#user_notifications .notification p{font-size:13px;line-height:1.2em;margin:0;padding:0 var(--hem) 0.4em}#user_notifications .notification h3{padding:0.4em calc(var(--hem) * 13 / 16)}#user_notifications .notification p{font-size:11px;line-height:1.5em}#user_notifications .notification.read{background-color:var(--message-read-bg-color);color:var(--message-read-color)}#user_notifications .notification.read a{color:var(--orange-light)}#user_notifications .notification.read .button-secondary{border-color:var(--orange-light);color:var(--orange-light)}#user_notifications .notification.read .header,#user_notifications .notification.read h3{color:var(--message-read-color)}#user_notifications .notification.read .header{background-color:var(--message-header-read-bg-color);color:var(--message-header-read-color)}#user_notifications .notification .actions p{text-align:right}#user_notifications .notification .actions p form,#user_notifications .notification .actions p input{display:inline-block}#breakout{background-color:#000;margin:0;padding:0}#breakout canvas{display:block;height:100vh;width:100vw}