#MainContent .codex-carat-size-picker{display:block!important}#MainContent .codex-carat-size-picker>input[type=radio]{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}.ffl-rail{--blue:#4a6fb3;--blue-d:#315fae;--gold:#c9a96b;--gold-2:#d7b55d;--ink:#0d1424;--muted:#5f6b80;--line:rgba(74,111,179,.22);--track:rgba(13,20,36,.12);--thumb:22px;--cur-shift:14px;width:100%;margin:8px 0 4px;color:var(--ink);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}.ffl-rail *{box-sizing:border-box}.ffl-rail__head{display:grid;grid-template-columns:46px 1fr 46px;align-items:center;gap:10px;margin-bottom:14px}.ffl-rail__num{text-align:center;min-width:0}.ffl-rail__num strong{display:block;font-family:var(--font-heading-family),"Cormorant Garamond",Georgia,serif;font-size:clamp(32px,8vw,44px);font-weight:600;line-height:.95;color:var(--ink)}.ffl-rail__num span{display:block;margin-top:3px;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}.ffl-rail__step{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:22px;line-height:1;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px -10px #0d142480;transition:border-color .15s,color .15s,transform .12s;-webkit-tap-highlight-color:transparent}.ffl-rail__step:hover{border-color:var(--blue);color:var(--blue)}.ffl-rail__step:active{transform:scale(.94)}.ffl-rail__step:disabled{opacity:.32;cursor:default;box-shadow:none}.ffl-rail__body{position:relative;touch-action:pan-y}.ffl-rail__scale{position:relative;height:15px;pointer-events:none}.ffl-rail__tick{pointer-events:auto}.ffl-rail__tick.is-unavail{pointer-events:none}.ffl-rail__scale--top{margin-bottom:-8px}.ffl-rail__scale--bot{margin-top:-7px}.ffl-rail__tick{position:absolute;top:0;transform:translate(-50%);background:none;border:0;padding:2px 3px;margin:0;font:600 10.5px/1 Inter,system-ui,sans-serif;color:var(--muted);cursor:pointer;white-space:nowrap;border-radius:6px;-webkit-tap-highlight-color:transparent;transition:transform .12s ease,color .12s ease}.ffl-rail__tick--half{font-size:10.5px;font-weight:600;color:var(--muted)}.ffl-rail__tick:hover:not(.is-unavail){color:var(--blue)}.ffl-rail__tick.is-current{color:var(--blue-d);font-weight:800}.ffl-rail__scale--bot .ffl-rail__tick.is-current{transform:translate(-50%,10px)}.ffl-rail__scale--top .ffl-rail__tick.is-current{transform:translate(-50%,-10px)}.ffl-rail__tick.is-unavail{color:#0d14244d;text-decoration:line-through;text-decoration-thickness:1.5px;text-decoration-color:#0d142473;cursor:default;font-weight:600}.ffl-rail.is-disabled .ffl-rail__range{pointer-events:none;opacity:.55}.ffl-rail.is-disabled .ffl-rail__tick{pointer-events:none;cursor:default}.ffl-rail.is-disabled .ffl-rail__step{opacity:.32;pointer-events:none}.ffl-rail.is-disabled .ffl-rail__num{opacity:.6}.ffl-rail__range{-webkit-appearance:none;appearance:none;width:100%;background:transparent;cursor:pointer;margin:0;padding:0;height:28px;display:block}.ffl-rail__range:focus{outline:none}.ffl-rail__range::-webkit-slider-runnable-track{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--gold) 0%,var(--blue) var(--p,0%),var(--track) var(--p,0%),var(--track) 100%)}.ffl-rail__range::-moz-range-track{height:7px;border-radius:999px;background:var(--track)}.ffl-rail__range::-moz-range-progress{height:7px;border-radius:999px;background:linear-gradient(90deg,var(--gold),var(--blue))}.ffl-rail__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:var(--thumb);height:var(--thumb);margin-top:calc((7px - var(--thumb)) / 2);border-radius:5px;transform:rotate(45deg);background:radial-gradient(circle at 30% 30%,#fff 0 18%,transparent 19%),linear-gradient(135deg,#fff8da,var(--gold-2) 48%,var(--blue));border:2px solid #fff;box-shadow:0 0 0 1px #c7a44f80,0 8px 16px -8px #0d1424b3}.ffl-rail__range::-moz-range-thumb{width:var(--thumb);height:var(--thumb);border-radius:5px;background:linear-gradient(135deg,#fff8da,var(--gold-2) 48%,var(--blue));border:2px solid #fff;box-shadow:0 0 0 1px #c7a44f80,0 8px 16px -8px #0d1424b3}.ffl-rail__range:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 1px #c7a44f80,0 0 0 5px #4a6fb338,0 8px 16px -8px #0d1424b3}@media screen and (max-width:749px){.ffl-rail__head{grid-template-columns:38px 1fr 38px;margin-bottom:10px}.ffl-rail__step{width:38px;height:38px;font-size:18px}.ffl-rail__num strong{font-size:clamp(26px,7vw,34px)}.ffl-rail__tick,.ffl-rail__tick--half{font-size:10px}}@property --ffl-voh-a{syntax: "<angle>"; initial-value: 0deg; inherits: false;}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta-wrap{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;width:100%!important;margin:12px 0 0!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .ffl-gem-guide-btn{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:48px!important;padding:0 26px!important;border:1.5px solid #4a6fb3!important;border-radius:999px!important;background:#fff!important;color:#0d1424!important;font:800 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:.01em!important;cursor:pointer!important;box-shadow:inset 0 1px #fffffff5,0 10px 24px -17px #4a6fb3c7!important;transition:transform .16s ease,border-color .2s ease,box-shadow .2s ease!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .ffl-gem-guide-btn:hover,#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .ffl-gem-guide-btn:focus-visible{transform:translateY(-2px)!important;border-color:#315fae!important;outline:none!important;box-shadow:inset 0 1px #fffffff5,0 14px 28px -16px #4a6fb3e6,0 0 0 4px #4a6fb31a!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta{position:relative!important;isolation:isolate!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;min-height:48px!important;padding:0 30px!important;border:0!important;border-radius:999px!important;background:linear-gradient(135deg,#4a6fb3,#6d5bb0 55%,#7e68bd)!important;color:#fff!important;font:800 14px/1 Inter,system-ui,sans-serif!important;letter-spacing:.01em!important;overflow:hidden!important;cursor:pointer!important;box-shadow:0 12px 26px -12px #4a6fb3cc!important;animation:fflVohGlow 2.4s ease-in-out infinite!important;transition:transform .16s ease,filter .2s ease!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta:hover,#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta:focus-visible{filter:brightness(1.06)!important;transform:translateY(-2px)!important;outline:none!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta .ffl-voh-eye{position:relative!important;z-index:2!important;width:18px!important;height:18px!important;flex:none!important;stroke:#fff!important;color:#fff!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta .ffl-voh-label{position:relative!important;z-index:2!important;color:#fff!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta:after{content:""!important;position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:1!important;background:linear-gradient(110deg,transparent 0,transparent 38%,rgba(255,255,255,.45) 50%,transparent 62%,transparent 100%)!important;transform:translate(-120%);animation:fflVohSheen 2.8s ease-in-out infinite!important;pointer-events:none!important}@keyframes fflVohGlow{0%,to{box-shadow:0 12px 26px -12px #4a6fb3cc}50%{box-shadow:0 12px 26px -12px #4a6fb3d9,0 0 18px 2px #7e68bd73}}@keyframes fflVohSheen{0%{transform:translate(-120%)}55%,to{transform:translate(120%)}}@media(prefers-reduced-motion:reduce){#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta{animation:none!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta:after{animation:none!important}}#MainContent .product__info-container{gap:12px}#MainContent .codex-preserve-zone{padding:22px 16px 14px}#MainContent .codex-preserve-zone>*+*{margin-top:9px}#MainContent#MainContent .product-form__input{padding:12px 14px!important}#MainContent .product-form__input .form__label,#MainContent .product-form__quantity .form__label{margin:0 0 8px}#MainContent .product-form__input--pill input[type=radio]+label{min-height:28px;margin:4px 5px 0 0;padding:5px 11px}#MainContent .ffl-rail{margin:2px 0 0}#MainContent .ffl-rail__head{margin-bottom:8px}#MainContent .ffl-rail__num strong{font-size:clamp(24px,4vw,30px)}#MainContent .ffl-rail__step{width:36px;height:36px;font-size:17px}#MainContent .ffl-rail__head{grid-template-columns:36px 1fr 36px}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta{font:800 13px/1 Inter,system-ui,sans-serif!important;min-height:44px!important;padding:0 22px!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .ffl-gem-guide-btn{font:800 13px/1 Inter,system-ui,sans-serif!important;min-height:44px!important;padding:0 18px!important}@media screen and (max-width:749px){#MainContent .product__info-container{gap:8px}#MainContent .codex-preserve-zone{padding:16px 10px 10px}#MainContent .codex-preserve-zone>*+*{margin-top:6px}#MainContent#MainContent .product-form__input{padding:10px 10px 9px!important}#MainContent .product-form__input--pill input[type=radio]+label{font-size:10px;min-height:26px;padding:4px 9px;margin:3px 4px 0 0}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta-wrap{gap:8px!important;margin:8px 0 0!important;flex-wrap:nowrap!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta,#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .ffl-gem-guide-btn{flex:1 1 0!important;min-width:0!important;min-height:40px!important;padding:0 8px!important;font-size:11.5px!important;white-space:nowrap!important}#MainContent#MainContent#MainContent#MainContent#MainContent .codex-carat-size-picker .codex-ring-preview-cta .ffl-voh-eye{width:15px!important;height:15px!important}}#MainContent#MainContent fieldset.product-form__input--pill:not(.codex-carat-size-picker){display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;align-items:stretch}#MainContent#MainContent fieldset.product-form__input--pill:not(.codex-carat-size-picker)>input[type=radio]+label{grid-column:span 4;margin:0!important;width:100%;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal}#MainContent#MainContent fieldset.product-form__input--pill.ffl-metal-grouped>input[type=radio]+label.ffl-metal-opt{grid-column:span 6}#MainContent#MainContent fieldset.product-form__input--pill.ffl-metal-grouped>input[type=radio]+label.ffl-gold-opt{grid-column:span 3}#MainContent#MainContent fieldset.product-form__input--pill .ffl-gold-colours,#MainContent#MainContent fieldset.product-form__input--pill .ffl-silver-colours{grid-column:1 / -1}#MainContent#MainContent fieldset.product-form__input--pill:not(.codex-carat-size-picker):not(.ffl-metal-grouped)>input[type=radio]:nth-of-type(1)+label,#MainContent#MainContent fieldset.product-form__input--pill:not(.codex-carat-size-picker):not(.ffl-metal-grouped)>input[type=radio]:nth-of-type(2)+label{grid-column:span 6}
/*# sourceMappingURL=/cdn/shop/t/102/assets/ffl-carat-rail.css.map */