.jo-rail{display:none}@media screen and (max-width:749px){.jo-rail{display:block;position:fixed;left:0;right:0;bottom:0;z-index:98;background:#f8f6f5f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(31,31,31,.14);box-shadow:0 -4px 16px #0000000f;padding:8px 12px calc(8px + env(safe-area-inset-bottom,0px));transform:translateY(110%);opacity:0;transition:transform .24s cubic-bezier(.2,.75,.2,1),opacity .18s ease;font-family:Inter,Helvetica,Arial,sans-serif;color:#1f1f1fbf}.jo-rail[hidden]{display:block}.jo-rail.is-on{transform:none;opacity:1}.jo-rail__row{display:flex;gap:8px;align-items:center}.jo-rail__thumb{width:40px;height:40px;flex:0 0 40px;border-radius:3px;overflow:hidden;background:#efedea}.jo-rail__thumb img{width:100%;height:100%;object-fit:cover;display:block}.jo-rail__meta{flex:1 1 auto;min-width:0}.jo-rail__name{font:700 11.5px/1.25 Inter,Helvetica,Arial,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:#1f1f1f;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:normal}.jo-rail__sub{font:400 11.5px/1.35 Inter,Helvetica,Arial,sans-serif;white-space:nowrap;overflow:hidden;margin-top:1px}.jo-rail__sub s{color:#1f1f1f80}.jo-rail__btn{position:relative;height:48px;min-width:156px;padding:0 10px;margin:0;border:1px solid #1E1E1E;border-radius:5px;background:#1e1e1e;color:#fff;font:500 12.5px/1 Inter,Helvetica,Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase;display:flex;gap:7px;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.jo-rail__btn:focus-visible{outline:2px solid #B8862B;outline-offset:2px}.jo-rail__btn .pz{padding-left:7px;border-left:1px solid rgba(255,255,255,.3)}.jo-rail__btn.is-outline{background:transparent;color:#1f1f1f}.jo-rail__btn .ck{width:15px;height:15px;stroke:currentColor;fill:none;stroke-width:2.4;stroke-dasharray:24;stroke-dashoffset:24;transition:stroke-dashoffset .2s ease}.jo-rail__btn.is-done .ck{stroke-dashoffset:0}.jo-rail__btn .spin{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:joRailSpin .7s linear infinite}@keyframes joRailSpin{to{transform:rotate(360deg)}}.jo-rail__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.jo-rail__sheet{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:inherit}.jo-rail__sheet::backdrop{background:#0000004d}body.jo-rail-sheet-open{overflow:hidden}.jo-rail__sheet[hidden]{display:none}.jo-rail__pane{position:absolute;left:0;right:0;bottom:0;background:#f8f6f5;border-radius:12px 12px 0 0;padding:10px 16px calc(14px + env(safe-area-inset-bottom,0px));display:grid;gap:12px;max-height:90dvh;overflow-y:auto}.jo-rail__grab{width:36px;height:4px;border-radius:2px;background:#1f1f1f24;margin:0 auto 4px}.jo-rail__hd{display:flex;justify-content:space-between;align-items:center;font:700 12px Inter,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#1f1f1f}.jo-rail__hd button{background:none;border:0;font:500 11px Inter,Helvetica,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#1f1f1f;padding:8px;cursor:pointer}.jo-rail__opts{display:grid;gap:8px}.jo-rail__opt{display:flex;justify-content:space-between;align-items:center;width:100%;height:48px;padding:0 14px;margin:0;border:1px solid rgba(31,31,31,.14);border-radius:5px;background:#fff;font:500 13px Inter,Helvetica,Arial,sans-serif;color:#1f1f1f;cursor:pointer}.jo-rail__opt[aria-pressed=true]{border-color:#1f1f1f;box-shadow:inset 0 0 0 1px #1f1f1f}.jo-rail__opt[disabled]{opacity:.4;cursor:not-allowed}.jo-rail__sadd{height:49px;width:100%;margin:0;border:0;border-radius:5px;background:#1e1e1e;color:#fff;font:500 15px/1 Inter,Helvetica,Arial,sans-serif;letter-spacing:1.05px;text-transform:uppercase;cursor:pointer}.jo-rail__sadd[disabled]{opacity:.35;cursor:not-allowed}body.jo-rail-on [class*=kl-teaser-]{opacity:0!important;pointer-events:none!important;transition:opacity .2s}body.jo-rail-on #zonos .z-flag,body.jo-rail-on #zonos .z-bubble{bottom:calc(84px + env(safe-area-inset-bottom,0px))!important}}@media screen and (max-width:359px){.jo-rail__thumb{display:none}.jo-rail__btn{min-width:148px}}@media(prefers-reduced-motion:reduce){.jo-rail,.jo-rail__btn .ck{transition:none}.jo-rail__btn .spin{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/226/assets/jo-sticky-rail.css.map */
