.hoc{color:var(--hoc-main);font-family:var(--hoc-body);font-weight:var(--hoc-w-reg);font-size:var(--hoc-fs-body);line-height:var(--hoc-lh-body)}.hoc *,.hoc *:before,.hoc *:after{box-sizing:border-box}.hoc img{display:block;max-width:100%}.hoc a{color:inherit;text-decoration:none}.hoc-wrap{max-width:var(--hoc-wrap);margin:0 auto;padding:0 var(--hoc-gut)}.hoc :focus-visible{outline:2px solid var(--hoc-accent);outline-offset:3px}.header-wrapper .header:not(.drawer-menu).page-width{max-width:var(--hoc-wrap);padding-left:var(--hoc-gut);padding-right:var(--hoc-gut)}@media screen and (min-width:990px){.header-wrapper .header--middle-left.header--has-menu{grid-template-columns:auto minmax(0,1fr) auto}.header-wrapper .header--middle-left .header__inline-menu{justify-self:center}}.hoc-mark{display:flex;align-items:flex-end;gap:20px;margin-bottom:34px}.hoc-mark__num{flex:none}.hoc-mark__t{padding-bottom:8px}.hoc-mark--flush{margin-bottom:0}.hoc-numbered{grid-template-columns:auto minmax(0,1fr);column-gap:20px}.hoc-numbered>.hoc-mark{display:contents}.hoc-numbered>.hoc-mark>.hoc-mark__num{align-self:end}.hoc-numbered>:not(.hoc-mark){grid-column:2}.hoc-head{display:grid;grid-template-columns:1fr auto;gap:44px;align-items:end;padding-bottom:24px;margin-bottom:28px;border-bottom:1px solid var(--hoc-hair)}.hoc-head__intro{max-width:40ch}@media(max-width:900px){.hoc-head{grid-template-columns:1fr;gap:18px;align-items:start}}.hoc-pc{display:flex;flex-direction:column;height:100%;--hoc-swatch: 22px;--hoc-covers-m: 0}.hoc-pc__frame{display:block;border:1px solid var(--hoc-line);background:var(--hoc-surface);margin-bottom:18px;overflow:hidden}.hoc-pc__body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name  dots" "meta  more" "price price" "cta   cta";grid-template-rows:auto auto auto 1fr;column-gap:16px;align-items:center}.hoc-pc__body>.hoc-pc__meta{grid-area:meta;margin:8px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hoc-pc__body>.hoc-covers{grid-area:dots;justify-content:flex-end;flex-wrap:nowrap;margin:0}.hoc-pc__body>.hoc-pc__t{grid-area:name;margin:0}.hoc-pc__body>.hoc-covers__more{grid-area:more;justify-self:end;margin:8px 0 0}.hoc-pc__body>.hoc-pc__price{grid-area:price;margin:8px 0 0}.hoc-pc__body>.hoc-pc__cta{grid-area:cta;justify-self:start;align-self:end;margin:22px 0 0}.hoc-pc__ta{text-decoration:none;color:inherit}.hoc-pc__ta:hover{text-decoration:underline;text-underline-offset:4px}.hoc-covers{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin:var(--hoc-covers-m, 14px 0 0);padding:0}.hoc-covers__dot{display:block;width:var(--hoc-swatch, 30px);height:var(--hoc-swatch, 30px);flex:none;margin:0;padding:0;cursor:pointer;border:1px solid var(--hoc-line);border-radius:0;outline:none;box-shadow:none;-webkit-appearance:none;appearance:none;background-color:var(--hoc-cream);background-size:420%;background-position:center 58%;background-repeat:no-repeat;transition:border-color .15s,box-shadow .15s}.hoc-covers__dot:hover{border-color:var(--hoc-mid)}.hoc-covers__dot[aria-pressed=true]{border-color:var(--hoc-ink);box-shadow:0 0 0 1px var(--hoc-ink)}.hoc-covers__dot:focus-visible{outline:2px solid var(--hoc-accent);outline-offset:2px}.hoc-covers+.hoc-covers__name{display:block;margin:0 0 18px;min-height:1em}.hoc-covers__more{font-family:var(--hoc-label);font-weight:var(--hoc-w-med);font-size:var(--hoc-fs-micro);letter-spacing:var(--hoc-tr-caps);text-transform:uppercase;color:var(--hoc-quiet);margin-left:4px}.hoc-sw{display:flex;flex-direction:column;gap:6px;width:var(--hoc-tile);text-decoration:none;color:inherit}.hoc-sw__im{display:block;width:100%;aspect-ratio:1;background-color:var(--hoc-cream);background-size:cover;background-position:center;background-repeat:no-repeat;border:1px solid var(--hoc-line);transition:border-color .15s,transform .35s}.hoc-sw:hover .hoc-sw__im{border-color:var(--hoc-ink)}.hoc-sw__n{display:block;font-family:var(--hoc-label);font-weight:var(--hoc-w-reg);font-size:var(--hoc-fs-nano);letter-spacing:var(--hoc-tr-caps);text-transform:uppercase;color:var(--hoc-quiet);line-height:1.35;transition:color .15s}.hoc-sw:hover .hoc-sw__n{color:var(--hoc-main)}.hoc-sw__g{display:block;font-family:var(--hoc-label);font-weight:var(--hoc-w-reg);font-size:var(--hoc-fs-nano);letter-spacing:var(--hoc-tr-caps);text-transform:uppercase;color:var(--hoc-quiet)}.hoc-sw--lg{width:calc(var(--hoc-tile) * 2);gap:10px}.hoc-sw--lg .hoc-sw__n{font-size:var(--hoc-fs-sm);letter-spacing:var(--hoc-tr-name);text-transform:var(--hoc-name-case, lowercase);color:var(--hoc-main)}.hoc-sw--lg:hover .hoc-sw__im{transform:scale(1.04)}.hoc-sw--fluid{width:100%}.hoc-sw--inv .hoc-sw__im{border-color:var(--hoc-line-inv)}.hoc-sw--inv .hoc-sw__n{color:inherit}.hoc-sw--inv .hoc-sw__g{color:var(--hoc-on-ink-soft)}.hoc-sw--inv:hover .hoc-sw__im{border-color:currentColor}.hoc-strip{display:flex;gap:14px;overflow-x:auto;padding:0 var(--hoc-gut) 18px;scroll-snap-type:x mandatory;scroll-padding-left:var(--hoc-gut)}.hoc-strip .hoc-sw{flex:none;scroll-snap-align:start}.hoc-strip::-webkit-scrollbar{height:3px}.hoc-strip::-webkit-scrollbar-track{background:var(--hoc-hair)}.hoc-strip::-webkit-scrollbar-thumb{background:var(--hoc-mauve)}@media(max-width:620px){.hoc-strip .hoc-sw--lg{width:calc(var(--hoc-tile) * 1.75)}}.hoc-swgrid{display:grid;grid-template-columns:repeat(4,var(--hoc-tile));gap:16px 14px;margin:0}@media(max-width:1100px){.hoc-swgrid{grid-template-columns:repeat(4,minmax(0,1fr))}.hoc-swgrid .hoc-sw{width:100%}}@media(max-width:900px){.hoc-swgrid{grid-template-columns:repeat(4,var(--hoc-tile))}.hoc-swgrid .hoc-sw{width:var(--hoc-tile)}}.hoc-acc{border-top:1px solid var(--hoc-hair);break-inside:avoid}.hoc-acc:last-child{border-bottom:1px solid var(--hoc-hair)}.hoc-acc__h{width:100%;background:none;border:0;padding:19px 2px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;text-align:left;font-family:var(--hoc-label);font-weight:var(--hoc-w-med);font-size:var(--hoc-fs-sm);letter-spacing:var(--hoc-tr-name);color:var(--hoc-main)}.hoc-acc__ht{flex:1}.hoc-acc__ht:first-letter{text-transform:uppercase}.hoc-acc__pm{font-family:var(--hoc-display);font-weight:var(--hoc-w-air);font-size:var(--hoc-fs-h4);color:var(--hoc-accent);transition:transform .25s}.hoc-acc.is-open .hoc-acc__pm{transform:rotate(45deg)}.hoc-acc__b{display:none;padding:0 2px 22px;max-width:52ch}.hoc-acc.is-open .hoc-acc__b{display:block}.hoc-signup{display:flex;max-width:340px}.hoc-signup__in{flex:1;min-width:0;background:none;border:1px solid var(--hoc-signup-line, var(--hoc-line));border-right:0;border-radius:0;color:inherit;padding:12px 14px;font-family:var(--hoc-label);font-weight:var(--hoc-w-reg);font-size:var(--hoc-fs-sm);letter-spacing:var(--hoc-tr-name);outline:none;-webkit-appearance:none;appearance:none}.hoc-signup__in::placeholder{color:var(--hoc-fade-auto)}.hoc-signup__in:focus{border-color:currentColor}.hoc-signup__go{flex:none;background:var(--hoc-surface);color:var(--hoc-charcoal);border:0;border-radius:0;padding:12px 20px;cursor:pointer;font-family:var(--hoc-label);font-weight:var(--hoc-w-med);font-size:var(--hoc-fs-micro);letter-spacing:var(--hoc-tr-caps);text-transform:lowercase;transition:background .2s}.hoc-signup__go:hover{background:var(--hoc-cream)}.hoc-signup__note{display:block;margin-top:10px}.hoc-bar{position:fixed;left:0;right:0;bottom:0;z-index:36;background:var(--hoc-ink);color:var(--hoc-on-ink);transform:translateY(105%);transition:transform .28s cubic-bezier(.4,0,.2,1);box-shadow:var(--hoc-lift)}.hoc-bar.is-on{transform:none}.hoc-bar__in{max-width:var(--hoc-wrap);margin:0 auto;padding:11px var(--hoc-gut);display:flex;align-items:center;gap:16px}.hoc-bar__sw{width:44px;height:44px;flex:none;background-color:var(--hoc-mid);background-position:center;background-size:cover}.hoc-bar__nm{display:block;line-height:var(--hoc-lh-tight)}.hoc-bar__sub{display:block;margin-top:3px;opacity:.62}.hoc-bar__sp{flex:1}.hoc-bar__cta{flex:none}@media(max-width:700px){.hoc-bar__nm,.hoc-bar__sub,.hoc-bar__sw{display:none}.hoc-bar__cta{flex:1}}@media(prefers-reduced-motion:reduce){.hoc *,.hoc *:before,.hoc *:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/hoc-base.css.map */