:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;color:var(--swiper-navigation-color,var(--swiper-theme-color));justify-content:center;align-items:center;display:flex;position:absolute}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{object-fit:contain;transform-origin:50%;width:100%;height:100%}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);letter-spacing:0;font-variant:initial;line-height:1;text-transform:none!important}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}
.template-card{border-width:1px;border-radius:1rem;flex-direction:column;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex;position:relative;overflow:hidden}.template-card:focus-within{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(239 68 68/var(--tw-ring-opacity,1))}.template-card:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.template-card{background-color:var(--color-surface);border-color:var(--color-border);box-shadow:var(--shadow-card)}.template-card__pro-badge{z-index:20;-webkit-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(0 0 0/var(--tw-text-opacity,1));border-radius:.5rem;padding:.125rem .5rem;font-size:10px;font-weight:800;position:absolute;top:.75rem;right:.75rem}.template-card__scrl-badge{z-index:20;-webkit-user-select:none;user-select:none;--tw-bg-opacity:1;background-color:rgb(79 70 229/var(--tw-bg-opacity,1));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));border-radius:.5rem;padding:.125rem .5rem;font-size:10px;font-weight:800;position:absolute;top:.75rem;left:.75rem}.template-card__preview-container{background-color:var(--color-subtle);justify-content:center;align-items:center;height:16rem;padding:.5rem;display:flex;position:relative;overflow:hidden}.template-card__swiper-wrapper .swiper-button-next,.template-card__swiper-wrapper .swiper-button-prev{color:#fff;background:#0006;border-radius:50%;width:28px;height:28px}.template-card__swiper-wrapper .swiper-button-next:after,.template-card__swiper-wrapper .swiper-button-prev:after{font-size:12px;font-weight:700}.template-card__swiper-wrapper .swiper-pagination-bullet-active{background:var(--color-primary,#ef4444)}.template-card__mini-strip{--tw-shadow:0 0 20px 0 #eed5d566 inset;--tw-shadow-colored:inset 0 0 20px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow);border-radius:.25rem;gap:.375rem;padding:.5rem;transition-property:transform;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.2s;display:flex}.template-card__mini-strip:hover{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.template-card__mini-strip.portrait{flex-direction:column;width:120px;height:180px}.template-card__mini-strip.landscape{flex-direction:row;width:180px;height:120px}.template-card__mini-strip.bg-white{background-color:#fff}.template-card__mini-strip.bg-black{background-color:#1e1e24}.template-card__mini-strip.bg-pink{background-color:#fce7f0}.template-card__mini-strip.bg-cream{background-color:#f4efe6}.template-card__photo-slot{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1));border-radius:.125rem;flex:1;position:relative;overflow:hidden}.template-card__footer{justify-content:space-between;align-items:center;padding:1rem;display:flex}.template-card__action-btn{background-color:var(--color-subtle);color:var(--color-primary);border-radius:.75rem;align-items:center;padding:.375rem .75rem;font-size:.75rem;font-weight:700;line-height:1rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex}.template-card__action-btn:hover{background-color:var(--color-primary);color:#fff}