.kaotik-stroke-length-banner .kaotik-blur-top-content__inner{width:min(430px,100%)}.kaotik-stroke-cards{display:block;width:100%;min-width:0;padding-top:var(--kaotik-card-gap-top, 24px);padding-bottom:var(--kaotik-card-gap-bottom, 24px);color:var(--kaotik-stroke-color, #ffffff);--kaotik-active-card-gap: var(--kaotik-card-gap-mobile, 12px);--kaotik-active-card-basis: var(--kaotik-card-basis-mobile, 50%)}.kaotik-stroke-cards__track{display:flex;width:calc(100% + 16px);margin:-8px;padding:8px;gap:var(--kaotik-active-card-gap);overflow-x:auto;scroll-behavior:smooth;scroll-padding-inline:9px;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.kaotik-stroke-cards__track::-webkit-scrollbar{display:none}.kaotik-stroke-cards__track:focus-visible{outline:2px solid var(--kaotik-stroke-accent, #00ffff);outline-offset:4px}.kaotik-stroke-cards__item{display:flex;min-width:0;flex:0 0 var(--kaotik-active-card-basis);scroll-snap-align:start}.kaotik-stroke-cards__item>.shopify-block{width:100%}.kaotik-stroke-card{display:flex;width:100%;min-width:0;flex-direction:column;color:inherit;text-align:center;text-decoration:none}.kaotik-stroke-card:hover{color:inherit;text-decoration:none}.kaotik-stroke-card:focus-visible{outline:2px solid var(--kaotik-stroke-accent, #00ffff);outline-offset:4px}.kaotik-stroke-card__meter.kaotik-glass-frame{--kaotik-glass-frame-radius: 6px;position:relative;display:flex;width:100%;overflow:hidden;aspect-ratio:310.667 / 258.632;align-items:center;justify-content:center;border:1px solid transparent;border-radius:6px}.kaotik-stroke-card__bar{position:relative;display:block;width:14px;height:110px;overflow:hidden;background:var(--kaotik-stroke-inactive, #156161);border-radius:8px}.kaotik-stroke-card__fill{position:absolute;bottom:var(--kaotik-stroke-fill-bottom, 0%);left:0;width:100%;height:min(var(--kaotik-stroke-fill-height, 100%),calc(100% - var(--kaotik-stroke-fill-bottom, 0%)));background:var(--kaotik-stroke-accent, #00ffff);border-radius:8px;box-shadow:0 0 12px #00ffff8c}.kaotik-stroke-card__content{display:flex;flex-direction:column;align-items:center;padding-top:10px}.kaotik-stroke-card__heading{width:100%;margin:0;color:inherit;font-family:var(--font-headline, var(--font-heading-family, sans-serif));font-size:18px;font-weight:var(--font-headline-weight, 400);line-height:1.15}.kaotik-stroke-card__description{width:min(150px,100%);margin-top:4px;overflow-wrap:anywhere;font-size:11px;line-height:1.2}.kaotik-stroke-card__description p{margin:0}.kaotik-stroke-cards__navigation{display:flex;justify-content:center;gap:16px;margin-top:20px}.kaotik-stroke-cards__navigation[hidden]{display:none}.kaotik-stroke-cards__button{--kaotik-circle-arrow-circle-color: currentColor;--kaotik-circle-arrow-triangle-color: #013232;display:inline-flex;width:36px;height:36px;padding:0;align-items:center;justify-content:center;color:var(--kaotik-stroke-accent, #00ffff);background:transparent;border:0;border-radius:50%;cursor:pointer}.kaotik-stroke-cards__button--previous .kaotik-circle-arrow-icon{transform:rotate(180deg)}.kaotik-stroke-cards__button:disabled{opacity:.45;cursor:default}.kaotik-stroke-cards__button:focus-visible{outline:2px solid currentColor;outline-offset:3px}.kaotik-stroke-cards__cta{display:flex;justify-content:center;margin-top:24px}@media(min-width:750px){.kaotik-stroke-cards{--kaotik-active-card-gap: var(--kaotik-card-gap-tablet, 14px);--kaotik-active-card-basis: var(--kaotik-card-basis-tablet, 33.333%)}}@media(min-width:900px){.kaotik-stroke-card__heading{font-size:22px}.kaotik-stroke-cards__navigation{justify-content:flex-end}}@media(min-width:1200px){.kaotik-stroke-cards{--kaotik-active-card-gap: var(--kaotik-card-gap-desktop, 14px);--kaotik-active-card-basis: var(--kaotik-card-basis-desktop, 20%)}}@media(max-width:599px){.kaotik-stroke-length-banner .kaotik-blur-banner__container,.kaotik-stroke-length-banner .kaotik-blur-banner__media,.kaotik-stroke-length-banner .kaotik-blur-banner__content,.kaotik-stroke-length-banner .kaotik-blur-banner__top-layer{height:516px;min-height:516px}.kaotik-stroke-length-banner .kaotik-blur-banner__container{display:block;overflow:hidden}.kaotik-stroke-length-banner .kaotik-blur-banner__media,.kaotik-stroke-length-banner .kaotik-blur-banner__content{position:absolute;top:0;right:0;bottom:0;left:0}.kaotik-stroke-length-banner .kaotik-blur-top-content{display:block;padding:0}.kaotik-stroke-length-banner .kaotik-blur-top-content__inner{position:absolute;top:84px;left:33px;display:flex;width:162px;flex-direction:column;align-items:flex-start;gap:0;text-align:left}.kaotik-stroke-length-banner .kaotik-subheading{font-size:16px;line-height:19px}.kaotik-stroke-length-banner .kaotik-heading{margin-top:8px}.kaotik-stroke-length-banner .kaotik-heading,.kaotik-stroke-length-banner .kaotik-heading :is(h1,h2,h3,h4,p){font-size:14px;line-height:17px;white-space:nowrap}.kaotik-stroke-length-banner .kaotik-text{width:132px;margin-top:13px;padding:0;font-size:8px;font-weight:600;line-height:9px}.kaotik-stroke-length-banner .kaotik-blur-banner__bottom-layer{position:absolute;z-index:2;top:355px;left:0;width:100%}.kaotik-stroke-length-banner .kaotik-blur-bottom-content,.kaotik-stroke-length-banner .kaotik-blur-bottom-content__inner{width:100%;min-height:0;padding:0}.kaotik-stroke-length-banner .kaotik-stroke-cards{width:100%;padding:0;--kaotik-active-card-gap: 8px;--kaotik-active-card-basis: 108.6px}.kaotik-stroke-length-banner .kaotik-stroke-cards__track{width:100%;margin-inline:0;padding-inline:11px;scroll-padding-inline:11px}.kaotik-stroke-length-banner .kaotik-stroke-card__meter{width:108.6px;height:90.45px;aspect-ratio:auto;border:0}.kaotik-stroke-length-banner .kaotik-stroke-card__bar{width:6.06px;height:53.89px}.kaotik-stroke-length-banner .kaotik-stroke-card__fill{box-shadow:none}.kaotik-stroke-length-banner .kaotik-stroke-card__content{padding-top:6.55px}.kaotik-stroke-length-banner .kaotik-stroke-card__heading{width:104.4px;font-size:10px;line-height:12px}.kaotik-stroke-length-banner .kaotik-stroke-card__description{width:101px;margin-top:2px;font-size:7px;font-weight:600;line-height:8px}.kaotik-stroke-length-banner .kaotik-stroke-cards__navigation,.kaotik-stroke-length-banner .kaotik-stroke-cards__cta{display:none}}@media(prefers-reduced-motion:reduce){.kaotik-stroke-cards__track{scroll-behavior:auto}}.kaotik-stroke-length-banner--jetpack .kaotik-subheading{color:#0ff}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(2) .kaotik-stroke-card__fill{background:#02dede}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__bar{transform:translateY(-.867%)}@media(min-width:750px){.kaotik-stroke-length-banner--jetpack .kaotik-blur-top-content.kaotik-section-shell{width:100%;padding-inline:13.125vw}.kaotik-stroke-length-banner--jetpack .kaotik-blur-top-content__inner{width:clamp(320px,29.513889vw,566.667px);gap:0}.kaotik-stroke-length-banner--jetpack .kaotik-subheading{font-size:clamp(16px,1.666667vw,32px);line-height:1.28125;letter-spacing:0}.kaotik-stroke-length-banner--jetpack .kaotik-heading{width:80%;margin-top:.9375vw;font-size:clamp(22px,2.1875vw,42px);line-height:1.285714}.kaotik-stroke-length-banner--jetpack .kaotik-text{margin-top:.9375vw;padding:0;font-size:clamp(10px,.9375vw,18px);font-weight:600;line-height:normal}.kaotik-stroke-length-banner--jetpack .kaotik-text p:first-child br:first-child{display:none}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__meter{aspect-ratio:310.667 / 258.75;border:0}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__bar{width:min(.90276vw,17.333px);height:min(8.030104vw,154.178px)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__fill{box-shadow:none}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__content{padding-top:min(1.327083vw,25.48px)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__heading{font-family:var(--font-heading, "Krona One", sans-serif);font-size:clamp(12px,1.145833vw,22px);line-height:normal}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__description{width:83%;margin-top:4px;font-size:clamp(8px,.625vw,12px);font-weight:600;line-height:normal}}@media(min-width:1200px){.kaotik-stroke-length-banner--jetpack .kaotik-blur-bottom-content.kaotik-section-shell{width:min(100%,1920px);padding-inline:min(7.291667vw,140px)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards{--kaotik-active-card-gap: min(1.128472vw, 21.667px);--kaotik-active-card-basis: calc((100% - 4 * var(--kaotik-active-card-gap)) / 5)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(1) .kaotik-stroke-card__description{width:calc(100% * 235 / 310.667)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(2) .kaotik-stroke-card__description{width:calc(100% * 265 / 310.667)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(3) .kaotik-stroke-card__description{width:calc(100% * 238 / 310.667)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(4) .kaotik-stroke-card__description{width:calc(100% * 250 / 310.667)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(5) .kaotik-stroke-card__description{width:calc(100% * 257 / 310.667)}}@media(max-width:749px){.kaotik-stroke-length-banner--jetpack .kaotik-text{margin-top:13px;line-height:normal}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__heading{font-family:var(--font-heading, "Krona One", sans-serif)}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__description{font-size:8px;line-height:normal}.kaotik-stroke-length-banner--jetpack .kaotik-subheading{letter-spacing:0;white-space:nowrap}}.kaotik-stroke-card__description--mobile{display:none}@media(max-width:749px){.kaotik-stroke-card__description--desktop{display:none}.kaotik-stroke-card__description--mobile{display:block}}@media(min-width:750px){.kaotik-stroke-length-banner--jetpack .kaotik-heading h2:last-child:after{content:"."}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__heading{font-weight:400;letter-spacing:0}.kaotik-stroke-length-banner--jetpack .kaotik-text{padding-left:4px}}@media(max-width:749px){.kaotik-stroke-length-banner--jetpack .kaotik-stroke-card__heading{font-weight:400;letter-spacing:0}}@media(max-width:599px){.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards{--kaotik-active-card-gap: 7.57px}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(3) .kaotik-stroke-card__description{width:96px}.kaotik-stroke-length-banner--jetpack .kaotik-stroke-cards__item:nth-child(4) .kaotik-stroke-card__description{width:100px}}
/*# sourceMappingURL=/cdn/shop/t/66/assets/section-kaotik-stroke-length-banner.css.map */