:root{--margin: 2em;--half-margin: 1em}.modal-background{position:fixed;inset:0;background-color:#0009;z-index:1000;display:flex;justify-content:center;align-items:center}.modal-background .modal{position:relative;background-color:var(--bg);color:var(--light);padding:calc(var(--margin) * 1.5);line-height:1.3em;border:2px solid var(--primary);border-radius:.25rem;max-width:35rem}.modal-background .modal p{line-height:1.5rem}.modal-background .modal button{position:absolute;top:1rem;right:1rem}.modal-background .modal a.btn{text-align:center}:root{--primary: #73c9b9;--mono-primary: var(--primary);--mono-secondary: #88EDE4;--mono-dark: #0B1312;--mono-background: #203735;--mono-shade: #345C58;--mono-accent: #49807B;--mono-bold: #5EA59E;--secondary: var(--mono-bold);--tertiary: hsl(171, 45%, 94%);--accent: hsla(217, 87%, 42%, .99);--bg: var(--mono-background);--warn: rgba(230, 86, 86, .99);--warnAccent: rgba(212, 84, 84, .712);--light: hsla(0, 0%, 94%, 1);--primary50: hsla(177, 87%, 42%, .5);--secondary50: hsla(169, 44%, 62%, .5);--tertiary50: hsla(347, 63%, 62%, .5);--accent50: hsla(217, 87%, 42%, .5);--bg50: hsla(0, 0%, 21%, .5);--warn50: hsla(0, 74%, 62%, .5);--warnAccent50: hsla(0, 60%, 58%, .5);--light50: hsla(0, 0%, 94%, 5);--gradient: linear-gradient(90deg, rgba(54, 54, 54, 1) 1%, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 1) 70%, rgba(54, 54, 54, 1) 100%);--modalHeight: 70vh;--modalWidth: 70vw;--modalHeaderHeight: 3rem;--modalFooterHeight: 2rem;--shadow: hsla(0, 0%, 0%, .4);--shadowLight: hsla(0, 0%, 0%, .2);--shadowGradient: linear-gradient(to right, $shadow, rgba(0, 0, 0, 0));--primaryGradient: linear-gradient(to right, $primary, rgba(0, 0, 0, 0));--accentGradient: linear-gradient(to right, $accent, $primary)}.warning{color:var(--warnAccent)}.tertiary{color:var(--bg);background-color:var(--primary);padding:0 .5rem}:root{--border-radius: .2rem}.slider-container{max-width:99dvw;margin:0 auto;overflow:hidden;display:block}.slider-container .slider{width:100%;height:var(--height);max-width:100dvw;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,black 10% 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10% 90%,transparent)}.slider-container .slider .list{display:flex;width:100%;width:calc(var(--width) * var(--quantity));position:relative}.slider-container .slider .list .item{width:var(--width);height:var(--height);position:absolute;left:100%;animation:autoRun 30s linear infinite;animation-delay:calc(30s / var(--quantity) * (var(--position) - 1) * -1);transition:filter 1s ease-in-out}.slider-container .slider .list .item img{width:100%}.slider-container .slider:hover .item{animation-play-state:paused!important;filter:grayscale(1)}.slider-container .slider:hover .item:hover{filter:grayscale(0)}@media (prefers-reduced-motion){.slider-container{display:none}}@keyframes autoRun{0%{left:120%}to{left:calc(var(--width) * -1)}}.strong{font-weight:700}.thin{font-weight:300}html,body,pre{padding:0;margin:0;font-family:Roboto Flex,Arial,Helvetica,sans-serif;font-size:18px;background-color:var(--bg);line-height:1.5}html>footer,body>footer,pre>footer{position:sticky;top:100vh}*::selection{background:var(--primary);background-color:var(--primary);color:var(--bg)}pre{white-space:pre-wrap;background-color:inherit;color:inherit;padding-bottom:1rem}pre:first-letter{font-size:125%}*,*:before,*:after{box-sizing:border-box}div#pixel{height:1px;width:1px;overflow:hidden;position:absolute;background-color:red;left:-1px;top:-1px}a,a:visited,a:focus{color:var(--tertiary);text-decoration:none;position:relative}a:after,a:visited:after,a:focus:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in}a:hover,a:visited:hover,a:focus:hover{color:var(--primary)}a:hover:after,a:visited:hover:after,a:focus:hover:after{transform:scaleX(1);transform-origin:left}a.primary,a:visited.primary,a:focus.primary{color:var(--primary)}h1,h2,h3,h4,h5{color:var(--primary);font-weight:300;text-transform:uppercase;display:inline-block;width:-moz-fit-content;width:fit-content;position:relative}h1:before,h1:after,h2:before,h2:after,h3:before,h3:after,h4:before,h4:after,h5:before,h5:after{content:"";background:linear-gradient(90deg,currentColor 50%,transparent 100%);height:2px;width:100%;position:absolute;left:0;transform-origin:right;transform:scaleX(0);transition:transform .25s ease-in}h1:before,h2:before,h3:before,h4:before,h5:before{top:.25rem}h1:after,h2:after,h3:after,h4:after,h5:after{bottom:.25rem}h1:first-letter,h2:first-letter,h3:first-letter,h4:first-letter,h5:first-letter{font-size:125%}h1{font-weight:400;font-size:2rem}p:first-letter{font-size:125%}section{padding:2rem 1em;max-width:100rem}section:hover>h1:before,section:hover>h1:after,section:hover>h2:before,section:hover>h2:after,section:hover>h3:before,section:hover>h3:after,section:hover>h4:before,section:hover>h4:after,section:hover>h5:before,section:hover>h5:after{transform-origin:left;transform:scaleX(1)}strong{font-weight:500}hr{height:2px;border:none;background:linear-gradient(90deg,transparent 1%,var(--primary) 50%,transparent 100%);margin:0}.ds-logo{height:2.5rem;padding-right:.25rem;position:relative;top:.65rem}.content{margin:2.5rem auto 0;padding:0;min-height:calc(100vh - 4.5rem)}.content h1,.content h2,.content h3,.content h4,.content h5{margin:0;padding:0}.content .content-wrapper{margin-top:3.25rem}img{-webkit-user-select:none;user-select:none}.responsive-img{max-width:100%}a.btn{display:inline-block}.btn,a.btn{text-transform:uppercase;padding:.25rem 1rem;background-color:transparent;border:1px solid currentColor;color:var(--tertiary);font-size:1.15rem;cursor:pointer;margin-bottom:1rem;position:relative;z-index:1}.btn:after,a.btn:after{content:"";position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;background:var(--tertiary);transform:scaleX(0);transform-origin:right;transition:transform .25s ease-in}.btn:hover,.btn.visited:hover,a.btn:hover,a.btn.visited:hover{border-color:var(--light);color:var(--primary)}.btn:hover:after,.btn.visited:hover:after,a.btn:hover:after,a.btn.visited:hover:after{transform:scaleX(1);transform-origin:left}.btn:disabled,a.btn:disabled{cursor:initial;opacity:60%}.btn:disabled:after,a.btn:disabled:after{background:transparent}.btn:disabled:hover,.btn:disabled.visited:hover,a.btn:disabled:hover,a.btn:disabled.visited:hover{border-color:currentColor;color:var(--secondary);box-shadow:none}.btn:disabled:hover:after,.btn:disabled.visited:hover:after,a.btn:disabled:hover:after,a.btn:disabled.visited:hover:after{transform:scaleX(0)}.btn__warn,a.btn__warn{color:var(--warn)}.modal-wrapper{display:flex;justify-content:center;align-items:center;width:100vw;height:100vh;position:fixed;inset:0;background-color:rgba(var(--bg),.8);z-index:1000}.img-right{display:grid;grid-template-rows:1fr auto}.img-right img{margin:1rem 0 0 1rem;float:right;max-width:30%;max-height:25rem}.img-left{display:grid;position:relative;grid-template-rows:1fr auto;background-color:var(--primary);background-size:400%;color:#000;box-shadow:0 0 0 100vmax var(--primary);clip-path:inset(0 -100vmax)}.img-left h2{color:var(--bg)}.img-left a,.img-left a:visited,.img-left a:focus{color:var(--tertiary)}.img-left a:hover,.img-left a:visited:hover,.img-left a:focus:hover{color:var(--light)}.img-left .btn,.img-left a.btn{background-color:var(--primary)}.img-left .btn:hover,.img-left a.btn:hover{color:var(--primary)}.img-left img{float:left;margin:1rem 1rem 0 0;max-width:30%;max-height:20rem}.img-left:after{content:"";background-color:var(--bg);height:100%;width:200vw;z-index:2;position:absolute;inset:0;left:-50vw;animation:img-left-animation 2s ease forwards}.flip{animation:flip 1.5s}.horizontal-spacer{height:var(--margin);content:""}.pink{color:var(--tertiary)}.light{color:var(--light)}@media screen and (max-width: 800px){.img-right img,.img-left img{float:none;width:100%;max-width:100%;padding:0;margin:0}.no-small{display:none}}@keyframes img-left-animation{to{width:0}}@keyframes flip{0%{transform:rotateY(90deg)}to{transform:rotateY(0)}}

/*# sourceMappingURL=styles.b3a741863fbe05aa.css.map*/