.design-gallery{--g-panel: 46px;--g-panel-cta: 60px;--g-closer-cta: 15px;--gutter: 0px;--grid-inset: 16px;--f-heading: #000000;--f-text: #252729;--f-font: var(--font-heading-family);--f-weight: var(--font-heading-weight);display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;min-height:var(--min-h-d);padding:var(--pad-t-d) 0 var(--pad-b-d);background:var(--bg);color:var(--c-text, var(--f-text))}.design-gallery *,.design-gallery *:before,.design-gallery *:after{box-sizing:border-box}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery{min-height:var(--min-h-t);padding:var(--pad-t-t) 0 var(--pad-b-t)}}@media screen and (max-width:640px){.design-gallery{--g-panel: 36px;--g-panel-cta: 50px;--gutter: 5px;min-height:var(--min-h-m);padding:var(--pad-t-m) 0 var(--pad-b-m)}.design-gallery.hide-mobile{display:none}}.design-gallery.style-rounded{--g-panel: 62px;--g-closer-cta: 31px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery.style-rounded{--g-closer-cta: 30px}}@media screen and (max-width:640px){.design-gallery.style-rounded{--g-panel: 36px;--g-closer-cta: 10px}}.design-gallery.font-londrina{--f-font: var(--font-londrina);--f-weight: 400}.design-gallery .bg,.design-gallery .overlay{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.design-gallery .bg{z-index:-2}.design-gallery .overlay{display:block;z-index:-1;background:var(--overlay);opacity:var(--overlay-opacity)}.design-gallery .bg .frame,.design-gallery .bg picture,.design-gallery .bg .media-item{display:block;width:100%;height:100%}.design-gallery .bg img,.design-gallery .bg video{display:block;width:100%;height:100%;object-fit:cover}.design-gallery .bg picture img{object-position:var(--fp-d)}@media screen and (max-width:1024px){.design-gallery .bg picture img{object-position:var(--fp-t)}}@media screen and (max-width:640px){.design-gallery .bg picture img{object-position:var(--fp-m)}}.design-gallery .media-item{display:none}@media screen and (min-width:1025px){.design-gallery .media-item.bp-d{display:block}}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery .media-item.bp-t{display:block}}@media screen and (max-width:640px){.design-gallery .media-item.bp-m{display:block}}.design-gallery .inner{width:100%;max-width:calc(1200px + 2 * var(--gutter));margin:0 auto;padding:0 var(--gutter);text-align:center}.design-gallery.width-full{--gutter: 0px;--grid-inset: 0px}.design-gallery.width-full .inner{max-width:none}.design-gallery .inner>*{margin-top:0;margin-bottom:0}.design-gallery .inner>:is(.designs,:has(>.designs)){margin-top:10px}.design-gallery .inner>:is(.designs:not(.has-tabs),:has(>.designs:not(.has-tabs))){margin-top:36px}.design-gallery .inner>:is(.designs,:has(>.designs))+*{margin-top:var(--g-panel)}.design-gallery .inner>:is(.designs,:has(>.designs))+:is(.body,:has(>.body)){margin-top:46px}.design-gallery .inner>:is(.designs,:has(>.designs))+:is(.cta,.buttons,:has(>.cta),:has(>.buttons)){margin-top:var(--g-panel-cta)}.design-gallery .inner>:is(.heading,:has(>.heading))+:is(.cta,.buttons,:has(>.cta),:has(>.buttons)){margin-top:var(--g-closer-cta)}.design-gallery .inner>:is(.heading.size-large,:has(>.heading.size-large))+:is(.cta,.buttons,:has(>.cta),:has(>.buttons)){margin-top:15px}.design-gallery .inner>:is(.body,:has(>.body))+:is(.cta,.buttons,:has(>.cta),:has(>.buttons)){margin-top:20px}@media screen and (max-width:640px){.design-gallery .inner>:is(.body,:has(>.body))+:is(.cta,.buttons,:has(>.cta),:has(>.buttons)){margin-top:10px}}.design-gallery.design-gallery .inner>:first-child{margin-top:0}.design-gallery .heading{margin:0;color:var(--c-heading, var(--f-heading));font-family:var(--f-font);font-weight:var(--f-weight);font-style:normal;letter-spacing:.6px;word-break:break-word}.design-gallery .heading.is-uppercase{text-transform:uppercase}.design-gallery .heading.size-large{font-size:41px;line-height:53.3px}.design-gallery .heading.size-medium{font-size:34px;line-height:44.2px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery .heading.size-large,.design-gallery .heading.size-medium{font-size:37px;line-height:48.1px}}@media screen and (max-width:640px){.design-gallery .heading.size-large{font-size:30px;line-height:39px}.design-gallery .heading.size-medium{font-size:24px;line-height:31.2px}}.design-gallery.style-classic .heading.size-medium{color:var(--c-text, var(--f-text));font-family:var(--font-poppins);font-weight:700;font-size:41px;line-height:73.8px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery.style-classic .heading.size-medium{font-size:36px;line-height:64.8px}}@media screen and (max-width:640px){.design-gallery.style-classic .heading.size-medium{font-size:29px;line-height:52.2px}}.design-gallery.font-londrina .heading.size-large{font-size:50px;line-height:60px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery.font-londrina .heading.size-large{line-height:38.4px}}@media screen and (max-width:640px){.design-gallery.font-londrina .heading.size-large{line-height:36px}}.design-gallery .body,.design-gallery .description{color:var(--c-text, var(--f-text));font-family:var(--font-poppins);font-weight:400;font-size:18px;line-height:25.2px;letter-spacing:.6px;text-align:center;word-break:break-word}.design-gallery .body p,.design-gallery .description p{margin:0}.design-gallery .body{max-width:1000px;margin-inline:auto}.design-gallery .description{margin:20px var(--grid-inset) 0}@media screen and (max-width:1024px){.design-gallery .body,.design-gallery .description{font-size:14px}}.design-gallery .tablist{display:flex;flex-wrap:wrap;justify-content:center;min-height:50px;margin-bottom:17px}.design-gallery .tab{margin:0;padding:8px 16px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--tab-inactive, var(--c-heading, var(--f-heading)));font-family:var(--f-font);font-weight:var(--f-weight);font-size:18px;line-height:32.4px;letter-spacing:.6px;cursor:pointer}.design-gallery .tab[aria-selected=true]{color:var(--tab-active)}.design-gallery .tabs-underline .tab[aria-selected=true]{border-bottom-color:var(--tab-active)}.design-gallery .tab:focus-visible{outline:2px solid var(--tab-active);outline-offset:-2px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery .tablist{min-height:47px;margin-bottom:16px}.design-gallery .tab{font-size:16px;line-height:28.8px}}@media screen and (max-width:640px){.design-gallery .tablist{min-height:45px;margin-bottom:16px}.design-gallery .tab{font-size:15px;line-height:27px}}.design-gallery .tabs-large .tab{font-size:22px;line-height:39.6px;letter-spacing:0;text-transform:uppercase}@media screen and (max-width:1024px){.design-gallery .tabs-large .tab{font-size:16px;line-height:28.8px}}.design-gallery.font-londrina .tab{font-size:40px;line-height:48px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery.font-londrina .tab{font-size:32px;line-height:38.4px}}@media screen and (max-width:640px){.design-gallery.font-londrina .tab{font-size:30px;line-height:36px}}.design-gallery .designs.has-tabs:not([data-ready]) .panels>:not(:first-child){display:none}.design-gallery .design[hidden]{display:none}@keyframes design-gallery-fade{0%{opacity:0}to{opacity:1}}.design-gallery .design.is-entering{animation:design-gallery-fade .3s cubic-bezier(.4,0,.2,1)}@media(prefers-reduced-motion:reduce){.design-gallery .design.is-entering{animation:none}}.design-gallery .design:focus-visible{outline:2px solid var(--tab-active);outline-offset:4px}.design-gallery .designs{--cols: var(--cols-d);display:block}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery .designs{--cols: var(--cols-t)}}@media screen and (max-width:640px){.design-gallery .designs{--cols: var(--cols-m)}}.design-gallery .grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--dg-gap);margin:0 var(--grid-inset)}.design-gallery .grid>*{flex:0 0 calc((100% - (var(--cols) - 1) * var(--dg-gap)) / var(--cols));min-width:0}.design-gallery .design.layout-feature .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}.design-gallery .design.layout-feature .grid>:last-child{grid-column:3 / span 2;grid-row:1 / span 2}@media screen and (max-width:640px){.design-gallery .design.layout-feature .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-gallery .design.layout-feature .grid>:last-child{grid-column:1 / -1;grid-row:1}}.design-gallery .grid .media-block{width:100%;overflow:hidden;border-radius:var(--radius)}.design-gallery .grid .frame,.design-gallery .grid picture{display:block;position:relative}.design-gallery .grid img,.design-gallery .grid video{display:block;width:100%;height:auto}.design-gallery .ratio-square .grid img,.design-gallery .ratio-square .grid video,.design-gallery .layout-feature .grid video{aspect-ratio:1;object-fit:cover}.design-gallery .ratio-natural .grid img{object-fit:contain}.design-gallery .grid picture img{object-position:var(--fp-d)}@media screen and (max-width:1024px){.design-gallery .grid picture img{object-position:var(--fp-t)}}@media screen and (max-width:640px){.design-gallery .grid picture img{object-position:var(--fp-m)}}.design-gallery .grid .bar{display:flex;align-items:center;height:36px;padding:0 10px;background:#f2f2f2}.design-gallery .grid .toggle{display:inline-flex;width:24px;height:24px;padding:0;border:0;background:none;color:#000;cursor:pointer}.design-gallery .grid .toggle:focus-visible{outline:2px solid currentColor;outline-offset:2px}.design-gallery .grid .toggle span,.design-gallery .grid .toggle svg{display:block;width:100%;height:100%}.design-gallery .grid .when-paused,.design-gallery .grid .is-paused .when-playing{display:none}.design-gallery .grid .is-paused .when-paused{display:block}.design-gallery .cta{display:flex;align-items:center;justify-content:center;gap:12px;width:fit-content;margin-inline:auto;padding:12px 60px;border-radius:999999px;background:var(--cta-bg);color:var(--cta-text);font-family:var(--font-poppins);font-weight:700;font-size:16px;line-height:28.8px;letter-spacing:1px;text-align:center;text-decoration:none;transition:background .2s ease}.design-gallery .cta:hover{background:var(--cta-hover-bg, var(--cta-bg))}.design-gallery .cta:focus-visible{outline:2px solid var(--cta-bg);outline-offset:3px}.design-gallery .cta .arrow{display:inline-flex;width:20px;height:20px}.design-gallery .cta .arrow svg{width:100%;height:100%}@media screen and (max-width:640px){.design-gallery .cta{padding:8px 60px;font-size:14px;line-height:25.2px}}.design-gallery .cta:is(.size-medium,.size-small){padding:15px 40px;font-family:Inter,sans-serif;font-size:14px;line-height:16.8px}@media screen and (min-width:641px)and (max-width:1024px){.design-gallery .cta:is(.size-medium,.size-small){line-height:14px}}@media screen and (max-width:640px){.design-gallery .cta:is(.size-medium,.size-small){padding:13px 40px;line-height:14.7px}}.design-gallery .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.design-gallery .buttons .cta{margin-inline:0}.design-gallery .buttons.dir-column{flex-direction:column;align-items:center;gap:10px}@media screen and (max-width:640px){.design-gallery .buttons{flex-direction:column;align-items:center;gap:10px}}
/*# sourceMappingURL=/cdn/shop/t/248/assets/section-design-gallery.css.map */