.set-composition__inner{display:flex;flex-direction:column;gap:14px}.set-composition__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--ds-space-6)}.set-composition__intro{display:flex;flex-direction:column;gap:6px;min-width:0}.set-composition__heading{margin:0}.set-composition__lead{margin:0;font-size:14px;line-height:1.55;color:var(--ds-muted)}.set-composition__rail{display:flex;gap:12px;overflow-x:auto;padding:2px 0 6px;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none;margin-inline:calc(-1 * var(--ds-space-5));padding-inline:var(--ds-space-5);scroll-padding-inline:var(--ds-space-5)}.set-composition__rail::-webkit-scrollbar{display:none}.set-composition__rail>*{scroll-snap-align:start}.set-composition__controls{display:none;gap:10px;flex-shrink:0}.set-composition__arrow{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ds-border-mid);border-radius:var(--ds-radius-pill);background:var(--ds-surface);color:var(--ds-primary);cursor:pointer;transition:background-color .16s ease,opacity .16s ease}.set-composition__arrow:hover{background:var(--ds-surface-soft)}.set-composition__arrow:disabled{opacity:.4;cursor:default}.set-composition__arrow:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.set-composition__arrow svg{transform:scaleX(var(--set-composition-flip, 1))}[dir=rtl] .set-composition__arrow{--set-composition-flip: -1}.set-composition__note{margin:0;font-size:11.5px;line-height:1.5;color:var(--ds-faint)}.set-composition__card{width:240px;flex:0 0 auto;display:flex;flex-direction:column;padding:0;border:1px solid var(--ds-border);border-radius:var(--ds-radius-lg);background:var(--ds-bg);color:inherit;font:inherit;text-align:start;cursor:pointer;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.set-composition__card:hover{border-color:var(--ds-border-mid);box-shadow:0 6px 18px #3a241817}.set-composition__card:focus-visible{outline:none;box-shadow:var(--ds-focus-ring)}.set-composition__media{position:relative;display:block;width:100%;aspect-ratio:1 / 1;background:var(--ds-surface-soft)}.set-composition__image{display:block;width:100%;height:100%;object-fit:cover}.set-composition__image--placeholder{background-image:repeating-linear-gradient(45deg,#e5dcd1 0 6px,var(--ds-surface-2) 6px 12px)}.set-composition__zoom{position:absolute;bottom:10px;inset-inline-end:10px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:#fffdf9f0;color:var(--ds-primary)}.set-composition__body{display:flex;flex-direction:column;gap:7px;padding:12px 14px 14px}.set-composition__names{display:flex;flex-direction:column;gap:2px;min-height:46px}.set-composition__name{font-family:var(--ds-font-heading);font-size:16px;font-weight:600;line-height:1.25;letter-spacing:-.01em}.set-composition__latin{font-size:12px;line-height:1.35;letter-spacing:.02em;color:var(--ds-faint)}[dir=rtl] .set-composition__latin{direction:ltr;text-align:start}.set-composition__text{display:flex;flex-direction:column;gap:6px;height:96px;overflow:hidden}.set-composition__chips{display:flex;flex-wrap:wrap;gap:6px;flex:none}.set-composition__chip{padding:5px 10px;border-radius:var(--ds-radius-pill);background:var(--ds-surface-2);color:var(--ds-text);font-size:12px;font-weight:600;line-height:1.2}.set-composition__desc{min-height:0;font-size:13px;line-height:1.5;color:var(--ds-muted);overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}@media screen and (min-width:990px){.set-composition__inner{gap:18px}.set-composition__rail{gap:16px;margin-inline:0;padding-inline:0;scroll-padding-inline:0}.set-composition__controls{display:flex}.set-composition__lead{font-size:15px;line-height:1.6}.set-composition__note{font-size:12px}.set-composition__card{width:260px}.set-composition__body{padding:13px 15px 15px}.set-composition__names{min-height:48px}.set-composition__name{font-size:17px}.set-composition__text{height:100px}.set-composition__desc{font-size:13.5px}}@media(prefers-reduced-motion:reduce){.set-composition__card,.set-composition__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/set-composition.css.map */