.cybp{padding-block:var(--cybp-pt, 8.8rem) var(--cybp-pb, 8.8rem);background:rgb(var(--color-background))}.cybp__wrap{padding-inline:clamp(1.5rem,2.8vw,6.4rem)}.cybp__head{max-inline-size:72rem;margin:0 auto 4rem}.cybp__head .hdt-subheading-block{margin-block-start:1.2rem}.cybp__grid{--cols: 6;--gap: 1.6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:var(--gap);margin:0;padding:0;list-style:none}.cybp__item{display:flex;min-inline-size:0;flex:0 0 calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols))}.cy-sys.cybp .cybp__card{position:relative;isolation:isolate;display:flex;flex-direction:column;inline-size:100%;border:0;--cy-edge: rgb(13 13 16 / .08);--cy-r: 1.2rem;border-radius:1.2rem;background:#fff;color:#0d0d10;text-decoration:none;overflow:visible;box-shadow:0 1px 2px #0000000a;transition:transform var(--cys-hover-dur, .32s) var(--cys-ease, ease),box-shadow var(--cys-hover-dur, .32s) var(--cys-ease, ease)}.cybp__card:focus-visible{outline:2px solid var(--cy-tint, #EB0201);outline-offset:3px}.cybp__stage{position:relative;display:block;aspect-ratio:21 / 10;margin:.8rem .8rem 0;border-radius:.8rem;overflow:hidden;background:#f1f1f3}.cybp__mat{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;inline-size:100%;block-size:100%;object-fit:cover;object-position:center;transform:scale(1.3);transition:transform .7s var(--cys-ease, ease)}.cybp__badge{position:relative;z-index:2;display:grid;place-items:center;margin-block:-3.6rem 1.2rem;inline-size:4.8rem;block-size:4.8rem;border-radius:50%;padding:.4rem;background:#fff;border:1px solid rgb(13 13 16 / .1);box-shadow:0 .8rem 1.6rem -.8rem #0006}.cybp__tag{position:absolute;inset-block-start:.6rem;inset-inline-start:.6rem;z-index:2;padding:.25rem .6rem;border-radius:.4rem;font-size:1.2rem;font-weight:700;line-height:1.3;letter-spacing:.02em;white-space:nowrap;background:#ffffffeb;color:#0d0d10;box-shadow:0 .2rem .6rem #0000002e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cybp__tag--own{background:var(--cy-tint, #EB0201);color:#fff}.cybp__logo{inline-size:100%;block-size:100%;object-fit:contain}.cybp__body{display:flex;flex-direction:column;align-items:flex-start;flex:1 1 auto;padding:1.4rem 1.6rem 1.6rem}.cybp__name{margin-block:.5rem .4rem;font-size:1.9rem;font-weight:800;line-height:1.15;letter-spacing:-.02em}.cybp__names{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:1.35rem;line-height:1.45;color:#0d0d109e}.cybp__more{font-weight:700;color:#0d0d10cc}.cybp__foot{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-block-start:auto;padding-block-start:1.4rem}.cybp__count{font-size:1.25rem;font-weight:600;color:#0d0d1094;white-space:nowrap}.cybp__go{display:inline-grid;place-items:center;flex:none;inline-size:3.6rem;block-size:3.6rem;border-radius:var(--cys-btn-radius, .6rem);background:#0d0d10;color:#fff;transition:background-color var(--cy-dur-state, .2s) ease}.cybp__count{display:inline-flex;align-items:center;gap:.5rem}.cybp__arrow{inline-size:1.4rem;block-size:1.4rem;flex:none;transition:transform var(--cys-hover-dur, .32s) var(--cys-ease, ease),color var(--cy-dur-state, .2s) ease}.cybp__go svg{inline-size:1.8rem;block-size:1.8rem;transition:transform var(--cys-hover-dur, .32s) var(--cys-ease, ease)}.cybp__empty{text-align:center;opacity:.7}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.cybp__card:hover{transform:translateY(-.4rem);box-shadow:0 2.4rem 4.8rem -3rem #0000004d}.cybp__card:hover .cybp__mat{transform:scale(1.38)}.cybp__card:hover .cybp__go{background:var(--cy-tint, #EB0201)}.cybp__card:hover .cybp__go svg{transform:translate(.3rem)}.cybp__card:hover .cybp__arrow{transform:translate(.3rem);color:var(--cy-tint-text, #DA0402)}}@media(max-width:1439px){.cybp__grid{--cols: 4}}@media(max-width:1149px){.cybp__grid{--cols: 3}}@media(max-width:767px){.cybp__head{margin-block-end:2.8rem}.cybp__grid{--cols: 2;--gap: 1rem}.cybp__stage{margin:.6rem .6rem 0;border-radius:.6rem}.cybp__badge{inline-size:4rem;block-size:4rem;margin-block:-2.8rem 1rem}.cybp__body{padding:1.2rem}.cybp__name{font-size:1.6rem}.cybp__names{font-size:1.25rem}.cybp__foot:has(.cybp__btn){flex-direction:column;align-items:stretch;gap:.8rem}.cy-sys.cybp .cybp__btn{block-size:4.4rem}}
/*# sourceMappingURL=/cdn/shop/t/91/assets/cy-brand-picker.css.map */