.react-theme-picker{grid-template-columns:32px minmax(0,1fr) 32px;align-items:center;gap:6px 12px;margin-top:28px;display:grid}.react-theme-picker__swatches{overscroll-behavior-x:contain;scrollbar-width:none;scroll-snap-type:x mandatory;grid-column:2;align-items:center;gap:8px;min-width:0;height:36px;padding-inline:calc(50% - 11px);display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 16px calc(100% - 16px),#0000)}.react-theme-picker__swatches::-webkit-scrollbar{display:none}.react-theme-picker__swatch{cursor:pointer;outline-offset:2px;scroll-snap-align:center;border:2px solid #fff;border-radius:50%;outline:1px solid #e1e5e8;flex:0 0 22px;width:22px;height:22px;padding:0}.react-theme-picker__swatch[aria-pressed=true]{outline:2px solid #596571}.react-theme-picker__swatch:focus-visible{outline-offset:4px;outline:2px solid #354150}.react-theme-picker__name{text-align:center;color:#788592;grid-column:1/-1;font-size:12px}.react-theme-names{color:#788592;width:min(600px,100%);margin:16px auto 0;font-size:13px}.react-theme-names summary{cursor:pointer}.react-theme-names p{margin:8px 0 0;line-height:1.6}.react-theme-picker__mode>span{width:20px;height:20px}.react-theme-picker__mode:disabled{opacity:.4;cursor:default}.react-theme-picker__mode:focus-visible{outline-offset:1px;outline:2px solid #596571}@media (max-width:480px){.react-theme-picker{gap:6px 10px}}