.crail__foot[hidden]{display:none}.crail__foot{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:18px}.crail__spacer{display:block}.crail__dots{display:flex;align-items:center;justify-content:center;gap:10px;grid-column:2}.crail__dot{position:relative;width:7px;height:7px;padding:0;border:0;border-radius:999px;background:var(--c-line);cursor:pointer;transition:background-color .22s var(--c-ease, ease),transform .22s var(--c-ease, ease)}.crail__dot:after{content:"";position:absolute;top:-18.5px;right:-18.5px;bottom:-18.5px;left:-18.5px}.crail__dot.is-on{background:var(--c-fg);transform:scale(1.25)}@media(hover:hover){.crail__dot:not(.is-on):hover{background:var(--c-soft)}}@media(prefers-reduced-motion:reduce){.crail__dot{transition:none}}.crail__arrows{display:none;gap:8px;flex:none;grid-column:3;justify-content:flex-end}.crail__arrow{width:44px;height:44px;display:grid;place-items:center;padding:0;border:1px solid var(--c-line);border-radius:999px;background:transparent;color:var(--c-fg);cursor:pointer;transition:border-color .25s var(--c-ease),background-color .25s var(--c-ease),opacity .25s var(--c-ease)}.crail__arrow:hover:not(:disabled){background:var(--c-surface);border-color:var(--c-fg)}.crail__arrow:disabled{opacity:.3;cursor:default}.crail__arrow svg{width:16px;height:16px}@media(min-width:750px){.crail__arrows{display:flex}}.crail__hint{position:absolute;right:var(--c-gutter, 20px);bottom:50%;z-index:3;display:flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;background:rgb(var(--t-page-rgb) / .94);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 12px rgb(var(--t-ink-rgb) / .12);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--c-fg);pointer-events:none;opacity:0;transition:opacity .4s var(--c-ease)}.crail__hint.is-on{opacity:1}.crail__hint svg{width:15px;height:15px;animation:crail-nudge 1.6s ease-in-out infinite}@keyframes crail-nudge{0%,to{transform:translate(0)}50%{transform:translate(4px)}}@media(min-width:750px){.crail__hint{display:none}}@media(prefers-reduced-motion:reduce){.crail__arrow{transition:none}.crail__hint svg{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/calmy-rail.css.map */