.dl-flip-card-m,.dl-flip-card-m *{box-sizing:border-box}.dl-flip-card-m{--dl-fc-scale: 1px;display:block;color:var(--dl-fc-text);background:var(--dl-fc-bg)}.dl-flip-card-m__canvas{position:relative;padding:calc(120 * var(--dl-fc-scale)) 6.25vw;overflow:hidden;background:var(--dl-fc-bg)}.dl-flip-card-m__title{position:relative;z-index:1;margin:0 0 calc(40 * var(--dl-fc-scale));font-size:calc(56 * var(--dl-fc-scale));font-weight:500;line-height:1.1;letter-spacing:calc(-1.12 * var(--dl-fc-scale));text-align:center}.dl-flip-card-m__cards{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(20 * var(--dl-fc-scale))}.dl-flip-card-m__card{position:relative;z-index:1;min-width:0;aspect-ratio:546.667 / 648;perspective:calc(1200 * var(--dl-fc-scale));cursor:pointer;transition:transform .25s ease;scroll-snap-align:center}.dl-flip-card-m__card.is-active{z-index:10}.dl-flip-card-m__flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1)}.dl-flip-card-m__card.is-active .dl-flip-card-m__flipper{transform:rotateY(180deg)}.dl-flip-card-m__face{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;padding:0;display:block;overflow:hidden;border:0;border-radius:calc(24 * var(--dl-fc-scale));backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(calc(1 * var(--dl-fc-scale)))}.dl-flip-card-m__front{color:var(--dl-fc-front-text);background:var(--dl-fc-front-bg);text-align:left;cursor:pointer}.dl-flip-card-m__front:focus-visible,.dl-flip-card-m__link:focus-visible{outline:calc(3 * var(--dl-fc-scale)) solid var(--dl-fc-accent);outline-offset:calc(4 * var(--dl-fc-scale))}.dl-flip-card-m__quote-mark{position:absolute;left:calc(40 * var(--dl-fc-scale));top:calc(40 * var(--dl-fc-scale));height:calc(37 * var(--dl-fc-scale));overflow:hidden;font-size:calc(128 * var(--dl-fc-scale));font-weight:500;line-height:.72;letter-spacing:calc(-2.56 * var(--dl-fc-scale))}.dl-flip-card-m__question{position:absolute;left:calc(40 * var(--dl-fc-scale));right:calc(40 * var(--dl-fc-scale));top:calc(117 * var(--dl-fc-scale));display:block;font-size:calc(36 * var(--dl-fc-scale));font-weight:400;line-height:1.2;letter-spacing:calc(-.72 * var(--dl-fc-scale))}.dl-flip-card-m__pulse{position:absolute;left:50%;bottom:calc(60 * var(--dl-fc-scale));width:calc(120 * var(--dl-fc-scale));height:calc(120 * var(--dl-fc-scale));transform:translate(-50%);border-radius:50%}.dl-flip-card-m__pulse:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--dl-fc-front-pulse);animation:dl-fc-breathe 1.4s ease-in-out infinite}.dl-flip-card-m__pulse span{position:absolute;left:50%;top:50%;width:calc(40 * var(--dl-fc-scale));height:calc(40 * var(--dl-fc-scale));transform:translate(-50%,-50%);border-radius:50%;background:var(--dl-fc-front-pulse)}@keyframes dl-fc-breathe{0%{opacity:.75;transform:scale(.12)}70%,to{opacity:0;transform:scale(1.35)}}.dl-flip-card-m__back{color:var(--dl-fc-back-text);background:var(--dl-fc-back-bg);transform:rotateY(180deg) translateZ(calc(1 * var(--dl-fc-scale)))}.dl-flip-card-m__back-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;max-width:none;object-fit:cover}.dl-flip-card-m__back-image--mobile{display:none}.dl-flip-card-m__back-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,var(--dl-fc-back-bg) 0%,color-mix(in srgb,var(--dl-fc-back-bg) 88%,transparent) 34%,transparent 68%);pointer-events:none}.dl-flip-card-m__back-copy{position:absolute;z-index:1;left:calc(40 * var(--dl-fc-scale));right:calc(40 * var(--dl-fc-scale));top:calc(40 * var(--dl-fc-scale));font-size:calc(20 * var(--dl-fc-scale));line-height:1.4}.dl-flip-card-m__back-text{color:#17171799}.dl-flip-card-m__back-highlight{margin-top:calc(28 * var(--dl-fc-scale));font-weight:500}.dl-flip-card-m__back-copy p{margin:0}.dl-flip-card-m__back-copy a{color:inherit;text-decoration:underline}.dl-flip-card-m__link{position:absolute;z-index:2;left:calc(40 * var(--dl-fc-scale));bottom:calc(40 * var(--dl-fc-scale));min-height:calc(40 * var(--dl-fc-scale));padding:calc(8 * var(--dl-fc-scale)) calc(24 * var(--dl-fc-scale));display:inline-flex;align-items:center;justify-content:center;gap:calc(10 * var(--dl-fc-scale));border-radius:calc(4 * var(--dl-fc-scale));color:#fff;background:var(--dl-fc-accent);font-size:calc(16 * var(--dl-fc-scale));line-height:1;text-decoration:none}.dl-flip-card-m__link svg{width:calc(18 * var(--dl-fc-scale));height:calc(16 * var(--dl-fc-scale))}.dl-flip-card-m__link[aria-disabled=true]{opacity:.65;pointer-events:none}.dl-flip-card-m__overlay{position:absolute;z-index:5;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;opacity:0;visibility:hidden;pointer-events:none;cursor:pointer;background:rgba(0,0,0,var(--dl-fc-overlay));transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility 0s linear .6s}.dl-flip-card-m.has-active-card .dl-flip-card-m__overlay{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .6s cubic-bezier(.4,0,.2,1),visibility 0s}@media(hover:hover)and (pointer:fine){.dl-flip-card-m__card:not(.is-active):hover{transform:scale(1.03);z-index:2}}@media screen and (min-width:991px){.dl-flip-card-m{--dl-fc-scale: calc(100vw / 1920)}}@media screen and (max-width:990px){.dl-flip-card-m{--dl-fc-scale: calc(100vw / 375)}.dl-flip-card-m__canvas{padding:calc(60 * var(--dl-fc-scale)) 0}.dl-flip-card-m__title{margin:0 0 calc(24 * var(--dl-fc-scale));padding:0 calc(20 * var(--dl-fc-scale));font-size:calc(32 * var(--dl-fc-scale));text-align:left}.dl-flip-card-m__cards{grid-template-columns:minmax(0,1fr);grid-auto-flow:row;gap:calc(16 * var(--dl-fc-scale));padding:0 calc(20 * var(--dl-fc-scale))}.dl-flip-card-m__card{aspect-ratio:335 / 460}.dl-flip-card-m__face{border-radius:calc(16 * var(--dl-fc-scale))}.dl-flip-card-m__quote-mark{left:calc(20 * var(--dl-fc-scale));top:calc(20 * var(--dl-fc-scale));height:calc(37 * var(--dl-fc-scale));font-size:calc(64 * var(--dl-fc-scale))}.dl-flip-card-m__question{left:calc(20 * var(--dl-fc-scale));right:calc(20 * var(--dl-fc-scale));top:calc(80 * var(--dl-fc-scale));font-size:calc(24 * var(--dl-fc-scale));letter-spacing:calc(-.48 * var(--dl-fc-scale))}.dl-flip-card-m__pulse{bottom:calc(24 * var(--dl-fc-scale));width:calc(68 * var(--dl-fc-scale));height:calc(68 * var(--dl-fc-scale))}.dl-flip-card-m__pulse span{width:calc(30 * var(--dl-fc-scale));height:calc(30 * var(--dl-fc-scale))}.dl-flip-card-m__back-image--desktop{display:none}.dl-flip-card-m__back-image--mobile{display:block}.dl-flip-card-m__back-copy{left:calc(20 * var(--dl-fc-scale));right:calc(20 * var(--dl-fc-scale));top:calc(20 * var(--dl-fc-scale));font-size:calc(14 * var(--dl-fc-scale))}.dl-flip-card-m__back-highlight{margin-top:calc(19 * var(--dl-fc-scale))}.dl-flip-card-m__link{left:calc(24 * var(--dl-fc-scale));bottom:calc(24 * var(--dl-fc-scale));min-height:calc(35 * var(--dl-fc-scale));padding:calc(8 * var(--dl-fc-scale)) calc(16 * var(--dl-fc-scale));gap:calc(8 * var(--dl-fc-scale));font-size:calc(14 * var(--dl-fc-scale))}.dl-flip-card-m__link svg{width:calc(16 * var(--dl-fc-scale));height:calc(14 * var(--dl-fc-scale))}}@media(prefers-reduced-motion:reduce){.dl-flip-card-m *,.dl-flip-card-m *:before,.dl-flip-card-m *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/dl-page-flip-card-m.css.map */