:root{--global-card-corner-radius: 12px;--global-card-padding: 32px;--global-section-padding: 150px;--global-section-background-color: rgb(255, 255, 255);--global-section-background-color-dark: rgb(0, 0, 0);--global-section-background-color-alt: rgb(245, 245, 247);--global-section-background-color-alt-dark: #101010;--global-scrim-background-color: rgb(250, 250, 252);--global-scrim-background-color-dark: rgb(22, 22, 23);--global-scrim-background-color-alt: rgb(255, 255, 255);--global-scrim-background-color-alt-dark: rgb(0, 0, 0);--global-spacing-img-to-headline: 100px;--global-staggered-delay: .15;--global-staggered-opacity-duration: .9;--global-staggered-translate-y: 30px;--global-staggered-translate-y-duration: .7;--global-viewport-content-responsive: 87.5vw;--global-animation-easing-function: cubic-bezier(.455,.03,.515,.955);--global-select-column-space: 20px;--sticky-height: 60px;--gallery-side-padding: calc(50vw - (min(1680px, var(--global-viewport-content-responsive))/2)) }@media(max-width:1068px){:root{--global-card-padding: 28px;--global-section-padding: 120px}}@media(max-width:734px){:root{--global-card-padding: 24px;--global-section-padding: 90px}}.gallery .card-set{display:grid;grid-template-rows:repeat(1,auto);grid-template-columns:max-content;grid-auto-flow:column;grid-column-gap:var(--gallery-column-gap);column-gap:var(--gallery-column-gap);grid-row-gap:0px;row-gap:0px;width:-moz-fit-content;width:fit-content;margin:0;list-style:none}.card .card-modifier{background:#f5f5f7;border-radius:var(--global-card-corner-radius);box-sizing:border-box;clip-path:inset(1px 1px 1px 1px round var(--global-card-corner-radius));height:100%;min-height:560px;overflow:hidden;position:relative;will-change:transform}@media(min-width:1441px){.card .card-modifier{min-height:620px}}.card .card-modifier.fixed-width{width:372px}@media(min-width:1441px){.card .card-modifier.fixed-width{width:405px}}@media(max-width:1068px){.card .card-modifier.fixed-width{width:344px}}@media(max-width:734px){.card .card-modifier.fixed-width{width:260px}}.card .card-modifier.card-padding{padding:var(--global-card-padding)}.card-viewport-content{height:100%}.feature-card{transition:transform .3s cubic-bezier(0,0,.5,1)}.feature-card .card-modifier{max-height:744px;min-height:680px}@media(min-width:1441px){.feature-card .card-modifier{max-height:804px;min-height:740px}}@media(max-width:1068px){.feature-card .card-modifier{max-height:684px;min-height:628px}}@media(max-width:734px){.feature-card .card-modifier{max-height:630px;min-height:480px}}.feature-card .feature-card-copy{padding-bottom:523px}@media(min-width:1441px){.feature-card .feature-card-copy{padding-bottom:583px}}@media(max-width:1068px){.feature-card .feature-card-copy{padding-bottom:490px}}@media(max-width:734px){.feature-card .feature-card-copy{padding-bottom:356px}}.feature-card-content:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#000000ba -40%,#0000001a 20%,#0000 70%);pointer-events:none;z-index:1}.feature-card-content .feature-card-copy{position:relative;z-index:2}.feature-card-content .feature-card-image-container{position:absolute;margin:0}.feature-card-content .feature-card-label+.feature-card-headline{margin-top:8px}.feature-card-content .feature-card-image-container.image-top-left{left:0;top:0}.feature-card-content .feature-card-image-container.image-top-center{left:50%;top:0;transform:translate(-50%)}.feature-card-content .feature-card-image-container.image-top-right{right:0;top:0}.feature-card-content .feature-card-image-container.image-bottom-left{bottom:0;left:0}.feature-card-content .feature-card-image-container.image-bottom-center{bottom:0;left:50%;transform:translate(-50%)}.feature-card-content .feature-card-image-container.image-bottom-right{bottom:0;right:0}.feature-card-content .feature-card-image-container.image-center-center{top:50%;left:50%;transform:translate(-50%,-50%)}.typography-feature-card-label{font-size:14px;line-height:1.3529611765;font-weight:600;letter-spacing:0em}@media(max-width:1068px){.typography-feature-card-label{font-size:14px;line-height:1.2857742857;font-weight:600;letter-spacing:-.016em}}.typography-card-headline{font-size:18px;line-height:1.25;font-weight:600;letter-spacing:.007em}@media(max-width:1068px){.typography-card-headline{font-size:18px;line-height:1.1666666667;font-weight:600;letter-spacing:.009em}}@media(max-width:734px){.typography-card-headline{font-size:14px;line-height:1.1904761905;font-weight:600;letter-spacing:.011em}}.feature-card-modal-tile{--tile-card-vertical-space: 64px;margin-top:var(--tile-card-vertical-space)}.typography-modal-topic-label{font-size:19px;line-height:1.4211;font-weight:600;letter-spacing:.012em}.typography-modal-headline{font-size:32px;line-height:1.0714285714;font-weight:600;letter-spacing:-.005em}.typography-modal-related-product{font-weight:600}@media(max-width:1068px){.typography-modal-headline{font-size:28px;line-height:1.0834933333;font-weight:600;letter-spacing:-.003em}}@media(max-width:734px){.typography-modal-headline{font-size:24px;line-height:1.125;font-weight:600;letter-spacing:.004em}}.modal-topic-label+.modal-headline{margin-top:12px}@media(max-width:734px){.modal-topic-label+.modal-headline{margin-top:8px}}.gallery{position:relative;margin-top:0;--gallery-side-padding: calc(50vw - (min(1680px, var(--global-viewport-content-responsive))/2)) ;--scroll-bar-width: 0px}.gallery.gallery-feature-cards{display:block;position:relative;margin-top:0;overflow:scroll;scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:x mandatory;scroll-padding-left:var(--container-outer-width)}.gallery.gallery-feature-cards::-webkit-scrollbar{display:none}.gallery .scroll-container{position:relative}.gallery.gallery-align-start{margin-inline-start:calc(-1 * var(--container-outer-width));margin-inline-end:calc(-1 * var(--container-outer-width))}.gallery.gallery-align-start .item-container{padding:0 var(--container-outer-width)}.gallery.gallery-feature-cards .item-container{--gallery-column-gap: 45px;display:grid;grid-template-rows:repeat(1,auto);grid-template-columns:max-content;grid-auto-flow:column;grid-column-gap:var(--gallery-column-gap);column-gap:var(--gallery-column-gap);grid-row-gap:0px;row-gap:0px;width:-moz-fit-content;width:fit-content}@media(min-width:1441px){.gallery .item-container{--gallery-column-gap:72px }}@media(max-width:1068px){.gallery .item-container{--gallery-column-gap:72px }}@media(max-width:734px){.gallery .item-container{--gallery-column-gap:45px }}.scrollable-with-controls .gallery .item-container{--gallery-column-gap: 20px }.gallery .card-set .card,.gallery .card-set .card-container{height:100%}.gallery.gallery-align-start .scroll-container{scroll-padding:var(--gallery-side-padding)}.gallery.gallery-align-start .gallery-item{scroll-snap-align:start}.gallery .scroll-container{overflow:scroll}.grid-item{position:relative;box-sizing:border-box}@media screen and (max-width:1000px){.scrollbar__buttons{gap:1rem;display:flex}}html.has-dialog-open{overflow:hidden}.card-dialog-trigger{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer;border-radius:var(--global-card-corner-radius);z-index:1;width:100%;height:100%;padding:0;border:none;background:transparent;outline:none}.card-dialog-trigger .card-cta-modal-button-icon{--scrim-background-color: rgb(51, 51, 54);--scrim-hover-background-color: #37373a;--scrim-active-background-color: #2f2f32;--icon-color: #d6d6d7;--icon-interaction-color: rgb(255, 255, 255);border-radius:50%;display:flex;align-items:center;justify-content:center;height:36px;width:36px;position:absolute;z-index:1;right:20px;bottom:20px;transition:background-color .1s linear,color .1s linear;background-color:var(--scrim-background-color);color:var(--icon-color)}.card-dialog-trigger:hover .card-cta-modal-button-icon{background-color:var(--scrim-hover-background-color);color:var(--icon-interaction-color)}.card-dialog-trigger .card-cta-modal-button-small-icon{width:18px;height:18px;fill:currentColor;pointer-events:none}.feature-card-dialog{--dialog-animation-duration: .24s;--dialog-easing: cubic-bezier(0, 0, .5, 1);width:100%;height:100%;margin:0;padding:0;max-width:100vw;max-height:100vh;overflow-y:auto;background:transparent;border:none}.feature-card-dialog::backdrop{background:#0000007a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transition:opacity var(--dialog-animation-duration) var(--dialog-easing)}.feature-card-dialog[open]::backdrop{opacity:1}.feature-card-dialog__box{--dialog-border-radius-top: 18px;--dialog-border-radius-bottom: var(--dialog-border-radius-top);--dialog-margin-top: 40px;--dialog-margin-bottom: var(--dialog-margin-top);margin-top:var(--dialog-margin-top);margin-bottom:var(--dialog-margin-bottom);-webkit-margin-start:auto;margin-inline-start:auto;-webkit-margin-end:auto;margin-inline-end:auto;position:relative;background:var(--global-section-background-color, #fff);border-radius:var(--dialog-border-radius-top) var(--dialog-border-radius-top) var(--dialog-border-radius-bottom) var(--dialog-border-radius-bottom);box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;opacity:0;transform:scale(.95);transition:opacity var(--dialog-animation-duration) var(--dialog-easing),transform var(--dialog-animation-duration) var(--dialog-easing)}.feature-card-dialog__box{width:88.71%;max-width:1260px}.feature-card-dialog[open] .feature-card-dialog__box{opacity:1;transform:scale(1)}.feature-card-dialog.is-closing .feature-card-dialog__box{opacity:0;transform:scale(.95)}.feature-card-dialog.is-closing::backdrop{opacity:0}.feature-card-dialog__content-wrapper{--dialog-padding-top: 76px;--dialog-padding-bottom: 76px;--dialog-padding-inline: 76px;background:#fff;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-padding-start:var(--dialog-padding-inline);padding-inline-start:var(--dialog-padding-inline);-webkit-padding-end:var(--dialog-padding-inline);padding-inline-end:var(--dialog-padding-inline);padding-top:var(--dialog-padding-top);padding-bottom:var(--dialog-padding-bottom);margin-top:-60px;border-radius:inherit}.feature-card-dialog__close-form{cursor:auto;position:sticky;-webkit-box-ordinal-group:2;-ms-flex-order:1;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:end;align-self:flex-end;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:9999;height:44px;width:44px;margin:16px 0 0;padding:0;border:0;-webkit-margin-end:16px;margin-inline-end:16px;top:16px;order:1}.dialog-close-button{width:44px;height:44px;background:transparent;border:none;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center}.dialog-close-button .dialog-close-icon{width:36px;height:36px;background:#333336;color:#fffc;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .1s linear,color .1s linear}.dialog-close-button:hover .dialog-close-icon{background:#37373a;color:#fff}.dialog-close-button .dialog-close-icon svg{width:20px;height:20px;fill:currentColor}img.horizontal-product__image.rounded-xs{max-width:fit-content}.dialog-content-container{background-color:#f5f5f7;border-radius:28px;overflow:hidden;display:flex;flex-direction:column}.dialog-content-copywrapper{margin-inline:auto;max-width:1200px;padding-block:32px;padding-inline:40px}@media(max-width:1068px){.feature-card-dialog__box{max-width:934px;width:89.3%}}@media(max-width:734px){.feature-card-dialog__box{max-width:642px;width:90.35%}.feature-card-dialog__content-wrapper{max-width:562px;padding-inline-start:26px;padding-inline-end:26px;align-self:center}.dialog-content-copywrapper{max-width:400px;padding-inline:24px}}@media(max-width:480px){.feature-card-dialog__box{width:100%;--dialog-margin-top: 20px;--dialog-margin-bottom: 0;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;--dialog-border-radius-bottom:0}.feature-card-dialog__content-wrapper{max-width:420px;padding-inline-start:20px;padding-inline-end:20px}.feature-card-dialog__box{transform:translateY(100%);transition:transform var(--dialog-animation-duration) var(--dialog-easing),opacity var(--dialog-animation-duration) var(--dialog-easing)}.feature-card-dialog[open] .feature-card-dialog__box{transform:translateY(0)}.feature-card-dialog.is-closing .feature-card-dialog__box{transform:translateY(100%)}}
/*# sourceMappingURL=/cdn/shop/t/117/assets/feature-gallery.css.map */