.sliderWrapperInner{--color-text:#f1f1f1;--color-bg:#0c0c0c;--color-link:#1ab3de;--color-link-hover:#f1f1f1;--color-deco:#141414;--color-side:#353535;font-family:Futura,"futura-pt",sans-serif;min-height:100vh;color:#57585c;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sliderWrapperInner a{text-decoration:none;color:var(--color-link);outline:0}.sliderWrapperInner a:hover,.sliderWrapperInner a:focus{color:var(--color-link-hover);outline:0}.sliderWrapperInner .hidden{position:absolute;overflow:hidden;width:0;height:0;pointer-events:none}.sliderWrapperInner .message{position:relative;z-index:100;display:none;padding:1em;text-align:center;color:var(--color-bg);background:var(--color-text)}.sliderWrapperInner .icon{display:block;width:1.5em;height:1.5em;margin:0 auto;fill:currentColor}.sliderWrapperInner .slideshow{position:relative;overflow:hidden;margin:0;height:100vh;width:100%;height:calc(100vh - 10rem);display:grid;grid-template-columns:33% 33% 33%;grid-column-gap:.5%;grid-template-rows:100%;grid-template-areas:'... slide ...'}.sliderWrapperInner .slide{width:100%;display:flex;pointer-events:none;cursor:pointer;position:relative;height:100%;grid-area:slide}.sliderWrapperInner .slideshow--previewopen .slide{cursor:default}.sliderWrapperInner .slide--current{pointer-events:auto}.sliderWrapperInner .slide__img-wrap{width:100%;overflow:hidden;z-index:100;height:80%;top:10%;position:absolute}.sliderWrapperInner .slideshow__deco{grid-area:slide;background:var(--color-deco);width:100%;height:80%;align-self:center;position:relative;margin:-40px 0 0 0;right:-20px}.sliderWrapperInner .nav{position:absolute;background:0;width:3rem;height:3rem;z-index:1000;border:0;padding:0;margin:0;pointer-events:none;transition:transform .8s,opacity .8s;transition-timing-function:cubic-bezier(0.7,0,0.3,1)}.sliderWrapperInner .nav--next{bottom:1rem;right:1rem}.sliderWrapperInner .icon--navarrow-next{transform:rotate(45deg)}.sliderWrapperInner .nav--prev{top:1rem;left:1rem}.sliderWrapperInner .icon--navarrow-prev{transform:rotate(-135deg)}.sliderWrapperInner .slideshow--previewopen .nav{opacity:0;transition-duration:.4s}.sliderWrapperInner .slideshow--previewopen .nav--next{transform:translate3d(100%,100%,0)}.sliderWrapperInner .slideshow--previewopen .nav--prev{transform:translate3d(-100%,-100%,0)}.sliderWrapperInner .slide__img{width:100%;height:100%;left:0;top:0;background-size:cover;background-position:50% 50%;position:absolute;pointer-events:none;transform:scale3d(1.01,1.01,1)}.slide__img-wrap,.slide__title-wrap,.slide__side{opacity:0;pointer-events:none}.slide--current .slide__img-wrap{opacity:1;pointer-events:auto}.sliderWrapperInner .slide--visible .slide__img-wrap{pointer-events:auto}.sliderWrapperInner .slide__title-wrap{justify-self:flex-end;width:100%;position:relative;z-index:1000}.sliderWrapperInner .slide__number div{display:block;font-size:2rem;font-weight:bold}.sliderWrapperInner .slide__number div::before{content:"0";display:inline-block;margin:0}.sliderWrapperInner .slide__title div,.sliderWrapperInner .slide__subtitle div,.sliderWrapperInner .slide__side{display:none}.sliderWrapperInner .content{position:fixed;top:10rem;left:0;width:100%;height:calc(100% - 10rem);pointer-events:none;z-index:100}.sliderWrapperInner .content__item{position:absolute;top:0;right:0;width:100%;height:100%;padding:10vh 5vw;overflow:auto}.sliderWrapperInner .content__item--current,.sliderWrapperInner .content__item--current ~ .content__close{pointer-events:auto}.sliderWrapperInner .content__close{position:absolute;top:1rem;left:1rem;background:0;color:currentColor;border:0;margin:0;padding:0}.sliderWrapperInner .icon--longarrow{width:2rem}.sliderWrapperInner .content__close:focus{outline:0}.sliderWrapperInner .content__number{font-weight:bold}.sliderWrapperInner .content__number::before{content:"\2014";display:inline-block;margin:0 1rem 0 0}.sliderWrapperInner .content__title{margin:.5rem 0;font-size:2rem}.sliderWrapperInner .content__subtitle{margin:0 0 .5rem;font-size:1rem;font-weight:normal}.sliderWrapperInner .content__text{font-size:.85rem}.content__title,.content__subtitle,.content__number,.content__text,.content__close{opacity:0}@media screen and (min-width:53em){.frame{top:0;display:grid;align-items:start;justify-items:end;grid-template-columns:50% 50%;grid-template-rows:100%;grid-template-areas:'... header'}.codrops-header{grid-area:header;padding:1rem .5rem;display:block}.codrops-header__title{padding:0 .5rem}.codrops-links{margin:.25rem auto 0 .25rem}.sliderWrapperInner .slideshow{height:100vh;grid-template-columns:27% 27% 27%;grid-column-gap:9.5%}.sliderWrapperInner .slide{padding:10vh 0 7vh;flex-direction:column;justify-content:space-between}.sliderWrapperInner .slide__side{margin:0 0 0 -1.85rem}.sliderWrapperInner .slide__title-wrap{margin:0 0 0 -1.85rem}.sliderWrapperInner .slide__title div,.sliderWrapperInner .slide__subtitle div,.sliderWrapperInner .slide__side{display:block}.sliderWrapperInner .slide__title div{font-size:3.25rem;margin:0 0 .25rem}.sliderWrapperInner .slide__subtitle div{font-weight:normal;margin:0;min-height:50px}.sliderWrapperInner .slide__side{color:var(--color-side);position:relative;-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;transform:rotate(180deg);z-index:1000}.sliderWrapperInner .content{top:0;height:100%}.sliderWrapperInner .content__item{padding:calc(10vh + 5rem) 0 7vh;width:50.5%;right:7.5%;overflow:visible}.sliderWrapperInner .content__close{left:42%;top:calc(10vh + 1rem)}.sliderWrapperInner .content__number{position:absolute;bottom:7vh;right:0;font-size:2rem}.sliderWrapperInner .content__title{font-size:7vw}.sliderWrapperInner .content__subtitle{font-size:1.15rem;margin-bottom:7.5vh}.sliderWrapperInner .content__text{font-size:.95rem;column-count:auto;column-gap:2rem;max-width:600px;text-align:justify}}.content__title,.content__subtitle,.content__number,.content__text,.content__close{opacity:0}.sliderBullets{position:absolute;right:15px}