.vareon-refined.page-width-normal{--page-margin: max(22px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px))}@media(min-width:750px){.vareon-refined.page-width-normal{--page-margin: max(40px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px))}}@media(min-width:1100px){.vareon-refined.page-width-normal{--page-margin: max(64px, var(--safe-area-inset-left, 0px), var(--safe-area-inset-right, 0px))}}.vareon-refined .page-wrapper>footer .email-signup-block{max-inline-size:42rem}.vareon-refined .page-wrapper>footer .email-signup__input{min-block-size:56px}@media(prefers-reduced-motion:no-preference){.vareon-refined #MainContent :is(.button,.button-secondary,.button-custom),.vareon-refined .page-wrapper>footer :is(.button,.button-secondary,.button-custom){transition:background-color .22s ease,color .22s ease,box-shadow .22s ease,transform .22s cubic-bezier(.2,.7,.2,1)}.vareon-refined #MainContent :is(.product-card,.collection-card){transition:transform .32s cubic-bezier(.2,.7,.2,1)}.vareon-refined #MainContent .button-unstyled,.vareon-refined #header-group a,.vareon-refined .page-wrapper>footer a{transition:color .2s ease,opacity .2s ease}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.vareon-refined #MainContent :is(.product-card,.collection-card):hover{transform:translateY(-2px)}.vareon-refined #MainContent :is(.button,.button-secondary,.button-custom):hover:not(:disabled):not([aria-disabled=true]),.vareon-refined .page-wrapper>footer :is(.button,.button-secondary,.button-custom):hover:not(:disabled):not([aria-disabled=true]){transform:translateY(-1px)}}@media(prefers-reduced-motion:reduce){.vareon-refined #MainContent :is(.product-card,.collection-card,.button,.button-secondary,.button-custom,.button-unstyled),.vareon-refined #header-group a,.vareon-refined .page-wrapper>footer :is(a,.button,.button-secondary,.button-custom){transition:none}}@keyframes vareon-ambient-zoom{0%{transform:scale(1.01)}to{transform:scale(1.065)}}@keyframes vareon-ambient-line{0%{transform:scaleX(.35);opacity:.55}to{transform:scaleX(1);opacity:1}}@media(prefers-reduced-motion:no-preference){.vareon-refined #MainContent .hero__container img.hero__media{animation:vareon-ambient-zoom 14s ease-in-out infinite alternate;transform-origin:center}.vareon-refined #MainContent .hero__content-wrapper .button-unstyled:after{content:"";display:block;inline-size:100%;block-size:2px;margin-block-start:10px;background:currentColor;transform-origin:center;animation:vareon-ambient-line 2.8s ease-in-out infinite alternate}.vareon-refined #MainContent .hero__container[data-vareon-ambient=paused] img.hero__media,.vareon-refined #MainContent .hero__container[data-vareon-ambient=paused] .button-unstyled:after{animation-play-state:paused}}@media(prefers-reduced-motion:reduce){.vareon-refined #MainContent .hero__container img.hero__media,.vareon-refined #MainContent .hero__content-wrapper .button-unstyled:after{animation:none;transform:none}}.vareon-refined .vareon-selection{color:#191a17;background:#fff;padding-block:clamp(56px,7vw,96px)}.vareon-selection__inner{min-inline-size:0}.vareon-selection__header{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-block-end:40px}.vareon-selection__eyebrow{font-family:var(--font-accent--family);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#23382d;margin:0 0 14px}.vareon-selection__header h2{font-family:var(--font-heading--family);font-weight:400;font-size:clamp(32px,4vw,48px);line-height:1.12;margin:0}.vareon-selection__intro{max-inline-size:48ch;margin:18px 0 0;font-size:18px;line-height:1.55}.vareon-selection__all{color:#23382d;font-family:var(--font-accent--family);font-size:13px;white-space:nowrap;padding-block:12px;text-decoration:none;border-block-end:1px solid #d9d2c7}.vareon-selection__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.vareon-selection__card{color:#191a17;text-decoration:none;min-inline-size:0}.vareon-selection__image{position:relative;aspect-ratio:4 / 5;overflow:hidden;background:#f7f5f0}.vareon-selection__image img{inline-size:100%;block-size:100%;object-fit:contain;padding:16px;display:block}.vareon-selection__details{padding-block-start:20px}.vareon-selection__details h3{font-family:var(--font-heading--family);font-size:22px;font-weight:400;line-height:1.3;min-block-size:2.6em;margin:0 0 10px}.vareon-selection__price{font-family:var(--font-accent--family);font-size:13px;line-height:1.5;margin:0;color:#23382d}.vareon-selection__availability{font-size:12px;margin-block-start:8px}.vareon-selection__arrow{position:absolute;inset-inline-end:14px;inset-block-end:14px;display:grid;place-items:center;inline-size:36px;block-size:36px;border:1px solid #d9d2c7;background:#fff;color:#23382d}.vareon-selection__card:focus-visible{outline:2px solid #23382d;outline-offset:5px}@media(max-width:1099px){.vareon-selection__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}}@media(max-width:749px){.vareon-selection__header{flex-direction:column;align-items:flex-start;gap:16px;margin-block-end:28px}.vareon-selection__grid{gap:28px 12px}.vareon-selection__image img{padding:8px}.vareon-selection__details{padding-block-start:14px}.vareon-selection__details h3{font-size:18px}.vareon-selection__intro{font-size:16px}.vareon-selection__arrow{inline-size:28px;block-size:28px;inset-inline-end:8px;inset-block-end:8px}.vareon-refined #MainContent .media-with-content .media-with-content__content>.group-block-content{padding-inline:22px;padding-block:36px}}@keyframes vareon-editorial-breathe{0%{transform:scale(1.005)}to{transform:scale(1.035)}}@media(prefers-reduced-motion:no-preference){.vareon-selection__image img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}.vareon-selection__arrow{transition:transform .25s ease,background-color .25s ease}.vareon-refined #MainContent .media-with-content .media-block{overflow:hidden}.vareon-refined #MainContent .media-with-content .media-block img,.vareon-refined #MainContent .section-product-hotspots .hotspots__background-image img,.vareon-refined #MainContent .section-product-hotspots img.hotspots__background-image{animation:vareon-editorial-breathe 16s ease-in-out infinite alternate}.vareon-refined #MainContent [data-vareon-editorial=paused] img{animation-play-state:paused}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.vareon-selection__card:hover .vareon-selection__image img{transform:scale(1.045)}.vareon-selection__card:hover .vareon-selection__arrow{transform:translate(2px,-2px);background:#f7f5f0}}@media(prefers-reduced-motion:reduce){.vareon-refined #MainContent .media-with-content .media-block img,.vareon-refined #MainContent .section-product-hotspots img{animation:none}.vareon-selection__image img,.vareon-selection__arrow{transition:none}}.vareon-selection__card{display:flex;flex-direction:column}.vareon-selection__image{flex-shrink:0}.vareon-selection__details{display:flex;flex:1;flex-direction:column}.vareon-selection__price{margin-block-start:auto}@keyframes vareon-accent-breathe{0%{transform:scaleX(.45);opacity:.4}to{transform:scaleX(1);opacity:.85}}@keyframes vareon-first-entrance{0%{opacity:.2;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:no-preference){.vareon-refined #MainContent .hero__content-wrapper{animation:vareon-first-entrance .85s cubic-bezier(.2,.7,.2,1) both}.vareon-refined #MainContent :is(.product-card,.collection-card,.vareon-selection__card){transition:transform .36s cubic-bezier(.2,.7,.2,1),box-shadow .36s ease}.vareon-refined #MainContent :is(.product-card,.collection-card) img{transition:scale .6s cubic-bezier(.2,.7,.2,1)}.vareon-refined .vareon-selection__eyebrow:after{content:"";display:inline-block;inline-size:40px;block-size:1px;margin-inline-start:14px;vertical-align:middle;background:#23382d;transform-origin:left;animation:vareon-accent-breathe 4s ease-in-out infinite alternate}.vareon-refined #header-group :is(.menu-list__link,.menu-list a),.vareon-refined .page-wrapper>footer a:not(:has(svg)),.vareon-refined .vareon-selection__all{background-image:linear-gradient(currentColor,currentColor);background-repeat:no-repeat;background-position:left bottom;background-size:0% 1px;transition:background-size .35s ease,color .22s ease,opacity .22s ease}}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.vareon-refined #MainContent :is(.product-card,.collection-card,.vareon-selection__card):hover{transform:translateY(-4px)}.vareon-refined #MainContent :is(.product-card,.collection-card):hover img{scale:1.025}.vareon-refined #header-group :is(.menu-list__link,.menu-list a):hover,.vareon-refined .page-wrapper>footer a:not(:has(svg)):hover,.vareon-refined .vareon-selection__all:hover{background-size:100% 1px}}@media(prefers-reduced-motion:reduce){.vareon-refined #MainContent .hero__content-wrapper,.vareon-refined .vareon-selection__eyebrow:after{animation:none}.vareon-refined #MainContent :is(.product-card,.collection-card,.vareon-selection__card),.vareon-refined #MainContent :is(.product-card,.collection-card) img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/vareon-motion.css.map */