.r4s{--r4h:108px;position:relative;align-self:stretch;height:var(--r4h);margin:10px 0 0;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);opacity:0;transition:opacity .9s ease .2s}.r4s.is-on{opacity:1}.r4s[hidden]{display:none}.r4s__t{display:flex;align-items:stretch;gap:10px;width:max-content;height:100%;margin:0;padding:0;list-style:none;will-change:transform}.r4s__i{flex:none;position:relative;height:100%;border-radius:14px;overflow:hidden}.r4s__p{width:calc(var(--r4h) * .8);background:#18181d;box-shadow:0 0 0 1px #ffffff38,0 10px 22px -10px #000000d9}.r4s__p img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none}.r4s__p:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(140deg,rgba(255,255,255,.2),transparent 38%);pointer-events:none}.r4s__q{width:236px;display:flex;flex-direction:column;justify-content:center;gap:5px;padding:10px 14px;background:var(--fill);box-shadow:0 0 0 1px #ffffff1a inset;text-align:left}.r4s__q p{margin:0;font-size:13px;line-height:1.3;font-weight:500;color:#eceef4;text-wrap:pretty}.r4s__q b{font-size:12px;line-height:1;font-weight:600;color:var(--mut)}.r4s.is-drag{cursor:grabbing}@media(max-width:899px){.r4s{width:100vw;align-self:center;margin-left:0;margin-right:0}#s0{padding-bottom:12px}}@media(max-width:559px){body #s0 .q2-host>.q2h{height:max(40vw,min(100vw,calc(var(--q2vh,100svh) - 285px - var(--shh,96px))));min-height:0}}@media(min-width:900px){.r4s{--r4h:128px;margin-top:6px}.r4s__q{width:272px;padding:12px 18px;gap:7px}.r4s__q p{font-size:15px;line-height:1.32}.r4s__q b{font-size:13px}.r4s__t{gap:12px}}@media(prefers-reduced-motion:reduce){.r4s{transition:none}}.r4s__q p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;flex:none}.r4s__q b{flex:none}body #s0 .q2h-c{width:calc(var(--w) * min(100%,var(--q2h-s, 100%)))}
/*# sourceMappingURL=/cdn/shop/t/36/assets/afn-qb2_r4c.css.map */
