.sky-flip-cards-section{width:100%;max-width:var(--content-width);padding-top:var(--padding-top);padding-bottom:var(--padding-bottom);margin-top:var(--margin-top);margin-bottom:var(--margin-bottom);margin-left:auto;margin-right:auto;padding-left:var(--padding-sides);padding-right:var(--padding-sides);background-color:var(--section-bg);background-image:var(--section-bg-gradient);border:var(--section-border-thickness) solid var(--section-border-color);border-radius:var(--section-radius);overflow:hidden}.sky-flip-cards-inner{width:100%}.sky-flip-cards-grid{display:grid;grid-template-columns:repeat(var(--cards-per-row),1fr);gap:var(--gap-desktop);width:100%}.sky-flip-card{background-color:transparent;perspective:1000px;cursor:default}.sky-flip-card.square-card .sky-flip-card-image-wrapper{aspect-ratio:1 / 1}.sky-flip-card.landscape-card .sky-flip-card-image-wrapper{aspect-ratio:16 / 9}.sky-flip-card.portrait-card .sky-flip-card-image-wrapper{aspect-ratio:3 / 4}.sky-flip-card-inner{position:relative;width:100%;min-height:100%;height:100%;transition:transform .6s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d;box-shadow:var(--card-shadow);border-radius:var(--card-radius);outline:var(--card-border-thickness) solid var(--card-border-color)}.sky-flip-card.is-flipped .sky-flip-card-inner{transform:rotateY(180deg)}.sky-flip-card-front{position:relative;width:100%;height:auto;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;background-color:var(--front-bg);color:var(--title-color)}.sky-flip-card-back{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:var(--card-radius);overflow:hidden;display:flex;flex-direction:column;background-color:var(--back-bg);color:var(--text-color);transform:rotateY(180deg);padding:var(--padding-v) var(--padding-h);justify-content:flex-start;align-items:stretch;text-align:var(--text-alignment)}.sky-flip-trigger{position:absolute;top:15px;right:15px;width:32px;height:32px;background:var(--icon-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;box-shadow:0 2px 5px #0000001a;transition:all .3s ease}.sky-flip-trigger:hover{background:var(--icon-bg-hover);transform:scale(1.1)}.sky-flip-trigger svg{width:16px;height:16px;color:var(--icon-color);transition:transform .4s ease}.sky-flip-trigger:hover svg{color:var(--icon-color-hover)}.sky-flip-card.is-flipped .sky-flip-trigger svg{transform:rotate(0)}.sky-flip-card-image-wrapper{position:relative;width:100%;flex:none;min-height:0;overflow:hidden;background-color:#b8b8b8;display:flex;align-items:center;justify-content:center}.sky-flip-card-image-wrapper img{width:100%;height:100%;object-fit:var(--image-fit);transition:transform .6s cubic-bezier(.4,0,.2,1)}.sky-flip-card-image-wrapper svg.placeholder-svg{width:50px;height:50px;color:#a0a0a0;fill:#a0a0a0;opacity:.6}.sky-flip-card--zoom:hover .sky-flip-card-image-wrapper img{transform:scale(1.08)}.sky-flip-card-content-front,.sky-flip-card-content-back{width:100%;padding:var(--padding-v) var(--padding-h);background:transparent;flex-shrink:0}.sky-flip-card-content-front{text-align:var(--alignment-desktop)}.sky-flip-card-content-back{flex:1;display:flex;flex-direction:column;justify-content:flex-start;text-align:var(--text-alignment)}.sky-flip-card-title{margin:0;font-family:var(--title-font-family);font-size:var(--title-size);line-height:var(--title-line-height);color:var(--title-color)}.sky-flip-card-subtitle{margin:var(--subtitle-margin-top) 0 0 0;font-family:var(--subtitle-font-family);font-size:var(--subtitle-size);line-height:var(--subtitle-line-height);color:var(--subtitle-color)}.sky-flip-card-text{margin-top:var(--text-margin-top);font-family:var(--text-font-family);font-size:var(--text-size);line-height:var(--text-line-height);color:var(--text-color)}@media(max-width:768px){.sky-flip-cards-section{padding-top:var(--padding-top-mob);padding-bottom:var(--padding-bottom-mob);margin-left:var(--margin-sides_mob);margin-right:var(--margin-sides_mob);padding-left:var(--padding-sides-mob);padding-right:var(--padding-sides-mob)}.sky-flip-cards-grid{grid-template-columns:1fr;gap:var(--gap-mobile)}.sky-flip-cards-grid.sky-flip-slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;gap:var(--gap-mobile);padding:0 var(--padding-sides-mob) 20px;margin:0 calc(var(--padding-sides-mob) * -1);-ms-overflow-style:none;scrollbar-width:none}.sky-flip-cards-grid.sky-flip-slider::-webkit-scrollbar{display:none}.sky-flip-cards-grid.sky-flip-slider .sky-flip-card{flex:0 0 calc(85% - var(--gap-mobile));scroll-snap-align:center}.sky-flip-card-image-wrapper{flex:none;min-height:0}.sky-flip-card-image-wrapper img{object-fit:var(--image-fit-mob)}.sky-flip-card.square-card-mob .sky-flip-card-image-wrapper{aspect-ratio:1 / 1}.sky-flip-card.landscape-card-mob .sky-flip-card-image-wrapper{aspect-ratio:16 / 9}.sky-flip-card.portrait-card-mob .sky-flip-card-image-wrapper{aspect-ratio:3 / 4}.sky-flip-card-content-front{padding:var(--padding-v-mob) var(--padding-h-mob);text-align:var(--alignment-mobile)}.sky-flip-card-title{font-size:var(--title-size-mob)}.sky-flip-card-subtitle{margin-top:var(--subtitle-margin-top-mob);font-size:var(--subtitle-size-mob)}.sky-flip-card-back{padding:var(--padding-v-mob) var(--padding-h-mob);text-align:var(--text-alignment-mobile)}.sky-flip-card-content-back{text-align:var(--text-alignment-mobile)}.sky-flip-card-text{font-size:var(--text-size-mob);margin-top:var(--text-margin-top-mob)}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/sky-flip-cards.css.map */