/* base-components.css: built from component-grid.css, component-card.css, component-gridy-slider.css (build/css-bundles.json) - edit those, not this file */
.grid{--gap:var(--gutter);grid-column-gap:var(--gap);grid-row-gap:var(--gap);grid-template-columns:repeat(6,1fr);grid-auto-flow:dense;display:grid;position:relative}@media only screen and (width>=768px){.grid{grid-template-columns:repeat(12,1fr)}}.grid>*{width:100%}.grid.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}@media only screen and (width>=768px){.grid.sm-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.sm-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.sm-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.sm-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.sm-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.sm-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}@media only screen and (width>=1024px){.grid.md-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid.md-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.md-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.md-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.md-grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid.md-grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid.md-grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.grid.md-grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}}.col-justify-items-center{justify-items:center}.col-align-items-center{align-items:center}.col-justify-content-end{justify-content:end}.col-justify-content-center{justify-content:center}.col-2{grid-column-end:span 1}.col-4{grid-column-end:span 2}.col-6{grid-column-end:span 3}.col-8{grid-column-end:span 4}.col-10{grid-column-end:span 5}.col-12{grid-column-end:span 6}@media only screen and (width>=768px){.sm-gap{--gap:var(--sm-gap)!important}.col-2{grid-column-end:span 2}.col-4{grid-column-end:span 4}.col-6{grid-column-end:span 6}.col-8{grid-column-end:span 8}.col-10{grid-column-end:span 10}.col-12{grid-column-end:span 12}.col-sm-1{grid-column-end:span 1}.col-sm-2{grid-column-end:span 2}.col-sm-3{grid-column-end:span 3}.col-sm-4{grid-column-end:span 4}.col-sm-5{grid-column-end:span 5}.col-sm-6{grid-column-end:span 6}.col-sm-7{grid-column-end:span 7}.col-sm-8{grid-column-end:span 8}.col-sm-9{grid-column-end:span 9}.col-sm-10{grid-column-end:span 10}.col-sm-11{grid-column-end:span 11}.col-sm-12{grid-column-end:span 12}.col-sm-offset-2{grid-column-start:2}.col-sm-offset-4{grid-column-start:4}.col-sm-offset-5{grid-column-start:5}}@media only screen and (width>=1024px){.col-md-1{grid-column-end:span 1}.col-md-2{grid-column-end:span 2}.col-md-3{grid-column-end:span 3}.col-md-4{grid-column-end:span 4}.col-md-5{grid-column-end:span 5}.col-md-6{grid-column-end:span 6}.col-md-7{grid-column-end:span 7}.col-md-8{grid-column-end:span 8}.col-md-9{grid-column-end:span 9}.col-md-10{grid-column-end:span 10}.col-md-11{grid-column-end:span 11}.col-md-12{grid-column-end:span 12}.col-md-offset-2{grid-column-start:2}.col-md-offset-4{grid-column-start:4}.col-md-offset-5{grid-column-start:5}}@media only screen and (width>=1200px){.col-lg-4{grid-column-end:span 4}.col-lg-8{grid-column-end:span 8}}@media only screen and (width>=768px){.col-sm-order-2{order:2}}.item-span-2{grid-column:span 2}.item-span-3{grid-column:span 3}.item-span-4{grid-column:span 4}.item-span-5{grid-column:span 5}.item-span-6{grid-column:span 6}@media only screen and (width>=768px){.sm-item-span-2{grid-column:span 2}}@media only screen and (width>=1024px){.md-item-span-2{grid-column:span 2}}@media only screen and (width>=768px){.col-sm-max-3{max-width:calc(var(--max-col-width)*3 + var(--gutter)*2)}.col-sm-max-4{max-width:calc(var(--max-col-width)*4 + var(--gutter)*3)}.col-sm-max-5{max-width:calc(var(--max-col-width)*5 + var(--gutter)*4)}.col-sm-max-6{max-width:calc(var(--max-col-width)*6 + var(--gutter)*5)}.col-sm-max-8{max-width:calc(var(--max-col-width)*8 + var(--gutter)*7)}.col-sm-max-10{max-width:calc(var(--max-col-width)*10 + var(--gutter)*9)}}@media only screen and (width>=1024px){.col-md-max-4{max-width:calc(var(--max-col-width)*4 + var(--gutter)*3)}.col-md-max-8{max-width:calc(var(--max-col-width)*8 + var(--gutter)*7)}}.grid--gallery{grid-auto-flow:initial}.grid--gallery .media,.grid--gallery .media>:where(:not(.media__overlay)){height:100%}.card{border-radius:var(--card-border-radius);color:var(--color-card-foreground);background:var(--color-card-background);flex-direction:column;display:flex;position:relative;overflow:hidden}.card-media{--ai-generated-badge-size:12px;--ai-generated-badge-inset:4px;position:relative;overflow:hidden}.card-media figure{border-radius:calc(var(--card-border-radius)/1.5);overflow:hidden}.card-body{padding:var(--card-body-padding)}.card-media-overlay{width:100%;height:100%;padding:var(--card-body-padding);position:absolute;top:0;left:0;overflow:hidden}:is(.card--product,.card--article):not(:has(button,select,input,textarea,form)) .card-title a:after{content:"";z-index:1;position:absolute;inset:0}:is(.card--product,.card--article) .card-title a:focus-visible{outline:none}:is(.card--product,.card--article):has(.card-title a:focus-visible){outline:2px solid var(--color-foreground);outline-offset:-2px}.card-hover-images{position:relative;overflow:hidden}.card-hover-images>:last-child{opacity:0;width:100%;height:100%;position:absolute;top:0;left:0}@media (hover:hover){.card .media>*{transition:transform .4s ease-in-out}.card:not(.card--product,.card--article):has(a[href]):hover .media>*{transform:scale(1.1)}.on-hover:hover .card-hover-images>:first-child>*{opacity:0}.on-hover:hover .card-hover-images>:last-child{opacity:1}}.card.bg-gradient{--color-card-background:var(--gradient-card-background)}.card.bg-transparent{--color-card-background:transparent}.card--traditional{color:inherit;background:0 0}.card--traditional .card-media{--ai-generated-badge-size:12px;--ai-generated-badge-inset:4px;border-radius:var(--card-border-radius);background:var(--color-card-background)}.card--traditional .card-body{padding:var(--card-body-padding)0}:is(.card--product,.card--article).card--traditional .card-body{padding-top:var(--space-2)}.card--banner .card-media{--ai-generated-badge-size:12px;--ai-generated-badge-inset:4px;width:100%;height:100%;position:absolute}.card--banner .media,.card--banner .media img:where(:not(.media__overlay)){height:100%}.card--banner .video{object-fit:cover;width:100%;height:100%}@media only screen and (width<=767px){.card--banner.sm-down-all-cols .card-media{--ai-generated-badge-size:12px;--ai-generated-badge-inset:4px;position:relative}}@media only screen and (width>=768px) and (width<=1023px){.card--banner.sm-md-all-cols .card-media{--ai-generated-badge-size:12px;--ai-generated-badge-inset:4px;position:relative}}@media only screen and (width>=1024px){.card--banner.md-all-cols .card-media{--ai-generated-badge-size:12px;--ai-generated-badge-inset:4px;position:relative}}.card--testimonial .quotation-mark{height:35%}.card--collection .badges{top:var(--card-body-padding);position:absolute}.card--collection .vertical-top .badges{top:auto;bottom:var(--card-body-padding)}.card--product.content--none .card-body,.card--product.content--name-only .card-body>:not(.card-title),.card--product.content--name-and-price .card-body>:not(.card-title,.price){display:none}.card--default:not(.layout--thumbnail) .hotspot{position:absolute;top:20px;right:20px}.layout--thumbnail{--thumbnail-width:90px;grid-template-columns:var(--thumbnail-width)auto auto;align-items:center;display:grid}.layout--thumbnail .card-body{text-align:left;padding:min(var(--space-4),var(--card-body-padding))}.layout--thumbnail .flex{justify-content:flex-start}.layout--thumbnail{--dw-product-card-swatches-display:none}.layout--thumbnail .card-media-overlay,.layout--thumbnail .card-vendor{display:none}.layout--thumbnail .hotspot{margin-left:auto;margin-right:var(--space-4);width:30px;height:30px}.card-badges{top:var(--space-2);left:var(--space-2);z-index:2;pointer-events:none;position:absolute}.layout--thumbnail .card-badges{display:none}@media only screen and (width<=767px){.sm-down-layout--thumbnail .card-badges{display:none}}@media only screen and (width>=768px){.sm-layout--thumbnail .card-badges{display:none}}.card-body ul{list-style:inside}.card-body ul li::marker{margin-right:var(--space-1)}@media only screen and (width<=767px){.sm-down-layout--thumbnail{--thumbnail-width:90px;grid-template-columns:var(--thumbnail-width)auto auto;align-items:center;display:grid}.sm-down-layout--thumbnail .card-body{text-align:left;padding:min(var(--space-4),var(--card-body-padding))}.sm-down-layout--thumbnail .flex{justify-content:flex-start}.sm-down-layout--thumbnail{--dw-product-card-swatches-display:none}.sm-down-layout--thumbnail .card-media-overlay,.sm-down-layout--thumbnail .card-vendor{display:none}}@media only screen and (width>=768px){.sm-layout--thumbnail{--thumbnail-width:90px;grid-template-columns:var(--thumbnail-width)auto auto;align-items:center;display:grid}.sm-layout--thumbnail .card-body{text-align:left;padding:min(var(--space-4),var(--card-body-padding))}.sm-layout--thumbnail .flex{justify-content:flex-start}.sm-layout--thumbnail{--dw-product-card-swatches-display:none}.sm-layout--thumbnail .card-media-overlay,.sm-layout--thumbnail .card-vendor{display:none}}.options-availability{gap:var(--space-2)}.variant-option-title{padding:2px var(--space-1);background:var(--color-background);color:var(--color-foreground);text-align:center;border-radius:var(--button-border-radius);min-width:30px;position:relative}.variant-option-title.unavailable{opacity:.45}.variant-option-title.unavailable:after{content:"";border-left:solid 1px var(--color-foreground);display:block;position:absolute;top:0;bottom:0;left:50%;transform:rotate(-45deg)}.card--product.card--default:not(.layout--thumbnail) .card-body{padding-top:var(--space-3)}gridy-slider{display:block;position:relative}.gridy-track>*{scroll-snap-align:start;overflow:hidden}.gridy-track.disable-scroll,gridy-slider .gridy-track.disable-scroll{overflow:hidden}.grid-cols-1{--slide-items-width:100%}.grid-cols-2{--slide-items-width:calc((100% - var(--gap)*1)/2)}.grid-cols-3{--slide-items-width:calc((100% - var(--gap)*2)/3)}.grid-cols-4{--slide-items-width:calc((100% - var(--gap)*3)/4)}.grid-cols-5{--slide-items-width:calc((100% - var(--gap)*4)/5)}.gridy-arrows{pointer-events:none;z-index:1;width:100%;display:none;position:absolute;top:50%;left:0}.gridy-indicator.position-overlay-track{z-index:1;pointer-events:none;width:100%;position:absolute;bottom:0}.dot{background-color:var(--color-white);border-radius:var(--radius-pill);opacity:.35;width:8px;height:8px;display:block}.dot.active{opacity:1}@media only screen and (width<=767px){.slide-peek.grid-cols-1{--slide-items-width:85%}.slide-peek.grid-cols-2{--slide-items-width:calc((90% - var(--gap)*1)/2)}.slide-peek.grid-cols-3{--slide-items-width:calc((92% - var(--gap)*2)/3)}.slide-peek.grid-cols-4{--slide-items-width:calc((94% - var(--gap)*3)/4)}[data-mobile-enabled=true] .gridy-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto/auto-flow var(--slide-items-width);overflow:auto hidden}[data-mobile-enabled=true] .gridy-arrows{display:flex}[data-mobile-enabled=true] .track-inner-padding{padding-left:var(--container-margin);padding-right:var(--container-margin);scroll-padding-inline:var(--container-margin)}}@media only screen and (width>=768px) and (width<=1023px){[data-tablet-enabled=true] .gridy-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto/auto-flow var(--slide-items-width);overflow:auto hidden}[data-tablet-enabled=true] .gridy-arrows{display:flex}}@media only screen and (width>=768px){.sm-grid-cols-1{--slide-items-width:100%}.sm-grid-cols-2{--slide-items-width:calc((100% - var(--gap)*1)/2)}.sm-grid-cols-3{--slide-items-width:calc((100% - var(--gap)*2)/3)}.sm-grid-cols-4{--slide-items-width:calc((100% - var(--gap)*3)/4)}.gridy-arrows{width:calc(100% - var(--container-margin));left:calc(var(--container-margin)/2)}.gridy-arrows.sm-on-edge{--gridy-arrows-edge:50%;width:100%;left:0}}@media only screen and (width>=1024px){[data-desktop-enabled=true] .gridy-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-x:contain;grid:auto/auto-flow var(--slide-items-width);overflow:auto hidden}[data-desktop-enabled=true] .gridy-arrows{display:flex}.md-grid-cols-1{--slide-items-width:100%}.md-grid-cols-2{--slide-items-width:calc((100% - var(--gap)*1)/2)}.md-grid-cols-3{--slide-items-width:calc((100% - var(--gap)*2)/3)}.md-grid-cols-4{--slide-items-width:calc((100% - var(--gap)*3)/4)}.md-grid-cols-5{--slide-items-width:calc((100% - var(--gap)*4)/5)}.md-grid-cols-6{--slide-items-width:calc((100% - var(--gap)*5)/6)}}@media (prefers-reduced-motion:reduce){.gridy-track{scroll-behavior:auto!important}}@media only screen and (width>=768px){.gridy-slider--inset-arrows:hover .gridy-arrows{width:96%;left:2%}}@media (hover:none) and (pointer:coarse){.gridy-slider .gridy-arrows{display:none}}