.checklist-banner-custom{width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:120px}.checklist-banner-custom--full-width{width:100vw;margin-left:calc(-50vw + 50%)}.checklist-banner-custom__background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-size:cover;background-position:center;background-repeat:no-repeat}.checklist-banner-custom__background--fixed{background-attachment:fixed}.checklist-banner-custom__background--scroll{background-attachment:scroll}.checklist-banner-custom__background--local{background-attachment:local}.checklist-banner-custom__background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.checklist-banner-custom__container{position:relative;width:100%;height:100%;max-width:var(--page-width, 120rem);margin:0 auto;padding:0 1.5rem;z-index:10}.checklist-banner-custom__content{position:relative;z-index:10;display:flex;align-items:center;justify-content:flex-start;width:100%;height:100%}.checklist-banner-custom__item{display:flex;align-items:center;width:100%;opacity:0;transform:translate(-50px);transition:all .5s ease}.checklist-banner-custom__item--visible{opacity:1;transform:translate(0)}.checklist-banner-custom__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;margin-right:1rem;position:relative}.checklist-banner-custom__icon-circle{width:36px;height:36px;border-radius:50%;border:3px solid;background:transparent;position:relative;overflow:hidden}.checklist-banner-custom__icon-circle:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;border-radius:50%;background:conic-gradient(from 0deg,#00d4ff,#09c,#00d4ff);z-index:-1;opacity:0;animation:circle-draw 1.5s ease-in-out forwards}.checklist-banner-custom__icon-check{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;animation:check-draw .5s ease-in-out 1.5s forwards}.checklist-banner-custom__icon-check svg{width:18px;height:18px;stroke:#00d4ff;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}.checklist-banner-custom__icon-check path{stroke-dasharray:20;stroke-dashoffset:20;animation:path-draw .5s ease-in-out forwards}.checklist-banner-custom__text{flex:1;font-family:var(--font-body-family);font-weight:600;line-height:1.3;color:#fefefe;margin:0;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.checklist-banner-custom__progress{position:absolute;bottom:10px;left:50%;transform:translate(-50%);width:80%;max-width:400px;height:4px;background:#fff3;border-radius:2px;overflow:hidden;z-index:10}.checklist-banner-custom__progress-fill{height:100%;background:linear-gradient(90deg,#00d4ff,#09c);border-radius:2px;width:0;transition:width .8s ease}@keyframes circle-draw{0%{opacity:0;transform:scale(.8) rotate(-90deg)}50%{opacity:1;transform:scale(1.1) rotate(180deg)}to{opacity:1;transform:scale(1) rotate(360deg)}}@keyframes check-draw{0%{opacity:0;transform:translate(-50%,-50%) scale(.5)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes path-draw{0%{stroke-dashoffset:20}to{stroke-dashoffset:0}}@media screen and (min-width: 991px){.checklist-banner-custom{min-height:100px}.checklist-banner-custom__container{padding:0 2rem}.checklist-banner-custom__icon{margin-right:1.5rem}.checklist-banner-custom__icon-circle{width:40px;height:40px}.checklist-banner-custom__icon-check svg{width:20px;height:20px}.checklist-banner-custom__text{font-size:40px}}@media screen and (min-width: 750px) and (max-width: 990px){.checklist-banner-custom{min-height:140px}.checklist-banner-custom__container{padding:0 1.5rem}.checklist-banner-custom__icon{margin-right:1.2rem}.checklist-banner-custom__icon-circle{width:36px;height:36px}.checklist-banner-custom__icon-check svg{width:18px;height:18px}.checklist-banner-custom__text{font-size:32px;max-width:calc(100% - 60px)}}@media screen and (max-width: 749px){.checklist-banner-custom{min-height:160px}.checklist-banner-custom__container{padding:0 1rem}.checklist-banner-custom__content{align-items:flex-start;padding-top:1rem}.checklist-banner-custom__icon{margin-right:1rem;margin-top:.2rem;align-self:flex-start}.checklist-banner-custom__icon-circle{width:32px;height:32px;border-width:2px}.checklist-banner-custom__icon-check svg{width:16px;height:16px;stroke-width:2.5}.checklist-banner-custom__text{font-size:30px;line-height:1.4;max-width:calc(100% - 50px);word-break:break-word;white-space:normal}.checklist-banner-custom__progress{bottom:5px;width:90%;height:3px}}@media screen and (max-width: 479px){.checklist-banner-custom{min-height:180px}.checklist-banner-custom__text{font-size:26px;line-height:1.5}.checklist-banner-custom__icon-circle{width:28px;height:28px}.checklist-banner-custom__icon-check svg{width:14px;height:14px}}.checklist-banner-custom__item,.checklist-banner-custom__icon-circle,.checklist-banner-custom__icon-check,.checklist-banner-custom__progress-fill{will-change:transform,opacity;backface-visibility:hidden}@media (prefers-reduced-motion: reduce){.checklist-banner-custom__item,.checklist-banner-custom__icon-circle:before,.checklist-banner-custom__icon-check,.checklist-banner-custom__icon-check path,.checklist-banner-custom__progress-fill{animation:none!important;transition:none!important}.checklist-banner-custom__item--visible .checklist-banner-custom__icon-circle:before{opacity:1;transform:scale(1) rotate(0)}.checklist-banner-custom__item--visible .checklist-banner-custom__icon-check{opacity:1;transform:translate(-50%,-50%) scale(1)}.checklist-banner-custom__item--visible .checklist-banner-custom__icon-check path{stroke-dashoffset:0}}@media (prefers-contrast: high){.checklist-banner-custom__text{color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.checklist-banner-custom__icon-circle{border-color:#fff}.checklist-banner-custom__icon-check svg{stroke:#fff}}@media print{.checklist-banner-custom{background:#fff!important;color:#000!important;min-height:auto!important}.checklist-banner-custom__text{color:#000!important;font-size:16px!important}.checklist-banner-custom__progress{display:none}.checklist-banner-custom__item{opacity:1!important;transform:none!important;margin-bottom:1rem}}.shopify-design-mode .checklist-banner-custom{border:2px dashed rgba(255,255,255,.3)}.shopify-design-mode .checklist-banner-custom__content{border:1px dashed rgba(255,255,255,.2);border-radius:.5rem}.checklist-banner-custom__items--sequential{position:relative;display:flex;align-items:center;width:100%;height:auto;min-height:unset}.checklist-banner-custom__items--sequential .checklist-banner-custom__item{position:absolute;left:0;top:0;width:100%;opacity:0;pointer-events:none;transition:opacity .5s;display:flex;align-items:center}.checklist-banner-custom__items--sequential .checklist-banner-custom__item--visible{opacity:1;pointer-events:auto;z-index:2}.checklist-banner-custom,.checklist-banner-custom__container{border:none!important;box-shadow:none!important;background:none!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/checklist-banner-custom.css.map */