.liene-deal{display:block;position:relative;isolation:isolate;background:var(--deal-background);color:var(--deal-text)}.liene-deal__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}.liene-deal__image{display:block;width:100%;height:100%;object-fit:cover}.liene-deal__container{box-sizing:border-box;width:100%;max-width:1280px;min-height:var(--deal-height);margin-inline:auto;padding:64px 24px;display:flex;align-items:center}.liene-deal__content{width:min(48%,var(--deal-stack-width));max-width:600px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--deal-stack-gap);overflow-wrap:anywhere}.liene-deal__heading{margin:0;color:inherit;font-family:var(--heading-font-family, inherit);font-size:clamp(36px,4vw,56px);font-weight:700;line-height:1.08;letter-spacing:-.035em}.liene-deal__subtitle{margin:0;font-size:clamp(18px,1.8vw,24px);line-height:1.4}.liene-deal__heading+.liene-deal__subtitle{margin-top:-12px}liene-deal-countdown{display:block;max-width:100%}.liene-deal [hidden]{display:none!important}.liene-deal__timer{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;color:var(--deal-countdown-text)}.liene-deal__unit{position:relative;box-sizing:border-box;min-width:0;min-height:64px;padding:12px 8px 10px;border-radius:10px;background:linear-gradient(0deg,color-mix(in srgb,var(--deal-countdown-text) 45%,transparent),transparent 45%),color-mix(in srgb,var(--deal-accent) 90%,transparent);border-bottom:2px solid var(--deal-countdown-text);text-align:center}.liene-deal__unit+.liene-deal__unit:before{content:":";position:absolute;right:calc(100% + 4px);top:16px;font-size:24px;font-weight:700;line-height:1}.liene-deal__number{display:block;font-size:28px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.liene-deal__unit-label{display:block;margin-top:2px;font-size:10px;line-height:1.2;white-space:nowrap;overflow-wrap:normal}.liene-deal__ended{margin:0;font-size:14px;line-height:1.5}.liene-deal__heading--image{width:var(--deal-title-width);max-width:100%}.liene-deal__title-image{display:block;width:100%;height:auto}.liene-deal__button{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:52px;max-width:100%;padding:12px 28px;border-radius:var(--deal-button-radius, 100px);background:var(--deal-button);color:var(--deal-button-text);font-size:16px;font-weight:700;line-height:1.4;text-decoration:none;text-align:center}.liene-deal__button--image{width:var(--deal-cta-width);min-height:0;padding:0;border-radius:0;background:transparent}.liene-deal__button-art{display:block;position:relative;width:100%;aspect-ratio:calc(var(--deal-button-ratio) / (1 - var(--deal-button-trim)));overflow:hidden}.liene-deal__button--image img{display:block;position:absolute;bottom:0;width:100%;height:auto}.liene-deal__button:hover{opacity:.85}.liene-deal__button:focus-visible{outline:3px solid var(--deal-text);outline-offset:4px}@media(max-width:767px){.liene-deal{container-type:inline-size;display:grid}.liene-deal__container{--deal-pixel: .2564102564cqw;--deal-stack-gap: calc(12 * var(--deal-pixel));--deal-title-timer-gap: calc(var(--deal-mobile-title-gap) * var(--deal-pixel));--deal-timer-button-gap: calc(var(--deal-mobile-button-gap) * var(--deal-pixel));--deal-title-width: calc(var(--deal-mobile-title-width) * var(--deal-pixel));--deal-cta-width: calc(var(--deal-mobile-button-width) * var(--deal-pixel));--deal-button-ratio: var(--deal-mobile-button-ratio);--deal-button-trim: var(--deal-mobile-button-trim);grid-area:1 / 1;min-height:0;padding:0;max-width:none}.liene-deal__media{position:relative;inset:auto;grid-area:1 / 1}.liene-deal__image{height:auto;aspect-ratio:var(--deal-mobile-ratio);object-fit:cover}.liene-deal:before{content:"";grid-area:1 / 1;width:100%;aspect-ratio:var(--deal-mobile-ratio);pointer-events:none}.liene-deal__content{position:absolute;width:min(var(--deal-title-width),calc(100% - 32px));max-width:none;margin:0;left:clamp(min(calc(var(--deal-title-width) / 2 + 16px),50%),var(--deal-mobile-x),max(calc(100% - var(--deal-title-width) / 2 - 16px),50%));top:var(--deal-mobile-y);transform:translate(-50%) scale(var(--deal-mobile-fit, 1));transform-origin:top center;align-items:center;text-align:center}.liene-deal__heading{font-size:calc(32 * var(--deal-pixel))}.liene-deal__heading--image{min-height:0}.liene-deal__subtitle{font-size:calc(14 * var(--deal-pixel))}.liene-deal__heading+.liene-deal__subtitle{margin-top:0}.liene-deal__content>liene-deal-countdown{width:calc(var(--deal-mobile-timer-width) * var(--deal-pixel))}.liene-deal__timer{width:100%;gap:calc(6 * var(--deal-pixel))}.liene-deal__unit{min-height:calc(40 * var(--deal-pixel));padding:calc(5 * var(--deal-pixel)) calc(1 * var(--deal-pixel)) calc(3 * var(--deal-pixel));border-radius:calc(6 * var(--deal-pixel))}.liene-deal__number{font-size:calc(18 * var(--deal-pixel))}.liene-deal__unit-label{font-size:calc(7 * var(--deal-pixel));margin-top:calc(2 * var(--deal-pixel))}.liene-deal__unit+.liene-deal__unit:before{top:calc(11 * var(--deal-pixel));right:calc(100% + 1 * var(--deal-pixel));font-size:calc(16 * var(--deal-pixel))}.liene-deal__content>liene-deal-countdown:not([hidden])+.liene-deal__button--image{transform:translate(calc((var(--deal-mobile-timer-width) * -.375 - 2.25) * var(--deal-pixel) + var(--deal-cta-width) * (.5 - var(--deal-mobile-silk))))}.liene-deal__button:not(.liene-deal__button--image){min-width:140px}}@media(min-width:768px){.liene-deal{container-type:inline-size;--deal-pixel: .078125cqw}.liene-deal__heading--image{min-height:var(--deal-title-height)}.liene-deal__heading{font-size:calc(48 * var(--deal-pixel))}.liene-deal__subtitle{font-size:calc(20 * var(--deal-pixel))}.liene-deal__content>liene-deal-countdown{--deal-timer-width: calc(208 * var(--deal-pixel));width:var(--deal-timer-width);position:relative;z-index:1}.liene-deal__content>liene-deal-countdown:not([hidden])+.liene-deal__button--image{transform:translate(calc(-85 * var(--deal-pixel) - 3.75 * var(--deal-pixel) + var(--deal-cta-width) * .243))}.liene-deal__container{max-width:none;padding:0}.liene-deal__content{position:absolute;width:min(var(--deal-stack-width),calc(100% - 48px));max-width:none;left:clamp(min(calc(var(--deal-stack-width) / 2 + 24px),50%),var(--deal-position-x),max(calc(100% - var(--deal-stack-width) / 2 - 24px),50%));top:var(--deal-position-y);transform:translate(-50%);margin:0}.liene-deal--image-ratio{display:grid}.liene-deal--image-ratio .liene-deal__media{position:relative;inset:auto;grid-area:1 / 1;align-self:center}.liene-deal--image-ratio .liene-deal__image{height:auto;aspect-ratio:var(--deal-image-ratio);object-fit:contain}.liene-deal--image-ratio .liene-deal__container{grid-area:1 / 1;min-height:0;padding:0}.liene-deal .liene-deal__timer{width:100%;gap:calc(10 * var(--deal-pixel))}.liene-deal .liene-deal__unit{min-height:calc(58 * var(--deal-pixel));padding:calc(10 * var(--deal-pixel)) calc(3 * var(--deal-pixel)) calc(8 * var(--deal-pixel));border-radius:calc(8 * var(--deal-pixel))}.liene-deal .liene-deal__number{font-size:calc(24 * var(--deal-pixel))}.liene-deal .liene-deal__unit-label{font-size:calc(9 * var(--deal-pixel));margin-top:calc(2 * var(--deal-pixel))}.liene-deal .liene-deal__unit+.liene-deal__unit:before{right:calc(100% + 2 * var(--deal-pixel));top:calc(16 * var(--deal-pixel));font-size:calc(20 * var(--deal-pixel))}}.liene-deal__content>liene-deal-countdown:not([hidden]):not(:first-child){margin-top:calc(var(--deal-title-timer-gap) - var(--deal-stack-gap))}.liene-deal__content>liene-deal-countdown:not([hidden])+.liene-deal__button{margin-top:calc(max(0px,var(--deal-timer-button-gap)) - var(--deal-stack-gap))}.liene-deal__countdown-heading{margin:0 0 var(--deal-label-gap);color:#ee5b2a;font-size:var(--deal-label-font);font-weight:600;line-height:1.3;text-align:left}@media(max-width:767px){.liene-deal__countdown-heading{margin-bottom:var(--deal-label-gap-mobile);font-size:var(--deal-label-font-mobile)}}@media(min-width:768px)and (hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.liene-deal__button-art{overflow:visible;clip-path:inset(0 0 -12px)}.liene-deal__button--image:hover{opacity:1}.liene-deal__button--image:hover img{animation:deal-spider-bob 1.8s ease-in-out infinite}}@keyframes deal-spider-bob{0%,to{translate:0 0}50%{translate:0 12px}}@media(max-width:767px){.liene-deal{background:#000}.liene-deal__media,.liene-deal:before{margin-top:calc(var(--deal-mobile-extra, 0) * .2564102564cqw)}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/liene-deal-banner.css.map */