:root{--clr-text:#fff;--clr-text-light:#8c8c8c;--clr-primary-400:#000;--clr-primary-300:#1c1c1c;--clr-primary-200:#2e2e2e;--clr-accent-400:#e24a8d;--clr-error-100:#ffcecf;--clr-error-400:#ff5258;--clr-success-100:#d7ffd7;--clr-success-400:green;--clr-warn-100:#fdedc7;--clr-warn-400:#d7a227;--clr-overlay:hsla(0,0%,9%,.5);--fontFamily:"Didact Gothic",sans-serif;--fontFamilySecondary:helvetica,sans-serif;--letterSpacing:4px;--fs-100:clamp(.6331rem,.8328rem + -.2576vw,.7813rem);--fs-200:clamp(.8438rem,.9701rem + -.163vw,.9375rem);--fs-300:clamp(1.125rem,1.125rem + 0vw,1.125rem);--fs-400:clamp(1.35rem,1.298rem + .2598vw,1.4994rem);--fs-500:clamp(1.62rem,1.4883rem + .6587vw,1.9988rem);--fs-600:clamp(1.9438rem,1.6931rem + 1.2533vw,2.6644rem);--fs-700:clamp(2.3325rem,1.9084rem + 2.1207vw,3.5519rem);--canvasWidth:min(70ch,100% - 10em);--headerHeight:45px;--navWidth:200px;--inputMaxWidth:600px;--bigBoxMaxWidth:700px;--smallBoxMaxWidth:400px;--imageMaxWidth:1000px;--_vh:1vh;--borderRadius:16px;--borderRadiusSmall:10px;--borderRadiusTiny:7px;--topPadding:0;--gridPadding:2rem;--padding-inline:var(--gridPadding);--content-max-width:1284px;--breakout-max-width:1440px;--breakout-size:calc((var(--breakout-max-width) - var(--content-max-width))/2);--scrollPaddingOffset:0;--flow-spacing:5em;--bouncyTransition:cubic-bezier(.82,.07,.1,1.77);--lessBouncyTransition:cubic-bezier(.68,-.55,.25,1.35);--a:45deg}@media (max-width:768px){:root{--gridPadding:12px}}html{scroll-padding-top:calc(var(--headerHeight) + 2rem + var(--scrollPaddingOffset, 0rem))}body,html{margin:0;padding:0}body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;background-color:var(--clr-primary-300);color:var(--clr-text-light);font-family:var(--fontFamily);font-size:var(--fs-300);line-height:1.5;overscroll-behavior:none;scroll-behavior:smooth;text-transform:lowercase}img,svg,video{display:block;max-width:100%}img,video{height:auto}h1,h2,h3,h4{color:var(--clr-text);line-height:1.3;text-wrap:balance}h1,h2,h3{font-weight:600}h1{font-size:var(--fs-700)}h2{font-size:var(--fs-600)}h3{font-size:var(--fs-500)}h4{font-size:var(--fs-400);font-weight:500}a{outline:none}audio::-webkit-media-controls-enclosure{background-color:var(--clr-primary-400)}form{width:100%}button,input,label,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;display:inline-block;margin:0;outline:none;padding:0;vertical-align:middle;white-space:normal;-webkit-tap-highlight-color:transparent;color:inherit;font-family:inherit;font-size:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover{-webkit-text-fill-color:var(--clr-text);box-shadow:0 0 0 1000px var(--clr-primary-400) inset;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}input[type=search]{-moz-appearance:textfield;appearance:textfield;-webkit-appearance:textfield;box-sizing:content-box;-webkit-box-sizing:content-box}::-webkit-search-decoration{display:none}textarea{min-height:150px;overflow:auto;resize:none;vertical-align:top}select{-moz-appearance:none;-webkit-appearance:none;appearance:none;cursor:pointer}option{color:var(--clr-primary-400)}::-moz-placeholder{color:var(--clr-text-light);opacity:1}::placeholder{color:var(--clr-text-light);opacity:1}:-ms-input-placeholder{color:var(--clr-text-light)}::-ms-input-placeholder{color:var(--clr-text-light)}.input-with-label{position:relative}.input-with-label label>*+*,.input-with-label>*+*,.input-without-label>*+*{--flow-spacing:.25em}.input-field{background-color:var(--clr-primary-400);color:var(--clr-text);min-width:150px}.input-border{border:1px solid var(--clr-primary-200);border-radius:var(--borderRadiusSmall)}.input-field:focus:not(input[readonly]){border-color:var(--clr-text)}@media (hover:hover){.input-border:hover:not(input[readonly],:disabled){border-color:var(--clr-text)}.select-wrapper:hover:not(input[readonly],:disabled) my-icon{background-color:var(--clr-text)}}.select-wrapper{cursor:pointer;overflow:hidden;position:relative}.select-wrapper select{padding:1rem 2.5rem 1rem 1rem}input[readonly]{background-color:var(--clr-primary-400);border:none;color:var(--clr-primary-200);cursor:not-allowed}*{margin:0}*,:after,:before{box-sizing:border-box}::-webkit-scrollbar{scrollbar-width:7px}::-webkit-scrollbar-track{background:var(--clr-primary-300)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:100vmax;scrollbar-color:var(--clr-primary-300)}.width-100{width:100%}.full-screen{height:calc(var(--_vh)*100);width:100%}.min-full-screen{min-height:calc(var(--_vh)*100);width:100%}.input-max-width{max-width:var(--inputMaxWidth)}.small-box-width{max-width:var(--smallBoxMaxWidth)}.big-box-width{max-width:var(--bigBoxMaxWidth)}.image-box-width{max-width:var(--imageMaxWidth)}.full-screen-with-header{height:calc(var(--_vh)*100 - var(--headerHeight));overflow:hidden;width:100%}.block{display:block}.no-display{display:none!important}.hidden{visibility:hidden!important}.inline{display:inline}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.horizontal-center{left:50%;position:absolute;transform:translate(-50%)}.vertical-center{position:absolute;top:50%;transform:translateY(-50%)}.absolute-center{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.relative{position:relative}.flex-center{justify-content:center}.flex-align-center,.flex-center{align-items:center}.flex-align-top{align-items:flex-start}.flex-align-baseline{align-items:baseline}.flex-justify-center{justify-content:center}.flex-justify{justify-content:space-between}.flex-even{justify-content:space-evenly}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-grow-max{flex:1}.flex-align-self-baseline{align-self:baseline}.flex-gap-25{gap:.25rem}.flex-gap-50{gap:.5rem}.flex-gap-75{gap:.75rem}.flex-gap-100{gap:1rem}.flex-gap-150{gap:1.5rem}.flex-gap-200{gap:2rem}.no-shrink{flex-shrink:0}.no-grow{flex-grow:0}.margin-inline-auto{margin-inline:auto}.margin-block-auto{margin-block:auto}.margin-start-auto{margin-inline-start:auto}.no-margin{margin:0!important}.margin-block-100{margin-block:1rem}.padding-25{padding:.25rem}.padding-50{padding:.5rem}.padding-75{padding:.75rem}.padding-100{padding:1rem}.padding-150{padding:1.5rem}.padding-200{padding:2rem}.padding-500{padding:min(5rem,10%)}.padding-block-200{padding-block:2rem}.padding-inline-200{padding-inline:2rem}.padding-bottom-200{padding-bottom:2rem}.no-padding{padding:0!important}.no-bottom-padding{padding-bottom:0!important}.no-padding-inline{padding-inline:0!important}.no-border{border:none}.no-scroll{overflow:hidden!important}.no-pointers{pointer-events:none}.no-select{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.text-small{font-size:var(--fs-200)}.text-tiny{font-size:var(--fs-100)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-lowercase{text-transform:lowercase}.text-uppercase{text-transform:uppercase}.text-capitalize{text-transform:capitalize}.white-space{white-space:pre-wrap}.elipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-word{word-break:break-word}.text-balance{text-wrap:balance}.text-nowrap{text-wrap:nowrap}.underline{text-decoration:underline}.bold{font-weight:600}.semi-bold{font-weight:500}.italic{font-style:italic}.clr-text{color:var(--clr-text)}.clr-accent{color:var(--clr-accent-400)}.clr-text-light{color:var(--clr-text-light)}.clr-error{color:var(--clr-error-400)}.clr-success{color:var(--clr-success-400)}.clr-bckgd-primary{background-color:var(--clr-primary-400)}.clr-bckgd-body{background-color:var(--clr-primary-300)}.clr-bckgd-error{background-color:var(--clr-error-400)}.clr-bckgd-success{background-color:var(--clr-success-400)}.clr-bckgd-overlay{background-color:var(--clr-overlay)}.border-radius{border-radius:var(--borderRadius)}.border-radius-small{border-radius:var(--borderRadiusSmall)}.border-radius-tiny{border-radius:var(--borderRadiusTiny)}.border-radius-circle{border-radius:50%}.border-radius-pill{border-radius:100vmax}.light-border{border:1px solid var(--clr-primary-300)}.svg-mask{flex-shrink:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;vertical-align:middle}.bckgd-img{background-position:50%;background-repeat:no-repeat;background-size:contain}.pointer{cursor:pointer}@property --a{syntax:"<angle>";inherits:false;initial-value:45deg}@keyframes gradientAnim{0%{--a:0deg}to{--a:360deg}}.content-grid{display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - (var(--padding-inline) * 2),var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.content-grid>:not(.breakout,.full-width),.full-width>:not(.breakout,.full-width){grid-column:content}.content-grid>.breakout{grid-column:breakout}.content-grid>.full-width{grid-column:full-width;grid-template-columns:inherit}.flow>*+*{margin-top:var(--flow-spacing,5em)}.flow-25>*+*{--flow-spacing:.25em}.flow-50>*+*{--flow-spacing:.5em}.flow-75>*+*{--flow-spacing:.75em}.flow-100>*+*{--flow-spacing:1em}.flow-125>*+*{--flow-spacing:1.25em}.flow-150>*+*{--flow-spacing:1.5em}.flow-200>*+*{--flow-spacing:2em}.flow-300>*+*{--flow-spacing:3em}.flow-400>*+*{--flow-spacing:4em}.sticky-col-grid{--topPadding:calc(var(--headerHeight) + 2rem);align-items:start;-moz-column-gap:4rem;column-gap:4rem;display:grid;grid-template-columns:1fr 1fr}.sticky-col-grid>.sticky-left,.sticky-col-grid>.sticky-right{grid-row:1/99;position:sticky;top:var(--topPadding,0)}.sticky-col-grid>.sticky-right{grid-column:2/3}.sticky-col-grid>.sticky-left{grid-column:1/2}.sticky-col-grid.flow>*{--flow-spacing:0}@media (max-width:1024px){.sticky-col-grid{border-bottom:1px solid var(--clr-primary-200);display:block;padding-bottom:2rem}.sticky-col-grid.flow,.sticky-col-grid.flow>*{--flow-spacing:2em}.sticky-col-grid>.sticky-left,.sticky-col-grid>.sticky-right{position:relative;top:unset}}my-modal{--_inlinePadding:var(--gridPadding);--_blockPadding:2rem;--_contentBgColor:var(--clr-primary-400);inset:0;opacity:0;position:fixed;transition:opacity .2s ease-in;visibility:hidden;z-index:90}my-modal[d_dark_overlay]{background-color:var(--clr-overlay)}@supports ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){my-modal[d_dark_overlay]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}}my-modal .modal-box{background-color:var(--_contentBgColor);border:1px solid var(--clr-primary-300);color:var(--clr-text);cursor:default;opacity:0;overflow-y:scroll;padding-bottom:2rem;position:relative;scroll-padding-top:75px;transition:opacity .3s ease-in}my-modal[d_sticky_bottom] .modal-box{padding-bottom:0}my-modal[d_size=full] .modal-box{height:100%;width:100%}my-modal[d_size=small-box] .modal-box{max-height:calc(100% - var(--_blockPadding));width:min(50ch,100% - var(--_inlinePadding))}my-modal[d_size=large-box] .modal-box{max-height:calc(100% - var(--_blockPadding));width:min(955px,100% - var(--_inlinePadding))}my-modal[d_size=max-content] .modal-box{max-height:calc(100% - var(--_blockPadding));max-width:calc(100% - var(--_inlinePadding));width:-moz-max-content;width:max-content}my-modal[d_visible]{opacity:1;visibility:visible}my-modal[d_animate] .modal-box{animation:animateBox .4s var(--bouncyTransition);opacity:1}@keyframes animateBox{0%{transform:translateY(150px)}to{transform:translateY(0)}}my-modal .modal-header{background-color:var(--_contentBgColor);justify-content:flex-end;padding-block:1rem;position:sticky;top:0;z-index:2}my-modal .close-btn{background:var(--clr-text);border:none;border-radius:100vmax;cursor:pointer;height:20px;outline:0 transparent;padding:0 1rem;place-self:flex-end;transition:transform .2s cubic-bezier(.175,.885,.32,1.275);width:-moz-fit-content;width:fit-content}my-modal .close-btn:focus{transform:scale(1.1)}my-modal .close-btn:focus:not(:focus-visible){outline:none}@media (hover:hover){my-modal .close-btn:hover{transform:scale(1.1)}my-modal .close-btn:hover my-icon{background-color:var(--_contentBgColor)}}