.view--clip figure{margin-bottom:1rem;margin-top:1rem}.clip__more{display:none}@media only screen and (min-width:64em){.view--clip{display:flex;flex-direction:column;height:calc(var(--vh, 1vh)*100 - 6.0625rem);padding-right:5rem}.view--clip .media{flex:1 1 auto}.view--clip .media .ratio{height:100%;padding-top:0!important;position:static}.view--clip .header{flex:0 0 auto}.clip{position:relative}.clip__aside{background-color:#000;border-left:.0625rem solid #fff;color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;min-width:20rem;position:absolute;right:0;top:0;transform:translateX(0);transition:transform .25s linear;width:50%;width:calc(50% + 1.5rem);width:50vw;z-index:15}.clip-close .clip__aside{transform:translateX(calc(100% - 3rem))}.clip__aside:after{background-color:transparent;background-image:linear-gradient(180deg,transparent,#000 75%);bottom:0;content:"";display:block;height:2rem;left:0;position:absolute;width:100%;z-index:12}.clip__inner{overflow:auto;padding:1rem 2rem 1rem 4rem;scrollbar-color:#fff #000;scrollbar-width:thin}.clip__inner::-webkit-scrollbar{width:.5rem}.clip__inner::-webkit-scrollbar-thumb{background-color:#fff;border:.125rem solid #fff;border-radius:.25rem}.clip__more{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:none;border-radius:0;color:inherit;cursor:pointer;display:block;font-family:inherit;left:.5rem;margin-top:-1rem;padding:0;position:absolute;top:50%}.clip__more,.clip__more svg{height:2rem;width:2rem}.clip__more span{display:block;font-size:1.125rem;font-weight:600;left:0;line-height:2rem;opacity:0;padding:0 1rem;position:absolute;top:0;transform:rotate(-90deg);transform-origin:top left;transition:opacity .2s;white-space:nowrap}.clip__more .slice{transform-origin:1rem 1rem;transition:transform .3s ease}.clip__more .slice--1{transform:rotate(-45deg)}.clip__more .slice--2{transform:rotate(45deg)}.clip-close .clip__more span{opacity:1}.clip-close .clip__more .slice--1{transform:rotate(0deg)}.clip-close .clip__more .slice--2{transform:rotate(90deg)}}
/*# sourceMappingURL=clip.css.map */