.shopify-section.dd-section-ba-gallery{background:linear-gradient(180deg,#fff,#f7f7f7)}.dd-ba-gallery{--dd-ba-gutter: max( var(--dd-page-inset, 28px), calc((100vw - var(--dd-content-rail-max-width, 1400px)) / 2 + var(--dd-page-inset, 28px)) );--dd-ba-card-gap: clamp(3rem, 5vw, 11.8rem);background:linear-gradient(180deg,#fff,#f7f7f7);border-radius:0 0 2rem 2rem;padding:var(--dd-space-generous) 0;overflow:visible}.dd-ba-gallery__container{max-width:var(--dd-content-rail-max-width, 1400px);margin:0 auto}.dd-ba-gallery__header{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--dd-space-relaxed)}.dd-ba-gallery__header-side{display:flex;align-items:center;gap:clamp(1.2rem,2vw,2rem);flex-shrink:0}.dd-ba-gallery__mark{display:block;width:clamp(10rem,12vw,16.7rem);height:auto}.dd-ba-gallery__nav{display:inline-flex;align-items:center;gap:.8rem}.dd-ba-gallery__nav-btn{display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;padding:0;border:1px solid rgba(var(--color-foreground),.12);border-radius:50%;background:#ffffffb8;color:rgb(var(--color-foreground));cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}@media(hover:hover){.dd-ba-gallery__nav-btn:hover{background:rgba(var(--color-foreground),.04)}}.dd-ba-gallery__nav-btn:disabled{opacity:.35;cursor:default}.dd-ba-gallery__track-wrap{position:relative;overflow-x:clip}.dd-ba-gallery__scroller{--dd-ba-fade-left: 0px;--dd-ba-fade-right: 0px;--dd-ba-hover-lift: .55rem;--dd-ba-shadow-pad-top: calc(var(--dd-ba-hover-lift) + 1rem);--dd-ba-shadow-pad-bottom: 7.4rem ;--dd-ba-scrollport-w: calc(100vw - var(--dd-ba-gutter));--dd-ba-card-w: calc((var(--dd-ba-scrollport-w) - 2 * var(--dd-ba-card-gap)) / 3.4);display:flex;gap:var(--dd-ba-card-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-inline:var(--dd-ba-gutter) 0;padding-inline:var(--dd-ba-gutter) 0;padding-block:var(--dd-ba-shadow-pad-top) var(--dd-ba-shadow-pad-bottom);margin-block:0 calc(var(--dd-ba-shadow-pad-bottom) * -1 + 1.6rem);-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--dd-ba-fade-left),#000 calc(100% - var(--dd-ba-fade-right)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--dd-ba-fade-left),#000 calc(100% - var(--dd-ba-fade-right)),transparent 100%)}.dd-ba-gallery__scroller::-webkit-scrollbar{display:none}.dd-ba-gallery__scroller.is--at-start{--dd-ba-fade-left: 0px}.dd-ba-gallery__scroller:not(.is--at-start){--dd-ba-fade-left: 24px}.dd-ba-gallery__scroller.is--at-end{--dd-ba-fade-right: 0px}.dd-ba-gallery__scroller:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.dd-ba-gallery__empty{margin:0;padding:2rem var(--dd-ba-gutter);font-size:var(--dd-text-base, 1.4rem);color:var(--dd-text-muted, rgba(var(--color-foreground), .55))}.dd-ba-card{--dd-ba-before-w: calc(var(--dd-ba-card-w) * .29);--dd-ba-before-h: calc(var(--dd-ba-before-w) * 1.36);--dd-ba-after-w: calc(var(--dd-ba-card-w) * .68);--dd-ba-after-h: calc(var(--dd-ba-card-w) * .907);--dd-ba-pair-gap: calc(var(--dd-ba-card-w) * .0302);--dd-ba-before-lift: calc(var(--dd-ba-card-w) * .218);--dd-ba-row-pt: calc(var(--dd-ba-card-w) * .102);--dd-ba-bento-bleed: calc(var(--dd-ba-after-w) * .3158);--dd-ba-bento-thumb: calc(var(--dd-ba-after-w) * .1439);--dd-ba-bento-thumb-r: calc(var(--dd-ba-after-w) * .0171);--dd-ba-bento-chevron: calc(var(--dd-ba-after-w) * .0806);--dd-ba-bento-row-gap: calc(var(--dd-ba-after-w) * .0261);--dd-ba-bento-pad-y: calc(var(--dd-ba-after-w) * .0246);--dd-ba-bento-pad-l: calc(var(--dd-ba-after-w) * .0246);--dd-ba-bento-pad-r: calc(var(--dd-ba-after-w) * .0492);--dd-ba-bento-radius: calc(var(--dd-ba-after-w) * .0391);--dd-ba-bento-product-thumb: calc(var(--dd-ba-after-w) * .0995);--dd-ba-bento-product-thumb-r: calc(var(--dd-ba-after-w) * .0119);--dd-ba-bento-chip: max(1.1rem, calc(var(--dd-ba-after-w) * .0275));--dd-ba-bento-chip-pad: max(.35rem, calc(var(--dd-ba-after-w) * .009));--dd-ba-bento-chip-r: calc(var(--dd-ba-after-w) * .0095);--dd-ba-bento-chip-gap: calc(var(--dd-ba-after-w) * .007);--dd-ba-bento-inner-pad: calc(var(--dd-ba-after-w) * .0261);--dd-ba-bento-collapsed-h: calc(var(--dd-ba-after-w) * .2142);--dd-ba-bento-blur: calc(var(--dd-ba-after-w) * .02087);--dd-ba-bento-dot: calc(var(--dd-ba-after-w) * .00809);--dd-ba-shadow-x: calc(var(--dd-ba-after-w) * -.0233);--dd-ba-shadow-y: calc(var(--dd-ba-after-w) * .03);--dd-ba-shadow-blur: calc(var(--dd-ba-after-w) * .1255);--dd-ba-shadow-spread: calc(var(--dd-ba-after-w) * -.0167);--dd-ba-photo-inset-before: calc(var(--dd-ba-before-w) * .0749);--dd-ba-photo-inset-after: calc(var(--dd-ba-after-w) * .0522);--dd-ba-photo-r-before: calc(var(--dd-ba-before-w) * .0585);--dd-ba-photo-r-after: calc(var(--dd-ba-after-w) * .0522);--dd-ba-tag-font: calc(var(--dd-ba-card-w) * .02119);--dd-ba-tag-pad: calc(var(--dd-ba-card-w) * .00887);--dd-ba-tag-r: calc(var(--dd-ba-card-w) * .00887);--dd-ba-bento-inset-r: var(--dd-ba-photo-inset-after);--dd-ba-bento-inset-b: var(--dd-ba-photo-inset-after);flex:0 0 var(--dd-ba-card-w);scroll-snap-align:start;width:var(--dd-ba-card-w);min-width:0}.dd-ba-card__cluster{width:100%}.dd-ba-card__inner{padding-top:var(--dd-ba-row-pt)}.dd-ba-card__pair{display:flex;align-items:flex-end;gap:var(--dd-ba-pair-gap)}.dd-ba-card__before-slot{flex:0 0 auto;padding-bottom:var(--dd-ba-before-lift)}.dd-ba-card__before,.dd-ba-card__after{position:relative;margin:0}.dd-ba-card__before{flex:0 0 auto;width:var(--dd-ba-before-w);height:var(--dd-ba-before-h);border-radius:var(--dd-ba-photo-r-before);overflow:hidden;display:flex;flex-direction:column;padding:var(--dd-ba-photo-inset-before);box-sizing:border-box;z-index:1;transform:rotate(-5.69deg)}.dd-ba-card__after-wrap{position:relative;z-index:2;flex:0 0 auto;width:var(--dd-ba-after-w);min-height:var(--dd-ba-after-h);overflow:visible;transition:transform .55s cubic-bezier(.2,.8,.2,1);will-change:transform}.dd-ba-card__after-wrap:after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;border-radius:var(--dd-ba-photo-r-after);box-shadow:var(--dd-ba-shadow-x) var(--dd-ba-shadow-y) var(--dd-ba-shadow-blur) var(--dd-ba-shadow-spread) #00000040;pointer-events:none;z-index:0}@media(hover:hover){.dd-ba-card:hover .dd-ba-card__after-wrap{transform:translateY(-.55rem)}}.dd-ba-card__after{width:100%;height:var(--dd-ba-after-h);border-radius:var(--dd-ba-photo-r-after);overflow:hidden;display:flex;flex-direction:column;padding:var(--dd-ba-photo-inset-after);box-sizing:border-box}.dd-ba-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.dd-ba-card__before:after,.dd-ba-card__after:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;z-index:1}.dd-ba-card__before:after{background:linear-gradient(180deg,#00000014,#0000)}.dd-ba-card__after:before{background:linear-gradient(180deg,#0000 74.8%,#000000a3)}.dd-ba-card__after.dd-glass-card--light-bg:before{background:linear-gradient(180deg,#fff0 74.8%,#ffffffa3)}.dd-ba-card__tag{position:relative;align-self:flex-start;padding:var(--dd-ba-tag-pad);border-radius:var(--dd-ba-tag-r);font-family:var(--dd-font-fono, monospace);font-size:var(--dd-ba-tag-font);font-weight:500;letter-spacing:.12em;text-transform:uppercase;line-height:1;color:var(--dd-text-on-dark, #fff);background:#fff3;backdrop-filter:blur(2.1px);-webkit-backdrop-filter:blur(2.1px);transition:color .35s ease,background .35s ease}.dd-ba-card__tag--before{z-index:1}.dd-ba-card__tag--after{z-index:2}.dd-ba-card__tag--light-bg{color:var(--dd-text, rgb(12, 19, 26));background:#0003}.dd-ba-card__after-wrap .dd-glass-card__panel{position:absolute;left:auto;right:var(--dd-ba-bento-inset-r);bottom:var(--dd-ba-bento-inset-b);display:block;width:calc(100% + var(--dd-ba-bento-bleed) - var(--dd-ba-bento-inset-r));margin:0;z-index:3;padding:0;gap:0;align-items:unset;border-radius:var(--dd-ba-bento-radius);border:1.06px solid var(--panel-shell-border, rgba(0, 0, 0, .33));background:transparent;box-shadow:none;isolation:isolate;overflow:hidden;--panel-shell-bg: rgba(0, 0, 0, .4);--panel-shell-border: rgba(0, 0, 0, .33);--panel-row-featured-bg: rgba(255, 255, 255, .07);--panel-chip-rgb: 255, 255, 255;--panel-chip-opacity: .71;--panel-text: rgba(255, 255, 255, .95);--panel-muted: rgba(255, 255, 255, .62)}.dd-ba-card__after-wrap .dd-glass-card__panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:inherit;backdrop-filter:blur(var(--dd-ba-bento-blur, 8.477px));-webkit-backdrop-filter:blur(var(--dd-ba-bento-blur, 8.477px));background:var(--panel-shell-bg);pointer-events:none}.dd-ba-card__after-wrap .dd-glass-card__panel.dd-refract-on:before{backdrop-filter:var(--dd-glass-filter) blur(var(--dd-ba-bento-blur, 8.477px)) saturate(1.35);-webkit-backdrop-filter:var(--dd-glass-filter) blur(var(--dd-ba-bento-blur, 8.477px)) saturate(1.35)}.dd-ba-card__after-wrap .dd-glass-card__panel:after{display:none}.dd-ba-card__after-wrap .dd-glass-card__panel>*{position:relative;z-index:1}.dd-ba-card__after-wrap:has(.dd-ba-card__after.dd-glass-card--light-bg) .dd-glass-card__panel{--panel-shell-bg: rgba(255, 255, 255, .4);--panel-shell-border: rgba(255, 255, 255, .33);--panel-row-featured-bg: rgba(255, 255, 255, .27);--panel-chip-rgb: 0, 0, 0;--panel-text: rgba(0, 0, 0, .9);--panel-muted: rgba(0, 0, 0, .48)}.dd-ba-card__bento-summary{display:flex;align-items:center;gap:var(--dd-ba-bento-row-gap);min-height:var(--dd-ba-bento-collapsed-h);padding:var(--dd-ba-bento-pad-y) var(--dd-ba-bento-pad-r) var(--dd-ba-bento-pad-y) var(--dd-ba-bento-pad-l);list-style:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;color:var(--panel-text)}.dd-ba-card__bento-summary::-webkit-details-marker{display:none}.dd-ba-card__after-wrap .dd-glass-card__panel .dd-glass-card__thumb{flex-shrink:0;position:relative;width:var(--dd-ba-bento-thumb);height:var(--dd-ba-bento-thumb);border-radius:var(--dd-ba-bento-thumb-r);overflow:hidden;background:#e0d9d0}.dd-ba-card__after-wrap .dd-glass-card__panel .dd-glass-card__thumb-img{width:100%;height:100%;object-fit:cover;display:block}.dd-ba-card__bento-summary .dd-glass-card__info{flex:1;min-width:0;display:flex;flex-direction:column;gap:var(--dd-space-2xs)}.dd-ba-card__bento-summary .dd-glass-card__name{font-family:var(--dd-font);font-weight:500;font-size:max(var(--dd-text-base, 1.3rem),calc(var(--dd-ba-after-w) * .0416));line-height:1.2;color:var(--panel-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .35s ease}.dd-ba-card__bento-summary .dd-ba-card__credit{font-family:var(--dd-font);font-weight:var(--dd-weight-regular);font-size:max(1.2rem,calc(var(--dd-ba-after-w) * .0364));color:var(--panel-text);white-space:nowrap;transition:color .35s ease}.dd-ba-card__bento-summary .dd-ba-card__credit--link{display:inline;width:fit-content;max-width:100%;align-self:flex-start;text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.dd-ba-card__bento-summary .dd-ba-card__credit--link:hover,.dd-ba-card__bento-summary .dd-ba-card__credit--link:focus-visible{text-decoration:underline;text-underline-offset:.2em}.dd-ba-card__bento-avatar--placeholder{display:block;background:rgba(var(--panel-chip-rgb),.12)}.dd-ba-card__bento-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--dd-ba-bento-chevron);height:var(--dd-ba-bento-chevron);color:var(--panel-text);transition:transform .22s ease}.dd-ba-card__bento-chevron svg{width:100%;height:100%}.dd-ba-card__bento-chevron-icon--dark{display:block}.dd-ba-card__bento-chevron-icon--light{display:none}.dd-ba-card__after-wrap:has(.dd-ba-card__after.dd-glass-card--light-bg) .dd-ba-card__bento-chevron-icon--dark{display:none}.dd-ba-card__after-wrap:has(.dd-ba-card__after.dd-glass-card--light-bg) .dd-ba-card__bento-chevron-icon--light{display:block}.dd-ba-card__bento-details[open] .dd-ba-card__bento-chevron{transform:rotate(180deg)}.dd-ba-card__bento-panel{display:grid;grid-template-rows:0fr;padding:0 var(--dd-ba-bento-inner-pad) var(--dd-ba-bento-inner-pad);transition:grid-template-rows .28s ease}.dd-ba-card__bento-details[open] .dd-ba-card__bento-panel{grid-template-rows:1fr}.dd-ba-card__bento-panel-inner{overflow:hidden;min-height:0;display:flex;flex-direction:column;gap:calc(var(--dd-ba-bento-inner-pad) * .12)}.dd-ba-card__product-row{display:flex;align-items:center;gap:calc(var(--dd-ba-bento-row-gap) * .85);min-height:4.4rem;padding:calc(var(--dd-ba-bento-inner-pad) * .5) var(--dd-ba-bento-inner-pad);border-radius:calc(var(--dd-ba-bento-inner-pad) * .85);text-decoration:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:transparent;transition:background .2s ease,filter .2s ease}.dd-ba-card__product-row.is--featured{background:var(--panel-row-featured-bg)}.dd-ba-card__product-row:focus-visible,.dd-ba-card__product-row:active{background:var(--panel-row-featured-bg);outline:none}@media(hover:hover){.dd-ba-card__product-row:hover{background:var(--panel-row-featured-bg);filter:brightness(1.06)}.dd-ba-card__product-row:active{filter:brightness(1.06)}}.dd-ba-card__product-row .dd-glass-card__thumb{width:var(--dd-ba-bento-product-thumb);height:var(--dd-ba-bento-product-thumb);border-radius:var(--dd-ba-bento-product-thumb-r)}.dd-ba-card__product-chips{min-width:0;flex:1;display:flex;flex-wrap:nowrap;align-items:center;gap:var(--dd-ba-bento-chip-gap);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.dd-ba-card__product-chips::-webkit-scrollbar{display:none}.dd-ba-card__chip-pill{display:inline-flex;flex-shrink:0;align-items:center;padding:var(--dd-ba-bento-chip-pad);border-radius:var(--dd-ba-bento-chip-r);font-family:var(--dd-font, inherit);font-size:var(--dd-ba-bento-chip);font-weight:500;line-height:1.15;white-space:nowrap;color:rgba(var(--panel-chip-rgb),var(--panel-chip-opacity));backdrop-filter:blur(4.217px);-webkit-backdrop-filter:blur(4.217px);background:transparent}.dd-ba-card__chip-pill:not(:first-child):before{content:"";flex:0 0 auto;width:var(--dd-ba-bento-dot);height:var(--dd-ba-bento-dot);margin-right:calc(var(--dd-ba-bento-chip-pad) + var(--dd-ba-bento-chip-gap) * .75);border-radius:50%;background:rgba(var(--panel-chip-rgb),.4)}@supports not (backdrop-filter: blur(1px)){.dd-ba-card__after-wrap .dd-glass-card__panel:before{background:#000000b8}.dd-ba-card__after-wrap:has(.dd-ba-card__after.dd-glass-card--light-bg) .dd-glass-card__panel:before{background:#ffffffe0}.dd-ba-card__chip-pill{background:rgba(var(--panel-chip-rgb),.12);backdrop-filter:none;-webkit-backdrop-filter:none}}@media(max-width:1280px){.dd-ba-gallery__scroller{--dd-ba-card-w: calc((var(--dd-ba-scrollport-w) - var(--dd-ba-card-gap)) / 2.4)}}@media(max-width:900px){.dd-ba-gallery__scroller{--dd-ba-card-w: calc((var(--dd-ba-scrollport-w) - var(--dd-ba-card-gap)) / 2.2)}}@media(max-width:749px){.dd-ba-gallery{padding:var(--dd-space-roomy) 0}.dd-ba-gallery__scroller{--dd-ba-card-w: 78vw}.dd-ba-card{--dd-ba-before-lift: calc(var(--dd-ba-card-w) * .16)}.dd-ba-gallery__header{flex-direction:column;align-items:flex-start}.dd-ba-gallery__header-side{width:100%;justify-content:space-between}.dd-ba-gallery__intro .dd-section-intro__sub{max-width:none}}@media(prefers-reduced-motion:reduce){.dd-ba-card__after-wrap,.dd-ba-card__after-wrap:after{transition:none}.dd-ba-card__bento-chevron,.dd-ba-card__bento-panel{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/303/assets/dd-before-after-gallery.css.map */