.filter{margin-bottom:1rem;position:relative;padding-bottom:.6rem;z-index:2}.filter:after{content:"";background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.2)),to(transparent));background:linear-gradient(180deg,rgba(0,0,0,.2),transparent);position:absolute;left:0;right:0;bottom:-.6rem;height:.6rem}.filter__list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}@media only screen and (max-width:37.5rem){.filter__list{margin:0 -.2rem}}.filter__item{margin:0 .8rem .6rem 0;display:inline-block;width:12em}@media only screen and (max-width:37.5rem){.filter__item{margin:0 .2rem .4rem;width:calc(33.3% - .4rem)}}@media only screen and (max-width:25rem){.filter__item{width:calc(50% - .4rem)}}.filter__button{outline:none;background:#fff;border:.15rem solid #027a90;padding:.3rem 1rem;color:#027a90;line-height:1.2;font-size:.9rem;width:100%;height:100%;text-align:left;border-radius:.2rem}@media only screen and (max-width:56.25rem){.filter__button{font-size:.8rem;padding:.2rem .5rem}}.filter__button:focus,.filter__button:hover{-webkit-box-shadow:inset 0 0 1px 1px #fff;box-shadow:inset 0 0 1px 1px #fff}.filter__button--loading{-webkit-filter:grayscale(1);filter:grayscale(1);-webkit-animation:load 1.3s cubic-bezier(.5,.8,.8,.5) infinite;animation:load 1.3s cubic-bezier(.5,.8,.8,.5) infinite}.filter__button--active{border-color:transparent;background:#027a90;color:#fff}.product{z-index:1;overflow-x:auto;overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:100vh;padding-top:1rem;margin-top:-1rem;min-width:calc(100% + .7rem);padding-bottom:50vh;display:-webkit-box;display:-ms-flexbox;display:flex;margin-left:-.7rem;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;background-image:-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)),-webkit-gradient(linear,left top,right top,from(#fff),to(#fff)),-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.25)),to(hsla(0,0%,100%,0))),-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.25)),to(hsla(0,0%,100%,0)));background-image:linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,#fff,#fff),linear-gradient(90deg,rgba(0,0,0,.25),hsla(0,0%,100%,0)),linear-gradient(270deg,rgba(0,0,0,.25),hsla(0,0%,100%,0));background-position:.7rem,100%,.7rem,100%;background-repeat:no-repeat;background-color:#fff;background-size:1.4rem 100%,1.4rem 100%,.7rem 100%,.7rem 100%;background-attachment:local,local,scroll,scroll}@media only screen and (min-width:46.875rem){.product{position:absolute;-ms-flex-wrap:wrap;flex-wrap:wrap;overflow-x:hidden;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;margin-right:-.7rem;min-width:calc(100% + 1.4rem);padding-bottom:0}.product:after{content:"";height:30vh;display:block;width:100%}}.product__item{margin:0 .7rem 1.4rem .7rem;border:1px solid #027a90;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;border-radius:1.2rem;-ms-flex-preferred-size:calc(100% - 4.2rem);flex-basis:calc(100% - 4.2rem);-ms-flex-negative:0;flex-shrink:0}@media only screen and (min-width:31.25rem){.product__item{-ms-flex-preferred-size:calc(50% - 2.8rem);flex-basis:calc(50% - 2.8rem)}}@media only screen and (min-width:46.875rem){.product__item{-ms-flex-preferred-size:calc(33.3% - 1.4rem);flex-basis:calc(33.3% - 1.4rem)}}@media only screen and (min-width:63.75rem){.product__item{-ms-flex-preferred-size:calc(25% - 1.4rem);flex-basis:calc(25% - 1.4rem)}}@media only screen and (min-width:80rem){.product__item{-ms-flex-preferred-size:calc(20% - 1.4rem);flex-basis:calc(20% - 1.4rem)}}.product__item--hidden{display:none}.product__item--loading{-webkit-filter:grayscale(1);filter:grayscale(1);color:#777;-webkit-animation:load 1.3s cubic-bezier(.5,.8,.8,.5) infinite;animation:load 1.3s cubic-bezier(.5,.8,.8,.5) infinite}.product__class{background:#027a90;color:#fff;position:relative;padding:.2rem 1rem;border-top-left-radius:1rem;border-top-right-radius:1rem}.product__imagewrap{background-size:contain;background-position:50% 50%;padding-top:60%;background-repeat:no-repeat}.product__infowrap{padding:1rem}.product__title{font-size:1.3rem;font-weight:500;line-height:1.1}.product__specs,.product__title{margin-bottom:1rem}.product__desc{font-size:1rem;line-height:1.3}.product__button{outline:none;background:#027a90;border:.15rem solid #027a90;border-radius:10rem;padding:.1rem 1rem;color:#fff;margin:auto 1rem .8rem}.product__button:focus,.product__button:hover{background:#014f5e}.specs{font-size:.9rem;font-style:italic;border-bottom:1px solid #027a90;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.specs__key{width:63%;border-top:1px solid #027a90;padding:.2rem 0}.specs__key:after{content:":"}.specs__val{border-top:1px solid #027a90;padding:.2rem 0;white-space:normal;width:37%}html{-webkit-box-sizing:border-box;box-sizing:border-box;overflow-y:-moz-scrollbars-vertical;overflow-y:scroll}body{font-family:Pangea}*,:after,:before{margin:0;padding:0;border:0;font-size:100%;font:inherit;-webkit-box-sizing:inherit;box-sizing:inherit;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,subhead,summary{display:block}ol,ul{list-style:none}@-webkit-keyframes load{0%{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:1}40%{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.75}to{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:1}}@keyframes load{0%{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:1}40%{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:.75}to{-webkit-filter:grayscale(1);filter:grayscale(1);opacity:1}}body,html{overflow:hidden;width:100%;max-width:100%;min-height:100%;min-height:calc(100% + constant(safe-area-inset-top) + constant(safe-area-inset-bottom));min-height:calc(100% + env(safe-area-inset-top) + env(safe-area-inset-bottom))}body{position:fixed;top:0;bottom:0;height:auto;min-height:0}@font-face{font-family:Pangea;src:url(../fonts/Pangea-Italic.6b076c4e.woff2) format("woff2"),url(../fonts/Pangea-Italic.7a40d3b9.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-Medium.ae43250e.woff2) format("woff2"),url(../fonts/Pangea-Medium.03210788.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-LightItalic.a17d2bbb.woff2) format("woff2"),url(../fonts/Pangea-LightItalic.476f8892.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/PangeaText-BoldItalic.a5aff1b7.woff2) format("woff2"),url(../fonts/PangeaText-BoldItalic.9f2f3724.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-MediumItalic.5a129245.woff2) format("woff2"),url(../fonts/Pangea-MediumItalic.586c9aff.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-Bold.8e0ad72c.woff2) format("woff2"),url(../fonts/Pangea-Bold.35cefded.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-Light.5705b1b1.woff2) format("woff2"),url(../fonts/Pangea-Light.cc076274.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-SemiBoldItalic.bf21b603.woff2) format("woff2"),url(../fonts/Pangea-SemiBoldItalic.8a7d6905.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-Bold.3e08ace4.woff2) format("woff2"),url(../fonts/PangeaText-Bold.540c4b19.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-Regular.fa85e24d.woff2) format("woff2"),url(../fonts/Pangea-Regular.b9972c81.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-BoldItalic.8d8e0c05.woff2) format("woff2"),url(../fonts/Pangea-BoldItalic.109f6240.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:Pangea;src:url(../fonts/Pangea-SemiBold.8a1b501f.woff2) format("woff2"),url(../fonts/Pangea-SemiBold.ef08a80e.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-Italic.f31480b5.woff2) format("woff2"),url(../fonts/PangeaText-Italic.988321f6.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-Medium.8bd44a92.woff2) format("woff2"),url(../fonts/PangeaText-Medium.8c7cbec9.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-MediumItalic.1cadd1a6.woff2) format("woff2"),url(../fonts/PangeaText-MediumItalic.62f9c096.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-Regular.c60911f8.woff2) format("woff2"),url(../fonts/PangeaText-Regular.71487d91.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-SemiBoldItalic.1759e5e2.woff2) format("woff2"),url(../fonts/PangeaText-SemiBoldItalic.d0c9dbf8.woff) format("woff");font-weight:600;font-style:italic;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-LightItalic.995da670.woff2) format("woff2"),url(../fonts/PangeaText-LightItalic.1e5d4b12.woff) format("woff");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-Light.3ed7c771.woff2) format("woff2"),url(../fonts/PangeaText-Light.6fb35754.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Pangea Text;src:url(../fonts/PangeaText-SemiBold.0ac308e0.woff2) format("woff2"),url(../fonts/PangeaText-SemiBold.2b896f3a.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}#app{overflow:hidden;height:100vh}.button{cursor:pointer}.button__arrow{width:.8rem;height:.8rem;fill:#fff;vertical-align:middle;position:relative;top:-.12em;margin-left:.3em}