.cycd{--ink: rgb(var(--color-background));--fg: #F6F6FB;--fg2: rgb(246 246 251 / .72);--line: rgb(255 255 255 / .1);--act: #EB0201;--red: #FF0000;--font: var(--font-body-family, "Inter", system-ui, sans-serif);--display: var(--font-heading-family, "Manrope", system-ui, sans-serif);--ease: cubic-bezier(.16, 1, .3, 1);color:var(--fg);font-family:var(--font)}.cycd .cycd__door,.cycd .cycd__door:hover,.cycd .cycd__door:focus{color:var(--fg);text-decoration:none}.cy-sys.cycd .cycd__title{color:var(--fg);text-transform:none}.cy-sys.cycd .cycd__line{color:var(--fg2)}.cycd{--h: max(220px, 20vw);display:flex;height:calc(var(--h) + 2px);background:var(--ink);border-block:1px solid var(--line)}.cycd__door{position:relative;flex:1 1 0;min-width:0;overflow:hidden;display:block;color:inherit;text-decoration:none;isolation:isolate;transition:flex-grow .7s var(--ease);outline:none}.cycd__door+.cycd__door{border-inline-start:1px solid var(--line)}.cycd__art{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.cycd__art img{position:absolute;top:0;height:100%;width:auto;max-width:none;aspect-ratio:var(--ar, 2.44);left:var(--fx, 50%);transform:translate(calc(var(--fx, 50%) * -1));display:block;filter:saturate(.9) brightness(.7);transition:filter .6s var(--ease)}.cycd__door:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0a0a0d8c,#0a0a0d00 55%),linear-gradient(180deg,#0a0a0d00 45%,#0a0a0db3)}.cycd__no{position:absolute;top:22px;left:26px;font:600 12px/1 var(--font);letter-spacing:.24em;color:#ffffff80}.cycd__no:after{content:"";display:inline-block;width:16px;height:1px;margin-left:8px;vertical-align:middle;background:currentColor;opacity:.6;transition:width .5s var(--ease),background .5s}.cycd__body{position:absolute;left:26px;right:76px;bottom:24px;display:grid;gap:6px}.cycd__title{margin:0;font:800 clamp(22px,1.7vw,30px)/1.05 var(--display);letter-spacing:-.02em;white-space:nowrap;transition:opacity .4s var(--ease)}.cycd__more{display:grid;gap:8px;max-height:0;opacity:0;overflow:hidden;transition:max-height .6s var(--ease),opacity .4s var(--ease)}.cycd__line{margin:0;max-width:40ch;color:var(--fg2);font-size:14px;line-height:1.45}.cycd__cta{justify-self:start}.cycd__go{position:absolute;right:22px;bottom:22px;width:44px;height:44px;display:grid;place-items:center;border-radius:4px;border:1px solid rgb(255 255 255 / .28);color:#fff;transition:background .35s var(--ease),border-color .35s var(--ease)}.cycd__go svg,.cycd__cta svg{width:16px;height:16px}.cycd__spine{position:absolute;left:22px;bottom:24px;writing-mode:vertical-rl;transform:rotate(180deg);font:800 17px/1 var(--display);white-space:nowrap;opacity:0;transition:opacity .4s var(--ease);pointer-events:none}@media(hover:hover)and (min-width:990px){.cycd__door{flex:1 1 0;transition:flex-basis .7s var(--ease),flex-grow .7s var(--ease)}.cycd .cycd__door:hover,.cycd .cycd__door:focus-visible{flex:0 0 calc(var(--h) * var(--ar, 2.44))}.cycd__door:hover .cycd__art img,.cycd__door:focus-visible .cycd__art img{filter:saturate(1) brightness(.92)}.cycd:hover .cycd__door:not(:hover) .cycd__art img{filter:saturate(.5) brightness(.45)}.cycd__door:hover .cycd__more,.cycd__door:focus-visible .cycd__more{max-height:7em;opacity:1;transition-delay:.15s}.cycd__door:hover .cycd__no,.cycd__door:focus-visible .cycd__no{color:#fff}.cycd__door:hover .cycd__no:after,.cycd__door:focus-visible .cycd__no:after{width:34px;background:var(--red);opacity:1}.cycd__door:hover .cycd__go,.cycd__door:focus-visible .cycd__go{opacity:0}.cycd:hover .cycd__door:not(:hover) :is(.cycd__title,.cycd__go){opacity:0}.cycd:hover .cycd__door:not(:hover) .cycd__spine{opacity:1;transition-delay:.2s}.cycd__go{transition:background .35s var(--ease),border-color .35s var(--ease),opacity .3s}}.cycd__door:focus-visible{box-shadow:inset 0 0 0 2px var(--act)}@media(max-width:989px){.cycd{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;height:auto;padding:16px;background:var(--ink);border-block:0;container-type:inline-size}.cycd__door{grid-column:span 3;aspect-ratio:1 / 1;height:auto;border-radius:12px;isolation:isolate;box-shadow:inset 0 0 0 1px #ffffff14}.cycd.has-open .cycd__door{grid-column:span 2;aspect-ratio:1 / 1}.cycd.has-open .cycd__door.is-open{grid-column:1 / -1;order:-1;aspect-ratio:auto;height:calc(100cqw - 8px - (100cqw - 16px) / 3)}.cycd__door+.cycd__door{border-inline-start:0}.cycd__art img{position:static;left:auto;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:var(--fxm, 50%) 50%;transform:none;filter:saturate(.95) brightness(.85)}.cycd__door.is-open .cycd__art img{filter:saturate(1) brightness(.95)}.cycd__door:before{border-radius:inherit;background:linear-gradient(180deg,#0a0a0d00 40%,#0a0a0dd1)}.cycd__door.is-open:before{background:linear-gradient(180deg,#0a0a0d00 34%,#0a0a0d9e 58%,#0a0a0df2)}.cycd__spine,.cycd__go{display:none}.cycd__no{top:12px;left:12px;font-size:12px;color:#ffffffb3}.cycd__no:after{width:12px}.cycd__door.is-open .cycd__no{top:16px;left:16px;color:#fff}.cycd__door.is-open .cycd__no:after{width:22px;background:var(--red);opacity:1}.cycd__body{left:12px;right:12px;bottom:12px;gap:6px}.cycd__title{font-size:clamp(17px,4.6vw,21px);white-space:normal}.cycd.has-open .cycd__door:not(.is-open) .cycd__title{font-size:13px}.cycd.has-open .cycd__door:not(.is-open) .cycd__no{display:none}.cycd__more{display:grid;gap:10px;max-height:0;opacity:0;overflow:hidden}.cycd__door.is-open .cycd__body{left:16px;right:16px;bottom:16px}.cycd__door.is-open .cycd__title{font-size:clamp(22px,6vw,26px);white-space:nowrap}.cycd__door.is-open .cycd__more{max-height:160px;opacity:1;transition:opacity .4s var(--ease) .15s}.cycd__line{font-size:13.5px;line-height:1.4;max-width:none;color:var(--fg2)}.cycd__door:active{transform:scale(.985)}}@media(prefers-reduced-motion:reduce){.cycd__door,.cycd__door *{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/53/assets/cy-category-doors.css.map */