.cs-film__head{margin-bottom:clamp(3.2rem,4vw,5.6rem)}.cs-film__hint{margin:0}.cs-film{--film: #2b2a28;--hole: rgb(var(--color-background));position:relative;background-color:var(--film);padding:3.2rem 0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Crect x='7' y='2' width='14' height='10' rx='2' fill='%23EEEAE3'/%3E%3C/svg%3E"),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14'%3E%3Crect x='7' y='2' width='14' height='10' rx='2' fill='%23EEEAE3'/%3E%3C/svg%3E");background-repeat:repeat-x,repeat-x;background-position:left .8rem,left calc(100% - .8rem);background-size:28px 14px,28px 14px}.cs-film__frames{list-style:none;margin:0;padding:0 2rem;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(26rem,70vw);gap:1.2rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:rgba(238,234,227,.35) transparent}@media screen and (min-width:750px){.cs-film__frames{grid-auto-columns:minmax(28rem,calc((100% - 2 * 1.2rem) / 3.3))}}.cs-film__frame{scroll-snap-align:start}.cs-film__link{display:block;color:#eeeae3;text-decoration:none}.cs-film__link:focus-visible{outline:2px solid #eeeae3;outline-offset:3px}.cs-film__edge{display:flex;justify-content:space-between;padding:0 .2rem .8rem;color:#eeeae399;font-size:1rem}.cs-film__media{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:#1f1e1c}.cs-film__media img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.85) brightness(.92);transition:filter 1.2s var(--ease-calm)}.cs-film__link:hover .cs-film__media img,.cs-film__link:focus-visible .cs-film__media img{filter:saturate(1) brightness(1)}.cs-film__caption{display:flex;justify-content:space-between;align-items:baseline;gap:1.6rem;padding:1rem .2rem 0}.cs-film__title{font-size:1.4rem;line-height:1.35;color:#eeeae3}.cs-film__price{color:#eeeae3bf;white-space:nowrap}.cs-film .cs-hover-select{position:absolute;top:6%;right:6%;bottom:6%;left:6%;pointer-events:none;z-index:2;color:rgb(var(--color-button))}.cs-film .cs-hover-select svg{width:100%;height:100%;overflow:visible}.cs-film .cs-hover-select path{fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:0;transition:stroke-dashoffset .3s var(--ease-calm),opacity .3s var(--ease-calm)}.cs-film .cs-hover-select__note{position:absolute;top:.6rem;right:1.2rem;font-family:var(--font-heading-family);font-style:italic;font-weight:var(--font-heading-weight);font-size:1.7rem;line-height:1;color:currentColor;background:#fdfbf8;padding:.2rem .6rem;opacity:0;transform:rotate(-4deg) translateY(.4rem);transition:opacity .15s var(--ease-calm),transform .15s var(--ease-calm)}.cs-film__link:hover .cs-hover-select path,.cs-film__link:focus-visible .cs-hover-select path{stroke-dashoffset:0;opacity:1;transition:stroke-dashoffset 1.4s var(--ease-calm),opacity .2s var(--ease-calm)}.cs-film__link:hover .cs-hover-select__note,.cs-film__link:focus-visible .cs-hover-select__note{opacity:1;transform:rotate(-4deg) translateY(0);transition:opacity .7s var(--ease-calm) .5s,transform .7s var(--ease-calm) .5s}@media(hover:none){.cs-film .cs-hover-select{display:none}}@media(prefers-reduced-motion:reduce){.cs-film *{transition:none!important}}.cs-film__link{position:relative;padding:.8rem .8rem 1rem}.cs-film .cs-hover-select{top:.1rem;right:.1rem;bottom:.1rem;left:.1rem}.cs-film .cs-hover-select path{stroke-width:2.5}.cs-film .cs-hover-select__note{top:-.2rem;right:1.6rem;font-size:1.8rem}
/*# sourceMappingURL=/cdn/shop/t/48/assets/component-cs-film.css.map */