.cjm,.cjm-atmo--blush{--cjm-bg: var(--cj-blush);--cjm-fg: var(--cj-ink);--cjm-muted: #5a3142}.cjm[data-atmo=citrus],.cjm-atmo--citrus{--cjm-bg: var(--cj-citrus);--cjm-fg: var(--cj-ink);--cjm-muted: #4f4a1c}.cjm[data-atmo=lagoon],.cjm-atmo--lagoon{--cjm-bg: var(--cj-lagoon);--cjm-fg: var(--cj-ink);--cjm-muted: #1f4a52}.cjm[data-atmo=jade],.cjm-atmo--jade{--cjm-bg: var(--cj-jade);--cjm-fg: var(--cj-ink);--cjm-muted: #2c4a2c}.cjm[data-atmo=violet],.cjm-atmo--violet{--cjm-bg: var(--cj-violet);--cjm-fg: #fdf9f4;--cjm-muted: rgba(253, 249, 244, .82)}.cjm[data-atmo=cobalt],.cjm-atmo--cobalt{--cjm-bg: var(--cj-cobalt);--cjm-fg: #fdf9f4;--cjm-muted: rgba(253, 249, 244, .84)}.cjm[data-atmo=lacquer],.cjm-atmo--lacquer{--cjm-bg: var(--cj-lacquer);--cjm-fg: #fdf9f4;--cjm-muted: rgba(253, 249, 244, .84)}.cjm[data-atmo=blush]{--cjm-bg: var(--cj-blush);--cjm-fg: var(--cj-ink);--cjm-muted: #5a3142}.cjm{padding-block:var(--cj-section);background:color-mix(in srgb,var(--cjm-bg) 16%,var(--cj-gallery));transition:background-color .7s var(--cj-ease-out)}.cjm__head{max-width:760px}.cjm__tabs{position:relative;display:flex;gap:8px;margin:28px calc(var(--cj-gutter) * -1) 22px;padding:6px var(--cj-gutter);overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:var(--cj-gutter);scrollbar-width:none}.cjm__tabs::-webkit-scrollbar{display:none}html:not(.cj-js) .cjm__tabs{display:none}.cjm__tab{position:relative;z-index:1;flex:none;scroll-snap-align:start;display:inline-flex;align-items:center;gap:10px;min-height:50px;padding:0 22px 0 14px;border:1.5px solid var(--cj-line);border-radius:999px;background:#fff;color:var(--cj-ink);font:500 15px/1 var(--cj-sans);letter-spacing:.01em;cursor:pointer;white-space:nowrap;transition:color .35s var(--cj-ease-out),border-color .35s,background-color .35s,transform .18s var(--cj-ease-out)}.cjm__tab:hover{transform:translateY(-1px);border-color:var(--cj-ink)}.cjm__tab:active{transform:scale(.97)}.cjm__tab:focus-visible{outline:3px solid var(--cj-ink);outline-offset:3px}.cjm__dot{width:16px;height:16px;border-radius:50%;background:var(--cjm-bg);box-shadow:inset 0 0 0 1px #17131b2e;transition:transform .45s var(--cj-ease-out),border-radius .45s,box-shadow .3s}.cjm__tab[aria-selected=true] .cjm__dot{transform:scale(1.18) rotate(45deg);border-radius:4px;box-shadow:0 0 0 2px #fdf9f4}.cjm.is-live .cjm__tab[aria-selected=true]{border-color:transparent;background:transparent;color:#fdf9f4}.cjm__blob{position:absolute;z-index:0;left:0;top:6px;height:50px;width:var(--bw, 0px);border-radius:999px;background:var(--cj-ink);transform:translate(var(--bx, 0px));pointer-events:none;transition:transform .55s var(--cj-ease-out),width .55s var(--cj-ease-out)}.cjm:not(.is-live) .cjm__blob{display:none}.cjm:not(.is-live) .cjm__tab[aria-selected=true]{background:var(--cj-ink);border-color:var(--cj-ink);color:#fdf9f4}.cjm__panels{display:grid;gap:28px}.cj-js .cjm__panel:not(.is-on){display:none}.cjm__panel{--cj-fg: var(--cjm-fg);--cj-fg-muted: var(--cjm-muted);--cj-focus: var(--cjm-fg);position:relative;isolation:isolate;display:grid;border-radius:28px;overflow:hidden;background:var(--cjm-bg);color:var(--cjm-fg)}.cjm__panel:focus-visible{outline:3px solid var(--cj-ink);outline-offset:4px}.cjm__visual{position:relative;margin:0;aspect-ratio:4 / 3;overflow:hidden;background:color-mix(in srgb,var(--cjm-bg) 80%,#17131b)}.cjm__visual img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:var(--fx, 50%) 50%}.cjm__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(to top,#17131b99,#17131b00 55%)}.cjm__word{position:absolute;z-index:2;left:6%;right:6%;bottom:5%;margin:0;font:italic 400 clamp(52px,7.4vw,128px)/.88 var(--cj-serif);letter-spacing:-.02em;color:#fdf9f4}.cjm__word .w{display:inline-block;overflow:hidden;padding-bottom:.08em;vertical-align:top}.cjm__word .w>span{display:inline-block}.cjm__facets i{position:absolute;z-index:2;width:var(--s);aspect-ratio:1;clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);background:linear-gradient(140deg,#fff 0 14%,var(--cjm-bg) 55%,color-mix(in srgb,var(--cjm-bg) 60%,#17131b))}.cjm__facets i:nth-child(1){--s: 34px;left:7%;top:9%}.cjm__facets i:nth-child(2){--s: 22px;right:9%;top:14%}.cjm__facets i:nth-child(3){--s: 28px;right:14%;bottom:30%}.cjm.is-live .cjm__facets i{animation:cjm-drift 9s ease-in-out infinite alternate}.cjm.is-live .cjm__facets i:nth-child(2){animation-delay:-3s}.cjm.is-live .cjm__facets i:nth-child(3){animation-delay:-6s}.cjm.is-off .cjm__facets i{animation-play-state:paused}.cjm__body{padding:24px 22px 26px;min-width:0}.cjm__count{margin:0 0 10px;font:400 15px/1 var(--cj-serif);color:var(--cjm-muted)}.cjm__name{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cjm__text{max-width:36ch;margin:0;font-size:clamp(17px,1.3vw,20px);line-height:1.5;color:var(--cjm-fg);text-wrap:pretty}.cjm__cta{margin-top:6px}.cjm__railwrap{position:relative;margin-top:20px}.cjm__rail{display:grid;grid-auto-flow:column;grid-auto-columns:46vw;gap:12px;margin:0 -22px;padding:4px 22px 14px;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--cjm-fg) 40%,transparent) transparent}.cjm__item{scroll-snap-align:start;min-width:0}.cjm__item .cj-card{height:100%;gap:10px;padding:8px 8px 12px;border-radius:18px;background:#fff;color:var(--cj-ink);box-shadow:0 16px 34px -26px #17131b99;transition:transform .3s var(--cj-ease-out),box-shadow .3s}.cjm__item .cj-card:hover{transform:translateY(-4px);box-shadow:0 24px 40px -26px #17131bb3}.cjm__item .cj-card__media{border-radius:12px}.cjm__item .cj-card__title,.cjm__item .cj-card__price{font-size:14px}.cjm__item .cj-card__link:focus-visible{outline:3px solid var(--cj-ink);outline-offset:3px}.cjm__nav{display:none}.cjm__ways{display:grid;gap:10px;margin:20px 0 0;padding:0;list-style:none}.cjm__way{display:grid;grid-template-columns:auto 1fr;gap:2px 14px;align-items:baseline;padding:18px 20px;border-radius:18px;background:#ffffffc7;color:var(--cj-ink);text-decoration:none;transition:transform .25s var(--cj-ease-out),background-color .25s}.cjm__way:hover{transform:translate(4px);background:#fff}.cjm__way:focus-visible{outline:3px solid var(--cj-ink);outline-offset:3px}.cjm__way-n{grid-row:span 2;font:400 15px/1 var(--cj-serif);color:var(--cj-mist)}.cjm__way-t{font:400 clamp(22px,2vw,28px)/1.1 var(--cj-serif)}.cjm__way-t:after{content:" \2192";font-family:var(--cj-sans);font-size:.7em}.cjm__way-x{font-size:15px;color:var(--cj-ink-soft)}@media(min-width:750px){.cjm__rail{grid-auto-columns:30vw}.cjm__visual{aspect-ratio:16 / 9}}@media(min-width:990px){.cjm__tabs{margin-inline:0;padding-inline:0;flex-wrap:wrap;overflow:visible}.cjm__panel{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:600px}.cjm__visual{aspect-ratio:auto;min-height:100%}.cjm__body{display:flex;flex-direction:column;justify-content:center;padding:52px 0 44px 52px}.cjm__info{padding-right:52px}.cjm__text{font-size:21px}.cjm__rail{grid-auto-columns:clamp(190px,14.5vw,236px);gap:16px;margin:0;padding:6px 52px 16px 0;scroll-padding-inline:0}.cjm__nav{display:flex;gap:8px;justify-content:flex-end;padding-right:52px}.cjm__nav[hidden]{display:none}.cjm__arrow{display:grid;place-items:center;width:46px;height:46px;border:0;border-radius:50%;background:#ffffffdb;color:var(--cj-ink);cursor:pointer;transition:transform .2s var(--cj-ease-out),opacity .2s}.cjm__arrow:hover{transform:scale(1.06)}.cjm__arrow:disabled{opacity:.35;cursor:default;transform:none}.cjm__arrow:focus-visible{outline:3px solid var(--cjm-fg);outline-offset:2px}.cjm__arrow svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cjm__ways{margin-right:52px}}@keyframes cjm-drift{0%{transform:translate(0) rotate(0)}to{transform:translate(8px,-12px) rotate(22deg)}}@media(prefers-reduced-motion:reduce){.cjm,.cjm__tab,.cjm__dot,.cjm__blob,.cjm__item .cj-card,.cjm__way{transition-duration:.01s!important}.cjm .cjm__facets i{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/cj-shop-by-mood.css.map */