.rf-swatches{background-color:var(--sw-bg, #ffffff);padding:var(--sw-pad-top, 30px) 40px var(--sw-pad-bottom, 30px)}.rf-swatches__grid{display:grid;gap:20px;grid-template-columns:repeat(var(--sw-cols, 4),minmax(0,1fr))}.rf-swatch{align-items:var(--sw-align, flex-start);-webkit-appearance:none;appearance:none;aspect-ratio:1 / 1;background:none;border:0;color:var(--sw-fg, #ffffff);display:flex;flex-direction:column;font:inherit;justify-content:var(--sw-justify, flex-end);margin:0;overflow:hidden;padding:16px;position:relative;text-align:var(--sw-text-align, left);width:100%}button.rf-swatch{cursor:pointer}.rf-swatch__media{background-color:var(--sw-swatch, transparent);top:0;right:0;bottom:0;left:0;position:absolute;z-index:0}.rf-swatch__media img{display:block;height:100%;object-fit:cover;width:100%}.rf-swatch:before,.rf-swatch:after{content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute;z-index:1}.rf-swatch:before{background:linear-gradient(180deg,rgba(0,0,0,var(--sw-scrim-from, .2)),rgba(0,0,0,var(--sw-scrim-to, .8)))}.rf-swatch:after{background:linear-gradient(180deg,rgba(0,0,0,var(--sw-scrim-from-hover, .4)),rgba(0,0,0,var(--sw-scrim-to-hover, .9)));opacity:0;transition:opacity .4s ease}.rf-swatch__title{font-size:var(--sw-title-size, 18px);font-weight:var(--sw-title-weight, 400);line-height:1.2;position:relative;z-index:2}.rf-swatch__reveal{display:grid;grid-template-rows:0fr;opacity:0;position:relative;transition:grid-template-rows .4s cubic-bezier(.785,.135,.15,.86),opacity .3s ease;width:100%;z-index:2}.rf-swatch__reveal>*{overflow:hidden}.rf-swatch__desc{display:block;font-size:var(--sw-desc-size, 13px);font-weight:400;line-height:1.5;margin:0;padding-top:8px}.rf-swatches.use-operetta .rf-swatch__title{font-family:operetta-18,serif}@media(hover:hover){.rf-swatch:hover .rf-swatch__reveal{grid-template-rows:1fr;opacity:1}.rf-swatch--expandable:hover:after{opacity:1}}.rf-swatch:focus-visible .rf-swatch__reveal,.rf-swatch.is-open .rf-swatch__reveal{grid-template-rows:1fr;opacity:1}.rf-swatch--expandable:focus-visible:after,.rf-swatch--expandable.is-open:after{opacity:1}.rf-swatch:focus-visible{outline:2px solid var(--sw-fg, #ffffff);outline-offset:-4px}@media(max-width:960px){.rf-swatches{padding-left:16px;padding-right:16px}.rf-swatches__grid{gap:8px;grid-template-columns:repeat(var(--sw-cols-mob, 2),minmax(0,1fr))}.rf-swatch{padding:10px}.rf-swatch__title{font-size:var(--sw-title-size-mob, 14px)}.rf-swatch__desc{font-size:var(--sw-desc-size-mob, 12px);padding-top:10px}}.rf-swatches.rf-swatches--contained{padding-left:0;padding-right:0}.rf-swatches--contained .rf-swatches__grid{margin-left:auto;margin-right:auto;padding-left:var(--grid-gutter-width, 0px);padding-right:var(--grid-gutter-width, 0px);width:100%}@media(min-width:576px){.rf-swatches--contained .rf-swatches__grid{max-width:calc(100% - 20px)}}@media(min-width:768px){.rf-swatches--contained .rf-swatches__grid{max-width:calc(100% - 40px)}}@media(min-width:1025px){.rf-swatches--contained .rf-swatches__grid{max-width:calc(100% - 80px)}}@media(min-width:1320px){.rf-swatches--contained .rf-swatches__grid{max-width:1240px}}@media(min-width:1520px){.rf-swatches--contained .rf-swatches__grid{max-width:1440px}}@media(prefers-reduced-motion:reduce){.rf-swatch:after,.rf-swatch__reveal{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/397/assets/swatch-module.css.map */