.cyl-cine{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#0c0b0a;color:#f3efe8}.cyl-cine:not([open]){display:none}.cyl-cine[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;animation:cylCineIn .6s ease}.cyl-cine::backdrop{background:#0c0b0a}@keyframes cylCineIn{0%{opacity:0}to{opacity:1}}.cyl-cine__top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:12px clamp(14px,3vw,32px)}.cyl-cine__brand{font-size:10px;letter-spacing:.28em;text-transform:uppercase;color:#f3efe899;white-space:nowrap}.cyl-cine__brand i{margin:0 .4em;font-style:normal;color:#c9a876}.cyl-cine__title{margin:0;text-align:center;font-family:var(--font-heading-family, serif);font-size:clamp(16px,1.6vw,21px);line-height:1.2}.cyl-cine__title span{margin-left:10px;font-family:var(--font-body-family, sans-serif);font-size:13px;color:#c9a876;white-space:nowrap}.cyl-cine__close{justify-self:end;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(243,239,232,.28);background:transparent;color:inherit;cursor:pointer;transition:background .2s ease,color .2s ease}.cyl-cine__close:hover{background:#f3efe8;color:#0c0b0a}.cyl-cine__stage{position:relative;min-height:0;overflow:hidden;touch-action:pan-y}.cyl-cine__stage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 95% 85% at 50% 50%,transparent 64%,rgba(0,0,0,.28) 100%)}.cyl-cine.is-loading .cyl-cine__stage:before{content:"";position:absolute;left:50%;top:50%;width:64px;height:1px;margin-left:-32px;background:#c9a876;animation:cylCineLoad 1s ease-in-out infinite alternate}@keyframes cylCineLoad{0%{transform:scaleX(.2);opacity:.4}to{transform:scaleX(1);opacity:1}}.cyl-cine__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 1.1s ease}.cyl-cine__img.is-on{opacity:1}.cyl-cine__img:not([src]){visibility:hidden}@media(prefers-reduced-motion:no-preference){.cyl-cine__img.is-on{animation:cylCineKen 7s cubic-bezier(.25,.5,.3,1) both}@keyframes cylCineKen{0%{transform:scale(1.045)}to{transform:none}}}.cyl-cine__nav{position:absolute;top:50%;z-index:2;width:48px;height:48px;margin-top:-24px;display:grid;place-items:center;border-radius:50%;border:1px solid rgba(243,239,232,.3);background:#0c0b0a59;color:#f3efe8;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .2s ease,color .2s ease}.cyl-cine__nav:hover{background:#f3efe8;color:#0c0b0a}.cyl-cine__nav--prev{left:clamp(8px,2vw,24px)}.cyl-cine__nav--prev svg{transform:scaleX(-1)}.cyl-cine__nav--next{right:clamp(8px,2vw,24px)}.cyl-cine__bar{display:flex;align-items:center;gap:clamp(12px,2vw,22px);padding:12px clamp(14px,3vw,32px) 10px;font-size:10.5px;letter-spacing:.2em;text-transform:uppercase}.cyl-cine__play{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 14px;border:1px solid rgba(243,239,232,.28);border-radius:999px;background:transparent;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer}.cyl-cine__play[hidden]{display:none}.cyl-cine__play:hover{border-color:#c9a876;color:#c9a876}.cyl-cine__count{font-variant-numeric:tabular-nums;white-space:nowrap;color:#f3efe8bf}.cyl-cine__line{flex:1;height:1px;background:#f3efe82e}.cyl-cine__line i{display:block;height:100%;background:#c9a876;transform:scaleX(0);transform-origin:left center;transition:transform .7s cubic-bezier(.16,1,.3,1)}.cyl-cine__more{color:inherit;white-space:nowrap;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.cyl-cine__more:hover{color:#c9a876}.cyl-cine__strip{position:relative;display:flex;gap:6px;overflow-x:auto;padding:16px clamp(14px,3vw,32px) calc(16px + env(safe-area-inset-bottom));scrollbar-width:none;background:linear-gradient(90deg,rgba(243,239,232,.2) 0 10px,transparent 10px 24px) left 6px / 24px 4px repeat-x,linear-gradient(90deg,rgba(243,239,232,.2) 0 10px,transparent 10px 24px) left calc(100% - 6px - env(safe-area-inset-bottom)) / 24px 4px repeat-x,#141210}.cyl-cine__strip:empty{display:none}.cyl-cine__strip::-webkit-scrollbar{display:none}.cyl-cine__thumb{flex:0 0 60px;height:78px;padding:0;border:1px solid transparent;background:#1c1916;cursor:pointer;opacity:.45;transition:opacity .3s ease,border-color .3s ease}.cyl-cine__thumb img{display:block;width:100%;height:100%;object-fit:cover}.cyl-cine__thumb:hover,.cyl-cine__thumb[aria-current=true]{opacity:1}.cyl-cine__thumb[aria-current=true]{border-color:#c9a876}.cyl-cine :focus-visible{outline:1.5px solid #c9a876;outline-offset:3px}@media(max-width:749px){.cyl-cine__top{grid-template-columns:minmax(0,1fr) auto}.cyl-cine__brand{display:none}.cyl-cine__title{text-align:left}.cyl-cine__nav{width:40px;height:40px;margin-top:-20px}.cyl-cine__play{padding:0;width:36px;justify-content:center}.cyl-cine__play span{display:none}.cyl-cine__thumb{flex-basis:48px;height:62px}}@media(prefers-reduced-motion:reduce){.cyl-cine[open],.cyl-cine.is-loading .cyl-cine__stage:before{animation:none}.cyl-cine__img,.cyl-cine__line i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/151/assets/cyl-cine.css.map */