.case-studies-showcase{position:relative;width:100%;color:var(--color-black)}.csw__header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px}.csw__header-text{max-width:640px}.csw__heading{margin:0}.csw__description{margin-top:12px;color:currentColor;opacity:.64}.csw__description p{margin:0}.csw__description p+p{margin-top:8px}.csw__header-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.csw__btn{flex-shrink:0}.csw__list{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;margin:0;padding:0;list-style:none}.csw__item{display:flex;flex-direction:column;height:100%}.csw__panel{padding:20px;border-radius:28px;background-color:var(--csw-panel-bg)}.csw__compare{display:block}.csw__compare-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:var(--csw-ratio, 4 / 5);border-radius:20px;cursor:ew-resize;touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 1px 0 var(--color-black-10),0 40px 70px -40px #0006}.csw__compare-frame:after{content:"";position:absolute;top:0;bottom:0;left:var(--csw-pos, 50%);width:3px;background-color:var(--color-white);box-shadow:0 0 0 1px var(--color-black-10),0 0 16px #0000004d;transform:translate(-50%);z-index:2;pointer-events:none}.csw__img--after,.csw__img--before{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.csw__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--color-light-grey);pointer-events:none}.csw__placeholder-svg{width:100%;height:100%;max-width:100%;max-height:100%;opacity:1}.csw__compare-before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;clip-path:inset(0 calc(100% - var(--csw-pos, 50%)) 0 0);pointer-events:none}.csw__tag{position:absolute;top:16px;z-index:2;padding:6px 14px;border-radius:40px;background-color:#0000008c;color:var(--color-white);letter-spacing:.08em;pointer-events:none}.csw__tag--before{left:16px}.csw__tag--after{right:16px}.csw__handle{position:absolute;top:50%;left:var(--csw-pos, 50%);z-index:3;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:var(--color-white);color:var(--color-black);box-shadow:0 8px 24px #00000038,0 2px 6px #0000001f;transform:translate(-50%,-50%);cursor:ew-resize;transition:transform .2s ease,box-shadow .2s ease}.csw__handle-icon{display:block}@media(hover:hover)and (pointer:fine){.csw__compare:hover .csw__handle{transform:translate(-50%,-50%) scale(1.06)}}.csw__compare.is-dragging .csw__handle{box-shadow:0 10px 28px #0000004d,0 2px 6px #00000029;transform:translate(-50%,-50%) scale(1.1)}.csw__footer{margin-top:24px}.csw__footer-link{display:flex;align-items:center;justify-content:space-between;gap:16px;color:currentColor;text-decoration:none}.csw__footer-title{margin:0;transition:opacity .2s ease}.csw__footer-icon{flex-shrink:0;pointer-events:none}@media(hover:hover)and (pointer:fine){.csw__footer-link:hover .csw__footer-title{opacity:.6}.csw__footer-link:hover .csw__footer-icon{background-color:var(--color-black);border-color:var(--color-black);color:var(--color-white);transform:rotate(45deg)}}@media screen and (max-width:767px){.csw__header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:36px}.csw__header-actions{width:100%;justify-content:space-between}.csw__list{grid-template-columns:1fr;gap:24px}}@media screen and (max-width:649px){.csw__panel{padding:14px;border-radius:22px}.csw__compare-frame{border-radius:16px}.csw__handle{width:34px;height:34px}.csw__footer{margin-top:18px}}
/*# sourceMappingURL=/cdn/shop/t/67/assets/case-studies-showcase.css.map */