.feature-collection__title{margin:0}.como-carousel__container{background:var(--background-color)}.como-carousel{position:relative;--mobile-product-min-height: 454px}.como-carousel__heading{margin-bottom:30px;display:flex;flex-direction:column;gap:20px;position:relative;z-index:1;align-items:flex-start}.como-carousel__title{font-size:3.6rem;color:var(--secondary-text);font-weight:700;margin:0;max-width:650px;line-height:4.2rem}.como-carousel .swiper{padding-bottom:55px;position:relative;overflow:visible!important}.como-carousel .swiper-slide{height:auto!important;margin-right:24px}como-carousel .swiper-button{position:absolute;display:flex;justify-content:center;align-items:center;height:56px;width:56px;background:#ffffffb3;border-radius:100%;display:none;border:1px solid rgba(255,255,255,.8);top:calc(50% - 42px);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}como-carousel .swiper-button:hover{background:#fff}como-carousel .swiper-button svg{height:22px;width:auto}como-carousel .swiper-button-disabled{opacity:0!important}como-carousel .swiper-button:hover svg{transform:translate(0)}.como-popup como-carousel .swiper{padding-bottom:32px}@media screen and (min-width:768px){como-carousel .swiper-pagination{display:none}como-carousel .swiper-button{display:flex}.como-popup como-carousel .swiper{padding-bottom:0}}.como-carousel .swiper-slide>.product-card{height:100%;display:flex;flex-direction:column;max-height:531px}@media (min-width: 768px){.como-carousel .swiper-slide>.product-card{max-height:unset}}.como-carousel .swiper-pagination{bottom:0!important}.como-carousel .product-card__image{height:220px;flex:1;aspect-ratio:unset;width:100%}@media (min-width: 990px){.como-carousel__heading{flex-direction:row;justify-content:space-between;align-items:center}.hero__title{font-size:4.8rem;line-height:5.2rem}}.large-slide{position:relative;box-sizing:border-box;background:rgb(var(--color-base-background-2));border-radius:12px;display:block;overflow:hidden;height:100%;max-height:531px}@media (min-width: 768px){.large-slide{max-height:unset}}.large-slide,.large-slide *{text-decoration:none}.large-slide__image{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:0}.large-slide__content{position:absolute;top:0;left:0;right:0;padding:24px}.large-slide__title{font-size:calc(var(--font-heading-h3-size) * .8);line-height:normal;font-weight:700;margin:0}@media screen and (min-width:768px){.large-slide__title{font-size:var(--font-heading-h3-size)}}.large-slide__eyebrow-title{margin:0 0 8px;font-weight:700;font-size:var(--font-heading-h6-size);line-height:1.6rem;text-transform:uppercase}.article-card{position:relative;box-sizing:border-box;background:rgb(var(--color-base-background-2));border-radius:12px;display:block;overflow:hidden;display:flex;gap:20px;height:100%;max-height:531px}.article-card,.article-card *{text-decoration:none}.article-card:after{content:"";position:absolute;left:0;right:0;bottom:0;height:80%;width:100%;background:linear-gradient(180deg,rgba(var(--after-bg-color),0) 4%,rgba(var(--after-bg-color),1) 80%);z-index:1}.article-card__image{width:100%;height:100%;object-fit:cover;position:relative;z-index:0}.article-card__content{position:absolute;z-index:2;padding:24px;bottom:0;left:0;right:0;width:100%}.article-card__content *{color:#fff;margin:0}.article-card__category{font-size:var(--font-heading-h6-size);font-weight:700;text-transform:uppercase;margin-bottom:8px}.article-card__title{font-size:calc(var(--font-heading-h4-size) * .8);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;line-height:3rem;max-height:12;overflow:hidden;text-overflow:ellipsis}.como-carousel__background-image{position:absolute;height:100%;width:100%;object-fit:contain;z-index:0;top:0;left:0}.como-carousel .product-card--wide{max-height:var(--mobile-product-min-height)}@media (min-width: 768px){.como-carousel .product-card--wide{max-height:unset;min-height:500px}}.como-carousel .product-card--wide .product-card__image{object-fit:contain}.swiper-slide--base{width:100%}.base-card{width:100%;cursor:pointer;background:rgb(var(--color-base-background-2))}@media (min-width: 768px){.article-card__title{font-size:calc(var(--font-heading-h4-size) * .8)}}@media screen and (min-width:768px){.hover-grow .product-card__image,.hover-grow .large-slide__image,.hover-grow .article-card__image{transition:transform .4s ease;transform:scale(1)}.hover-grow:hover .product-card__image,.hover-grow:hover .large-slide__image,.hover-grow:hover .article-card__image{transform:scale(1.1)}}@media (min-width: 1024px){.swiper-slide--article{width:400px}.swiper-slide--large_slide{width:480px}.swiper-slide--product{width:313px}.swiper-slide--wide,.swiper-slide--base{width:400px}.swiper-slide--wide .product-card--wide{width:100%}}.como-carousel--dark .como-carousel__title{color:#fff}.como-carousel--dark .swiper-pagination .swiper-pagination-bullet:before{background:#fff;opacity:1}.como-carousel--dark .swiper-pagination .swiper-pagination-bullet-active:before{background:var(--primary-color)}.como-carousel__image{width:100%;height:auto;object-fit:cover;border-radius:8px;display:block}.como-carousel__video{width:100%;height:auto;object-fit:cover;border-radius:8px;cursor:pointer;display:block}como-video{position:relative;display:inline-block;width:100%}como-video button,como-video[data-is-playing=true]:focus-visible button,como-video[data-is-playing=true]:hover button,como-video[data-is-playing=true]:focus-within button{position:absolute;left:0;top:0;width:100%;height:100%;background:transparent;padding:0;border:none;cursor:pointer}como-video[data-is-playing=true] button{background:transparent}como-video button:focus-visible:before{outline:3px solid black;outline-offset:3px}como-video button:before{content:"";top:50%;left:50%;transform:translate(-50%,-50%);position:absolute;display:inline-block;height:45px;width:45px;background-image:url("data:image/svg+xml,%3Csvg width='44' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='21.97' cy='22.5' rx='21.97' ry='22.5' fill='%23EEE'/%3E%3Cpath d='M29.84 20.794a2.498 2.498 0 0 1 0 4.412l-10.676 5.806c-1.719.936-3.83-.281-3.83-2.205V17.194c0-1.925 2.111-3.14 3.83-2.206l10.677 5.806Z' fill='%23635B61'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:100%}como-video button{z-index:1}como-video[data-is-playing=true] button:before{opacity:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg width='44' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cellipse cx='21.97' cy='22.5' rx='21.97' ry='22.5' fill='%23EEE'/%3E%3Cpath d='M18 16.75a1.75 1.75 0 0 0-1.75 1.75v10c0 .966.784 1.75 1.75 1.75h1a1.75 1.75 0 0 0 1.75-1.75v-10A1.75 1.75 0 0 0 19 16.75h-1Zm6.5 0a1.75 1.75 0 0 0-1.75 1.75v10c0 .966.784 1.75 1.75 1.75h1a1.75 1.75 0 0 0 1.75-1.75v-10a1.75 1.75 0 0 0-1.75-1.75h-1Z' fill='%23635B61'/%3E%3C/svg%3E")}@media (min-width: 768px){como-video[data-is-playing=true] button:focus-visible:before,como-video[data-is-playing=true]:hover button:before,como-video[data-is-playing=true]:focus-visible button:before{opacity:1;pointer-events:all}}.como-video--overlay{position:absolute;overflow:hidden}.como-video--overlay[data-is-playing=false]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:#00000040;border-radius:12px}.como-carousel .como-popup{padding:20px}.como-carousel .como-popup__close-button{position:sticky;top:8px;margin-left:auto;height:0;right:8px}.como-carousel .como-popup__close-button svg{background:#ffffffb3;height:40px;width:40px;padding:12px;border-radius:999px;position:relative;right:-24px;border:1px solid rgb(255 255 255 / 80%);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (min-width: 768px){.como-carousel .como-popup{padding:32px;box-sizing:border-box;max-width:var(--max-desktop-width)}}@media (max-width: 767px){.como-carousel .como-popup{height:100vh;height:100dvh;border-radius:0;left:0;width:100vw;width:100dvw;margin:0;max-width:100vw;max-height:100dvh;box-sizing:border-box;overflow-x:hidden}.como-carousel .como-popup__close-button{top:20px}.como-carousel .como-popup__close-button svg{right:-8px}}.como-carousel .como-popup{overflow-x:hidden}.swiper-slide--video,.swiper-slide--image{width:100%;background:rgb(var(--color-base-background-2));border-radius:12px;overflow:hidden}.como-popup p{margin:0}.como-popup img{display:block}.como-popup{display:flex;flex-direction:column;gap:24px}.como-popup>:nth-child(2){margin-top:10px}@media (min-width: 768px){.como-popup>:nth-child(2){margin-top:-20px}}.como-heading{margin-top:16px;margin-bottom:0}h1.como-heading{font-size:calc(var(--font-heading-h1-size) * .4)}h2.como-heading{font-size:calc(var(--font-heading-h2-size) * .4)}@media (min-width: 768px){h1.como-heading{font-size:calc(var(--font-heading-h1-size) * .4)}h2.como-heading{font-size:calc(var(--font-heading-h2-size) * .4)}}
/*# sourceMappingURL=/cdn/shop/t/52/assets/como-carousel.css.map */