.cl-root{font-size:16px;line-height:1.6;font-family:var(--cl-font);color:var(--cl-body-text);background:var(--cl-cream);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:left;text-transform:none;letter-spacing:normal;font-style:normal}.cl-root h1,.cl-root h2,.cl-root h3,.cl-root h4,.cl-root p,.cl-root figure,.cl-root ul,.cl-root li{margin:0;padding:0;font-family:inherit;font-style:normal;color:inherit;text-transform:none;word-break:normal;overflow-wrap:break-word}.cl-root img,.cl-root svg{border-style:none}.cl-root img{display:block;max-width:100%;vertical-align:top}.cl-root button,.cl-root input{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0}.cl-root button{height:auto;min-height:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-transform:none;letter-spacing:normal;cursor:pointer;appearance:none;-webkit-appearance:none}.cl-root button:before,.cl-root button:after{content:none}.cl-root input{appearance:none;-webkit-appearance:none;border-radius:0;background:none;box-shadow:none}.cl-root input:before,.cl-root input:after{content:none}.cl-root input:focus,.cl-root button:focus,.cl-root a:focus{outline:none}.cl-root{--cl-ink: #000000;--cl-body-text: #101828;--cl-muted: #5a5e68;--cl-cream: #f9f6f1;--cl-white: #ffffff;--cl-sage: #a6b9a3;--cl-green: #73a58b;--cl-grey: #d8d9d8;--cl-border: #e8e6e0;--cl-focus: #4c7563;--cl-shadow-card: 0 1px 2px rgba(16, 24, 40, .04);--cl-shadow-card-hover: 0 18px 40px -12px rgba(16, 24, 40, .18), 0 4px 12px -4px rgba(16, 24, 40, .08);--cl-shadow-pop: 0 24px 56px -16px rgba(16, 24, 40, .24), 0 2px 8px -2px rgba(16, 24, 40, .08);--cl-font: "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;--cl-page-max: 1180px;--cl-gutter: clamp(20px, 4vw, 40px);--cl-header-bg: var(--cl-white);--cl-header-pt: clamp(24px, 3.2vw, 44.8px);--cl-header-pb: clamp(16px, 2vw, 30.4px);--cl-logo-w: clamp(240px, 41.7vw, 603.2px);--cl-hero-bg: var(--cl-white);--cl-hero-pt: 0px;--cl-hero-pb: clamp(16px, 1.8vw, 25.6px);--cl-hero-max: 1013px;--cl-awning-h: 100.4px;--cl-awning-scale: 1;--cl-awning-sage: var(--cl-sage);--cl-awning-cream: var(--cl-cream);--cl-awning-grey: var(--cl-grey);--cl-awning-green: var(--cl-green);--cl-awning-bg: var(--cl-cream);--cl-search-bg: var(--cl-cream);--cl-search-pt: clamp(32px, 3.5vw, 51.2px);--cl-search-pb: clamp(40px, 4.5vw, 67.2px);--cl-search-w: 686px;--cl-search-h: clamp(56px, 7.6vw, 110px);--cl-search-radius: 16px;--cl-search-label-size: clamp(16px, 2.76vw, 40px);--cl-search-label-small: .37;--cl-search-label-small-min: 11px;--cl-search-label-small-size: max( var(--cl-search-label-small-min), calc(var(--cl-search-label-size) * var(--cl-search-label-small)) );--cl-search-label-top: 12.2%;--cl-search-row-shift: 9.4%;--cl-search-icon-size: clamp(22.4px, 3.45vw, 49.6px);--cl-search-field-pad: clamp(16px, 2.86vw, 41.6px);--cl-search-field-pad-active: clamp(11px, 1.02vw, 15px);--cl-search-field-gap: clamp(9.6px, 2.42vw, 35.2px);--cl-search-field-bg: var(--cl-white);--cl-search-placeholder: #6b6f78;--cl-search-icon: var(--cl-ink);--cl-search-shadow: 0 1px 2px rgba(16, 24, 40, .05);--cl-panel-bg: var(--cl-white);--cl-panel-radius: 16px;--cl-panel-border: #ebe9e3;--cl-panel-hover: #f4f3ef;--cl-panel-max-h: 432px;--cl-grid-bg: var(--cl-cream);--cl-grid-pt: 0px;--cl-grid-pb: clamp(64px, 9vw, 132.8px);--cl-grid-gap-x: clamp(20px, 4.35vw, 62.88px);--cl-grid-gap-y: clamp(28px, 7vw, 101.44px);--cl-card-bg: var(--cl-white);--cl-card-radius: 12px;--cl-card-title-color: var(--cl-ink);--cl-card-title-size: clamp(17px, 2.07vw, 30px);--cl-card-title-pt: clamp(16px, 1.75vw, 25.6px);--cl-card-ratio: 330.434 / 375.611;--cl-ease-out: cubic-bezier(.22, 1, .36, 1);--cl-dur-fast: .14s;--cl-dur: .22s;--cl-dur-slow: .42s}.cl-root *,.cl-root *:before,.cl-root *:after{box-sizing:border-box}.cl-root{-webkit-text-size-adjust:100%}.cl-root{margin:0;background:var(--cl-cream);color:var(--cl-body-text);font-family:var(--cl-font);font-size:16px;font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cl-root h1,.cl-root h2,.cl-root h3,.cl-root p,.cl-root figure,.cl-root ul{margin:0;padding:0}.cl-root ul{list-style:none}.cl-root img{display:block;max-width:100%}.cl-root a{color:inherit;text-decoration:none}.cl-root button,.cl-root input{font:inherit;color:inherit}.cl-root button{cursor:pointer;border:0;background:none}.cl-root :focus-visible{outline:3px solid var(--cl-focus);outline-offset:3px;border-radius:2px}.cl-root .cl-visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.cl-root .cl-skip{position:absolute;left:var(--cl-gutter);top:0;z-index:100;padding:12px 20px;background:var(--cl-ink);color:var(--cl-white);border-radius:0 0 8px 8px;font-size:14px;font-weight:600;transform:translateY(-120%);transition:transform var(--cl-dur) var(--cl-ease-out)}.cl-root .cl-skip:focus{transform:translateY(0)}.cl-root .cl-shell{max-width:var(--cl-page-max);margin-inline:auto;padding-inline:var(--cl-gutter)}.cl-root .cl-masthead{background:var(--cl-header-bg);padding-block:var(--cl-header-pt) var(--cl-header-pb);text-align:center}.cl-root .cl-masthead__link{display:inline-block;border-radius:4px}.cl-root .cl-masthead__logo{width:var(--cl-logo-w);height:auto;margin-inline:auto}.cl-root .cl-hero{background:var(--cl-hero-bg);padding-block:var(--cl-hero-pt) var(--cl-hero-pb)}.cl-root .cl-hero__inner{max-width:calc(var(--cl-hero-max) + var(--cl-gutter) * 2);margin-inline:auto;padding-inline:var(--cl-gutter)}.cl-root .cl-hero__picture,.cl-root .cl-hero__img{width:100%}.cl-root .cl-hero__img{height:auto}.cl-root .cl-awning{height:calc(var(--cl-awning-h) * var(--cl-awning-scale));background:var(--cl-awning-bg);overflow:hidden}.cl-root .cl-awning__svg{display:block;width:calc(100% / var(--cl-awning-scale));height:var(--cl-awning-h);transform:scale(var(--cl-awning-scale));transform-origin:top left}.cl-root .cl-awning__sage{fill:var(--cl-awning-sage)}.cl-root .cl-awning__cream{fill:var(--cl-awning-cream)}.cl-root .cl-awning__grey{fill:var(--cl-awning-grey)}.cl-root .cl-awning__green{fill:var(--cl-awning-green)}.cl-root .cl-search{background:var(--cl-search-bg);padding-block:var(--cl-search-pt) var(--cl-search-pb)}.cl-root .cl-search__inner{max-width:calc(var(--cl-search-w) + var(--cl-gutter) * 2);margin-inline:auto;padding-inline:var(--cl-gutter)}.cl-root .cl-search__form{position:relative;z-index:20}.cl-root .cl-search__label{position:absolute;z-index:2;left:calc(var(--cl-search-field-pad) + var(--cl-search-icon-size) + var(--cl-search-field-gap));top:50%;transform:translateY(-50%);transform-origin:left top;font-size:var(--cl-search-label-size);font-weight:700;letter-spacing:.01em;line-height:1;text-transform:uppercase;white-space:nowrap;color:var(--cl-ink);pointer-events:none;transition:left var(--cl-dur-slow) var(--cl-ease-out),top var(--cl-dur-slow) var(--cl-ease-out),transform var(--cl-dur-slow) var(--cl-ease-out),font-size var(--cl-dur-slow) var(--cl-ease-out),color var(--cl-dur) var(--cl-ease-out)}.cl-root .cl-search__form.is-floated .cl-search__label{left:var(--cl-search-field-pad-active);top:var(--cl-search-label-top);transform:translateY(0);font-size:var(--cl-search-label-small-size);color:var(--cl-focus)}.cl-root .cl-search__field{position:relative;height:var(--cl-search-h);background:var(--cl-search-field-bg);border:2px solid transparent;border-radius:var(--cl-search-radius);box-shadow:var(--cl-search-shadow);cursor:text;transition:border-color var(--cl-dur) var(--cl-ease-out),box-shadow var(--cl-dur) var(--cl-ease-out),transform var(--cl-dur) var(--cl-ease-out)}.cl-root .cl-search__row{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:var(--cl-search-field-gap);padding-inline:var(--cl-search-field-pad);transition:transform var(--cl-dur-slow) var(--cl-ease-out),padding-left var(--cl-dur-slow) var(--cl-ease-out)}.cl-root .cl-search__form.is-floated .cl-search__row{padding-left:var(--cl-search-field-pad-active);transform:translateY(var(--cl-search-row-shift))}.cl-root .cl-search__field:hover{box-shadow:0 4px 16px -4px #1018281f}.cl-root .cl-search__form.is-active .cl-search__field,.cl-root .cl-search__field:focus-within{border-color:var(--cl-green);box-shadow:0 10px 30px -10px #73a58b80}.cl-root .cl-search__icon{flex:none;width:var(--cl-search-icon-size);height:var(--cl-search-icon-size);color:var(--cl-search-icon);transition:color var(--cl-dur) var(--cl-ease-out)}.cl-root .cl-search__form.is-floated .cl-search__icon{color:var(--cl-green)}.cl-root .cl-search__input{flex:1 1 auto;min-width:0;height:100%;border:0;background:none;font-size:var(--cl-search-label-size);font-weight:700;letter-spacing:.01em;text-transform:uppercase;appearance:none;-webkit-appearance:none}.cl-root .cl-search__input::placeholder{color:var(--cl-search-placeholder);font-weight:700;opacity:1}.cl-root .cl-search__input:focus{outline:none}.cl-root .cl-search__input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}.cl-root .cl-search__clear{flex:none;display:none;place-items:center;width:32px;height:32px;margin-right:-5.6px;border-radius:50%;color:var(--cl-muted);transition:background-color var(--cl-dur-fast) var(--cl-ease-out),color var(--cl-dur-fast) var(--cl-ease-out)}.cl-root .cl-search__form.is-filled .cl-search__clear{display:grid}.cl-root .cl-search__clear:hover{background:var(--cl-panel-hover);color:var(--cl-ink)}.cl-root .cl-search__spinner{flex:none;display:none;width:18.4px;height:18.4px;border:2px solid var(--cl-grey);border-top-color:var(--cl-green);border-radius:50%;animation:cl-spin .7s linear infinite}.cl-root .cl-search__form.is-loading .cl-search__spinner{display:block}.cl-root .cl-search__form.is-loading .cl-search__clear{display:none}@keyframes cl-spin{to{transform:rotate(360deg)}}.cl-root .cl-panel{position:absolute;inset-inline:0;top:calc(100% + 9.6px);max-height:var(--cl-panel-max-h);overflow-y:auto;overscroll-behavior:contain;background:var(--cl-panel-bg);border:1px solid var(--cl-panel-border);border-radius:var(--cl-panel-radius);box-shadow:var(--cl-shadow-pop);transform-origin:top center;opacity:0;visibility:hidden;transform:translateY(-8px) scale(.985);transition:opacity var(--cl-dur) var(--cl-ease-out),transform var(--cl-dur) var(--cl-ease-out),visibility 0s linear var(--cl-dur)}.cl-root .cl-search__form.is-open .cl-panel{opacity:1;visibility:visible;transform:translateY(0) scale(1);transition-delay:0s}.cl-root .cl-panel__group+.cl-panel__group{border-top:1px solid var(--cl-panel-border)}.cl-root .cl-panel__heading{position:sticky;top:0;z-index:1;padding:12px 18.4px 6.4px;background:var(--cl-panel-bg);font-size:11px;font-weight:600;letter-spacing:.13em;text-transform:uppercase;color:var(--cl-muted)}.cl-root .cl-panel__list{padding:0 6.4px 8px}.cl-root .cl-result{display:flex;align-items:center;gap:13.6px;width:100%;padding:8.8px 12px;border-radius:8.8px;text-align:left;animation:cl-item-in .32s var(--cl-ease-out) backwards;animation-delay:calc(var(--i, 0) * 32ms);transition:background-color var(--cl-dur-fast) var(--cl-ease-out)}@keyframes cl-item-in{0%{opacity:0;transform:translateY(6px)}}.cl-root .cl-result:hover,.cl-root .cl-result.is-active{background:var(--cl-panel-hover)}.cl-root .cl-result__media{flex:none;width:48px;height:48px;border-radius:7.2px;overflow:hidden;background:var(--cl-cream)}.cl-root .cl-result__media img{width:100%;height:100%;object-fit:cover}.cl-root .cl-result__media--icon{display:grid;place-items:center;color:var(--cl-green)}.cl-root .cl-result__body{min-width:0;flex:1 1 auto}.cl-root .cl-result__title{display:block;font-size:14px;font-weight:600;line-height:1.35;color:var(--cl-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-root .cl-result__title mark{background:#a6b9a36b;color:inherit;border-radius:2px;padding:0 1px}.cl-root .cl-result__meta{display:block;font-size:12px;line-height:1.4;color:var(--cl-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cl-root .cl-result__price{flex:none;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;color:var(--cl-body-text)}.cl-root .cl-result__arrow{flex:none;width:15.2px;height:15.2px;color:var(--cl-muted);opacity:0;transform:translate(-4px);transition:opacity var(--cl-dur) var(--cl-ease-out),transform var(--cl-dur) var(--cl-ease-out)}.cl-root .cl-result:hover .cl-result__arrow,.cl-root .cl-result.is-active .cl-result__arrow{opacity:1;transform:translate(0)}.cl-root .cl-panel__footer{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11.2px 18.4px;background:var(--cl-panel-bg);border-top:1px solid var(--cl-panel-border);font-size:13px;font-weight:600;color:var(--cl-ink)}.cl-root .cl-panel__footer:hover{background:var(--cl-panel-hover)}.cl-root .cl-panel__footer kbd{font-family:inherit;font-size:11px;font-weight:600;color:var(--cl-muted);background:var(--cl-cream);border:1px solid var(--cl-panel-border);border-radius:4.8px;padding:1.6px 5.6px}.cl-root .cl-panel__empty{padding:28px 18.4px;text-align:center}.cl-root .cl-panel__empty-title{font-size:15px;font-weight:600;color:var(--cl-ink)}.cl-root .cl-panel__empty-text{margin-top:4px;font-size:13px;color:var(--cl-muted)}.cl-root .cl-panel__skeleton{display:flex;align-items:center;gap:13.6px;padding:8.8px 18.4px}.cl-root .cl-panel__skeleton span{display:block;height:11.2px;border-radius:5.6px;background:linear-gradient(90deg,#efeee9 25%,#f7f6f3,#efeee9 75%);background-size:200% 100%;animation:cl-shimmer 1.1s linear infinite}.cl-root .cl-panel__skeleton span:first-child{flex:none;width:48px;height:48px;border-radius:7.2px}.cl-root .cl-panel__skeleton div{flex:1 1 auto;display:grid;gap:7.2px}@keyframes cl-shimmer{to{background-position:-200% 0}}.cl-root .cl-grid{background:var(--cl-grid-bg);padding-block:var(--cl-grid-pt) var(--cl-grid-pb)}.cl-root .cl-grid__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--cl-grid-gap-y) var(--cl-grid-gap-x)}.cl-root .cl-card{position:relative}.cl-root .cl-card__link{position:relative;display:block;aspect-ratio:var(--cl-card-ratio);background:var(--cl-card-bg);border-radius:var(--cl-card-radius);box-shadow:var(--cl-shadow-card);overflow:hidden;transition:transform var(--cl-dur-slow) var(--cl-ease-out),box-shadow var(--cl-dur-slow) var(--cl-ease-out)}.cl-root .cl-card__link:hover,.cl-root .cl-card__link:focus-visible{transform:translateY(-6px);box-shadow:var(--cl-shadow-card-hover)}.cl-root .cl-card__art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:transform var(--cl-dur-slow) var(--cl-ease-out)}.cl-root .cl-card__link:hover .cl-card__art,.cl-root .cl-card__link:focus-visible .cl-card__art{transform:scale(1.045)}.cl-root .cl-card__title{position:absolute;inset-inline:0;top:0;z-index:2;padding:var(--cl-card-title-pt) 16px 0;font-size:var(--cl-card-title-size);font-weight:700;line-height:1.15;letter-spacing:-.005em;text-transform:uppercase;text-align:center;text-wrap:balance;color:var(--cl-card-title-color)}.cl-root .cl-card__meta{position:absolute;inset-inline:0;bottom:clamp(16px,2.6vw,30.4px);z-index:2;padding-inline:16px;text-align:center;pointer-events:none}.cl-root .cl-card__badge{display:inline-flex;align-items:center;gap:6.4px;padding:6.4px 13.6px;background:var(--cl-ink);color:var(--cl-white);border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;opacity:0;transform:translateY(8px);transition:opacity var(--cl-dur-slow) var(--cl-ease-out),transform var(--cl-dur-slow) var(--cl-ease-out)}.cl-root .cl-card__link:hover .cl-card__badge,.cl-root .cl-card__link:focus-visible .cl-card__badge{opacity:1;transform:translateY(0)}.cl-root .cl-card__badge svg{width:12.8px;height:12.8px}.cl-root .cl-card__price{display:block;margin-top:5.6px;font-size:12px;font-weight:500;color:var(--cl-muted)}.cl-root .cl-card__media{display:flex;align-items:center;gap:8.8px;justify-content:center;margin-top:13.6px}.cl-root .cl-card__media img{width:41.6px;height:41.6px;border-radius:7.2px}.cl-root .cl-plan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;padding:0 12% 12.8% 19.05%}.cl-root .cl-plan__lead-title{font-size:clamp(15px,1.19vw,17px);font-weight:700;line-height:1.48;color:var(--cl-body-text)}.cl-root .cl-plan__price{display:flex;align-items:baseline;gap:.28em;margin-top:9.6px}.cl-root .cl-plan__amount{font-size:clamp(17px,1.7vw,24px);font-weight:700;letter-spacing:-.02em;color:var(--cl-body-text)}.cl-root .cl-plan__period{font-size:clamp(13px,1.25vw,18px);font-weight:400;color:var(--cl-body-text)}.cl-root .cl-plan__note{margin-top:6.4px;font-size:clamp(11px,.87vw,12px);line-height:1.4;color:var(--cl-muted)}.cl-root .cl-plan__rule{margin-top:18.4px;height:1px;background:var(--cl-border)}.cl-root .cl-plan__covers{display:flex;gap:2.4px;margin-top:18.4px}.cl-root .cl-plan__covers img{width:clamp(28px,3.2vw,48px);height:clamp(28px,3.2vw,48px);border-radius:4.8px}.cl-root .cl-reveal{opacity:0;transform:translateY(22px);transition:opacity .62s var(--cl-ease-out),transform .62s var(--cl-ease-out);transition-delay:calc(var(--i, 0) * 80ms)}.cl-root .cl-reveal.is-visible{opacity:1;transform:translateY(0)}.cl-root .cl-no-js .cl-reveal{opacity:1;transform:none}@media(max-width:1023px){.cl-root .cl-grid__list{grid-template-columns:repeat(2,minmax(0,1fr))}.cl-root .cl-card__title{padding-inline:12px}}@media(max-width:639px){.cl-root{--cl-page-max: 480px;--cl-logo-w: min(280px, 78vw);--cl-awning-scale: .68}.cl-root .cl-grid__list{grid-template-columns:minmax(0,1fr);gap:clamp(20px,6vw,32px)}.cl-root .cl-card__link--plan{aspect-ratio:auto}.cl-root .cl-card__link--plan .cl-card__title{position:static;padding-bottom:5.6px}.cl-root .cl-card__link--plan .cl-plan{position:static;padding:20px 21.6px 25.6px}.cl-root .cl-card__link--plan .cl-card__meta{position:static;padding:0 21.6px 21.6px}.cl-root .cl-card__badge{opacity:1;transform:none}.cl-root .cl-panel{max-height:60vh}.cl-root .cl-result__media{width:40px;height:40px}}@media(max-width:400px){.cl-root{--cl-awning-scale: .58}}@media(prefers-reduced-motion:reduce){.cl-root *,.cl-root *:before,.cl-root *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.cl-root .cl-reveal{opacity:1;transform:none}.cl-root .cl-card__link:hover,.cl-root .cl-card__link:focus-visible{transform:none}.cl-root .cl-card__art,.cl-root .cl-card__link:hover .cl-card__art,.cl-root .cl-card__link:focus-visible .cl-card__art{transform:none}}@media(prefers-contrast:more){.cl-root{--cl-muted: #3d4149;--cl-panel-border: #9a978d;--cl-border: #9a978d}.cl-root .cl-search__field{border-color:#6b6f78}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/shop-landing.css.map */