.animated-pill-container{position:relative;display:grid;grid-template-areas:"content";overflow:hidden}.animated-pill-container>.container,.animated-pill__media-wrapper{grid-area:content}.animated-pill-container>.container{position:relative;z-index:1;padding-block:40px}@media screen and (min-width:750px){.animated-pill-container>.container{padding-block:65px}}@media screen and (min-width:1100px){.animated-pill-container>.container{padding-block:90px}}.animated-pill-container>.container .section-header__subtitle.section-header__subtitle_dot:before{background:rgb(var(--color-foreground))!important}.animated-pill__content-container{padding:20px;border-radius:12px;background:#ffffff4d;display:grid;grid-template-columns:minmax(0,1fr);gap:32px;grid-template-areas:"text" "pill" "button"}@media screen and (min-width:750px){.animated-pill__content-container{padding:40px;background:#fff3;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);grid-template-areas:"text" "button" "pill"}}@media screen and (min-width:990px){.animated-pill__content-container{grid-template-columns:minmax(0,2fr) minmax(0,3fr);align-items:stretch;gap:20px;grid-template-areas:"text pill" "button pill"}}.animated-pill__text-content{grid-area:text}.animated-pill__text-content .section-header{margin-bottom:0}.animated-pill__text{margin:8px 0 0}.animated-pill__button{grid-area:button;display:grid;align-items:end;justify-items:stretch}@media screen and (min-width:750px){.animated-pill__button{justify-items:left}}.animated-pill__pill-container{grid-area:pill;position:relative;display:grid;grid-template-areas:"pill-content"}.animated-pill__pill-text{position:relative;z-index:1}.animated-pill__pill-text .subheading{margin:0}.animated-pill__pill-text .subheading+p{margin:8px 0 0}.pill-dots{display:block;background:radial-gradient(circle,rgb(var(--color-foreground)) 1px,transparent 1px) 0 0 / 10px 10px no-repeat,radial-gradient(circle,rgb(var(--color-foreground)) 1px,transparent 1px) 0 0 / 10px 10px no-repeat;background-repeat:repeat-x,repeat-y;background-size:7px 10px;border:none}@media screen and (max-width:749px){.animated-pill__pill-container{gap:20px}.animated-pill__pill-text .subheading{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:8px}.pill-dots{width:100%;height:11px;background-position:top left,top left}}@media screen and (min-width:750px){.animated-pill__pill-container{display:grid;gap:20px;padding:25px 35px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-areas:"tl tl tr tr" ". pill pill ." "bl bl br br";container-type:inline-size}.animated-pill__pill-text{width:100%}.pill-text--start-left{grid-area:tl}.pill-text--start-right{grid-area:tr}.pill-text--end-left{grid-area:bl}.pill-text--end-right{grid-area:br}.pill-dots{position:absolute;width:calc(var(--dots-width) * 1%);height:calc(var(--dots-height) * 1%);background-size:7px 7px}@supports (width: 1cqw){.pill-dots{width:calc(var(--dots-width) * 1cqw);height:calc(var(--dots-height) * 1cqh)}}.pill-text--start-left .pill-dots{top:100%;left:0;background-position:bottom left,bottom left;transform:translateY(12px)}.pill-text--start-right .pill-dots{top:100%;right:0;background-position:bottom right,bottom right;transform:translateY(12px)}.pill-text--end-left .pill-dots{bottom:100%;left:0;background-position:top left,top left;transform:translateY(-12px)}.pill-text--end-right .pill-dots{bottom:100%;right:100%;background-position:bottom left,bottom left;transform:translate(-12px) translateY(13px)}}.animated-pill__pill-video-container{grid-area:pill-content;width:100%;place-self:center;align-self:center;pointer-events:none}.animated-pill__pill-video-container *:focus{outline:none!important}@media screen and (max-width:749px){.animated-pill__pill-video-container{max-width:400px;margin:auto}}@media screen and (min-width:750px){.animated-pill__pill-video-container{grid-area:pill;width:calc(var(--pill-video-width) * 1%)}@supports (width: 1cqw){.animated-pill__pill-video-container{width:calc(var(--pill-video-width) * 1cqw)}}}.pill-video-container--square{aspect-ratio:1 / 1}.pill-video-container--video{aspect-ratio:16 / 9}.animated-pill__pill-video-container video,.animated-pill__pill-video-container img{width:100%;height:100%;object-fit:contain;background:transparent;outline:none!important;pointer-events:none!important}.animated-pill__pill-video-container img{position:absolute}.video-active .pill-fallback-image{display:none}.animated-pill__media-wrapper{width:100%;height:100%;z-index:0}.animated-pill__media{width:100%;height:100%}.animated-pill__media img{position:absolute;width:100%;height:100%;object-fit:cover}.animated-pill__video-container,.deferred-media,.animated-pill__video-container video{width:100%;height:100%}.animated-pill__video-container video{position:absolute}.animated-pill__video-container video{object-fit:cover}.animated-pill__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background-color:rgb(var(--color-overlay));transition:opacity var(--duration-default)}.animated-pill__content-container .section-header__subtitle+.section-header__title{margin-top:1.6rem}@media screen and (min-width:750px){.animated-pill__content-container .section-header__subtitle+.section-header__title{margin-top:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/section-animated-pill.css.map */