.ck-color-rail{position:relative;max-width:100%;min-width:0;margin-block:12px 16px}
.ck-color-rail .variant__label{display:block;margin-block-end:6px;line-height:1.5}
.ck-color-rail fieldset.ck-color-rail__track{display:flex;flex-wrap:nowrap;gap:0;max-width:100%;min-width:0;margin:0;padding:4px 0;border:0;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}
.ck-color-rail .ck-color-rail__track::-webkit-scrollbar{display:none;width:0;height:0}
.ck-color-rail .ck-color-rail__track .variant-input{position:relative;flex:0 0 44px;width:44px;height:44px;margin:0;padding:0;scroll-snap-align:start}
.ck-color-rail .ck-color-rail__track .variant-input label.color-swatch{position:relative;display:block;box-sizing:border-box;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:8px;border:0;border-radius:50%;background-clip:content-box!important;background-origin:content-box!important;background-size:cover;box-shadow:none;cursor:pointer}
.ck-color-rail .ck-color-rail__track .variant-input label.color-swatch::before{position:absolute;inset:8px;border:1px solid #1e2f3526;border-radius:50%;box-shadow:none;content:""}
.ck-color-rail .ck-color-rail__track .variant-input input:checked+label.color-swatch::before{inset:4px;border:1px solid #1e2f35;box-shadow:none}
.ck-color-rail .ck-color-rail__track .variant-input input:checked+label.color-swatch{box-shadow:none}
.ck-color-rail .ck-color-rail__track .variant-input label.color-swatch.disabled::after{width:28px;height:1px;inset:22px auto auto 8px;transform:rotate(-45deg);background:#fff;box-shadow:0 1px 0 #1e2f3580}
.ck-color-rail .ck-color-rail__track input:focus-visible+label.color-swatch{outline:2px solid #8b6b4d;outline-offset:-1px}
.ck-color-rail[data-overflow="true"] fieldset.ck-color-rail__track{margin-inline:44px;max-width:calc(100% - 88px)}
.ck-color-rail__tools{position:absolute;inset:0;pointer-events:none}
.ck-color-rail__tools[hidden]{display:none}
.ck-color-rail__arrows{position:absolute;inset-inline:0;top:var(--rail-track-top,28px);height:52px;pointer-events:none}
.ck-color-rail__tools .ck-color-rail__arrows button{position:absolute;top:4px;display:grid;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#526065;font-size:0;line-height:1;cursor:pointer;pointer-events:auto}
.ck-color-rail__arrows [data-color-prev]{left:0}
.ck-color-rail__arrows [data-color-next]{right:0}
.ck-color-rail__arrows [data-color-prev]::before{content:"‹";font:26px/1 Georgia,serif}
.ck-color-rail__arrows [data-color-next]::before{content:"›";font:26px/1 Georgia,serif}
.ck-color-rail__tools button:disabled{opacity:.25;cursor:default}
.ck-color-rail__tools button:hover:enabled{color:#1e2f35;background:#f5f4f0}
.ck-color-rail__tools button:focus-visible{outline:2px solid #8b6b4d;outline-offset:-2px}
.ck-color-rail__tools [data-color-expand]{display:none}
@media(max-width:768px){.ck-color-rail .ck-color-rail__track .variant-input label.color-swatch{padding:7px}.ck-color-rail .ck-color-rail__track .variant-input label.color-swatch::before{inset:7px}.ck-color-rail .ck-color-rail__track .variant-input input:checked+label.color-swatch::before{inset:3px}.ck-color-rail{margin-block:12px 16px}}