@import"https://fonts.cdnfonts.com/css/satoshi";*{box-sizing:border-box;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth}.wrapper-utickard-product-card{height:650px;justify-content:center;align-items:center;margin:0;padding-top:120px;font-family:Satoshi,sans-serif;--scale: clamp(200px, 22vw, 300px);display:grid;grid-template-columns:repeat(3,1fr)}.card{--clr:rgb(114, 141, 160);--clr: rgb(114, 141, 160);--fclr: #f0ffe2;width:230px;height:251px;min-height:300px;max-height:300px;max-width:230px;min-width:230px;background:var(--clr);border-radius:8px;box-shadow:-8px -8px 24px #fffc,1px 1px 3px #0002,12px 42px 24px -8px #0001,10px 24px 42px #0001,1px 4px 12px #0002;position:relative;display:flex;flex-direction:column;justify-content:end;align-items:center;cursor:pointer;margin:0 auto}.card:nth-child(1){box-shadow:-8px -8px 24px #fffc,1px 1px 3px 0 (114,118,160,.47),12px 42px 24px -8pxrgba (114,123,160,.2),10px 24px 42px 0 (114,127,160,.2),1px 4px 12px 0 (114,132,160,.27)}.card:nth-child(2){box-shadow:-8px -8px 24px #fffc,1px 1px 3px #0006,12px 42px 24px -8px #0003,10px 24px 42px #0003,1px 4px 12px #0006}.card .content{position:relative;z-index:1;bottom:0;top:unset;height:fit-content;padding:0 24px;width:100%}.card .content h2,.card .content p{margin:0 0 8px;padding:0;line-height:124%;font-weight:700;color:var(--fclr)}.card .content h2{font-size:30px!important}.card .content p{font-weight:500;margin-bottom:16px}.card .content .options{position:absolute;display:flex;gap:4px;bottom:25px;right:12px}.card .content .options>div{cursor:pointer;width:24px;height:16px;border-radius:4px;background:#fff;border:1px solid #aaa8;transition:border .1s ease-in-out}.card .content .options>div:hover{border:1px solid #fff}.card .glass{pointer-events:none;position:absolute;bottom:0;left:0;width:100%;height:80%;background:linear-gradient(transparent,var(--clr) 80%);border-bottom-right-radius:8px;border-bottom-left-radius:8px;overflow:hidden}.card .glass .open-modal{pointer-events:auto}.card .overflow{pointer-events:none;position:absolute;width:142%;height:168%;overflow:hidden;display:flex;justify-content:end;align-items:end;clip-path:polygon(0 0,100% 0,100% 60%,75% 60%,75% 100%,25% 100%,25% 60%,0 60%);transition:height .9s ease-out,transform .9s ease-out}.card .overflow .model{position:absolute;width:100%;height:100%;bottom:-15%;align-items:center;left:3%}.card .overflow img{position:absolute;width:500px;width:280px;--progress-bar-color: none;--progress-bar-height: 0px;opacity:1;transform:rotate(64deg);filter:drop-shadow(0 8px 2px rgba(0,0,0,.25));transition:filter .4s ease-in-out}.card .overflow img.loaded{animation:onLoad 1s ease-in forwards}@keyframes onLoad{to{opacity:1}}.gradient-blur{position:absolute;z-index:1;height:100%;inset:auto 0 0 0;pointer-events:none}.gradient-blur:nth-child(2){inset:auto 0}.gradient-blur>div,.gradient-blur:before,.gradient-blur:after{position:absolute;top:0;right:0;bottom:0;left:0;--p1: 0%;--p2: 12.5%;--p3: 25%;--p4: 37.5%;--p5: 50%;--p6: 62.5%;--p7: 75%;--p8: 87.5%;--p9: 100%}.gradient-blur:before{content:"";z-index:1;-webkit-backdrop-filter:blur(.5px);backdrop-filter:blur(.5px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p1),rgba(0,0,0,1) var(--p2),rgba(0,0,0,1) var(--p3),rgba(0,0,0,0) var(--p4));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p1),rgba(0,0,0,1) var(--p2),rgba(0,0,0,1) var(--p3),rgba(0,0,0,0) var(--p4))}.gradient-blur>div:nth-of-type(1){z-index:2;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p2),rgba(0,0,0,1) var(--p3),rgba(0,0,0,1) var(--p4),rgba(0,0,0,0) var(--p5));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p2),rgba(0,0,0,1) var(--p3),rgba(0,0,0,1) var(--p4),rgba(0,0,0,0) var(--p5))}.gradient-blur>div:nth-of-type(2){z-index:3;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p3),rgba(0,0,0,1) var(--p4),rgba(0,0,0,1) var(--p5),rgba(0,0,0,0) var(--p6));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p3),rgba(0,0,0,1) var(--p4),rgba(0,0,0,1) var(--p5),rgba(0,0,0,0) var(--p6))}.gradient-blur>div:nth-of-type(3){z-index:4;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p4),rgba(0,0,0,1) var(--p5),rgba(0,0,0,1) var(--p6),rgba(0,0,0,0) var(--p7));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p4),rgba(0,0,0,1) var(--p5),rgba(0,0,0,1) var(--p6),rgba(0,0,0,0) var(--p7))}.gradient-blur>div:nth-of-type(4){z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p5),rgba(0,0,0,1) var(--p6),rgba(0,0,0,1) var(--p7),rgba(0,0,0,0) var(--p8));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p5),rgba(0,0,0,1) var(--p6),rgba(0,0,0,1) var(--p7),rgba(0,0,0,0) var(--p8))}.gradient-blur>div:nth-of-type(5){z-index:6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p6),rgba(0,0,0,1) var(--p7),rgba(0,0,0,1) var(--p8),rgba(0,0,0,0) var(--p9));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p6),rgba(0,0,0,1) var(--p7),rgba(0,0,0,1) var(--p8),rgba(0,0,0,0) var(--p9))}.gradient-blur>div:nth-of-type(6){z-index:7;-webkit-backdrop-filter:blur(32px);backdrop-filter:blur(32px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p7),rgba(0,0,0,1) var(--p8),rgba(0,0,0,1) var(--p9));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p7),rgba(0,0,0,1) var(--p8),rgba(0,0,0,1) var(--p9))}.gradient-blur:after{content:"";z-index:8;-webkit-backdrop-filter:blur(64px);backdrop-filter:blur(64px);-webkit-mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p8),rgba(0,0,0,1) var(--p9));mask:linear-gradient(to bottom,rgba(0,0,0,0) var(--p8),rgba(0,0,0,1) var(--p9))}.animated-card{animation:sway 4s ease-in-out infinite;transform-origin:center center;display:block;transition:transform .4s ease}@keyframes sway{0%{transform:rotate(64deg)}50%{transform:rotate(69deg)}to{transform:rotate(64deg)}}.overflow.active{height:172%;clip-path:none!important;transform:scale(1.05);transition:.9s ease-out}.animated-card.active{transform:rotate(16deg)!important;transition:transform .9s ease;filter:drop-shadow(0 12px 18px rgba(254,0,0,.25));animation:unset}@media(max-width:1080px){.card{margin:96px auto}.wrapper-utickard-product-card{height:fit-content;grid-template-columns:repeat(2,1fr)}}@media(max-width:450px){.wrapper-utickard-product-card{grid-template-columns:repeat(1,1fr)}}.wrapper-utickard-product-card .add-to-cart-text__content{display:none}.wrapper-utickard-product-card .quantity-selector{flex:unset}.wrapper-utickard-product-card .product-form-buttons>*:not(.quantity-selector,.quantity-rules,.quantity-label){flex:unset}.wrapper-utickard-product-card .quantity-selector :is(.quantity-minus,.quantity-plus){width:28px!important;flex-shrink:1!important}.wrapper-utickard-product-card .product-form-buttons{flex-wrap:nowrap}.wrapper-utickard-product-card .quantity-selector{--quantity-selector-width: 124px;display:flex;justify-content:space-between;align-items:center;color:unset;background-color:unset;border:unset;border-radius:var(--style-border-radius-inputs);flex:1 1 var(--quantity-selector-width);align-self:stretch;transition:background-color var(--animation-speed) var(--animation-easing)}.card .content h2,.card .content p,.card .content .quantity-selector{margin:0 0 8px;padding:0;line-height:124%;font-weight:700;color:#fff}.card .content .svg-wrapper{color:var(--fclr)}.quantity-selector :is(.quantity-minus,.quantity-plus){color:unset}.wrapper-utickard-product-card .quantity-selector input[type=number]{color:unset}.wrapper-utickard-product-card .button,.wrapper-utickard-product-card .button-secondary{box-shadow:unset}.wrapper-utickard-product-card .button-secondary:hover{--button-color: unset;--button-background-color: unset;--button-border-color: unset}
/*# sourceMappingURL=/cdn/shop/t/5/assets/utickard-product.css.map */