react-cron-gen/dist/styles.css

[](https://github.com/italomaio/react-cron-gen/actions/workflows/publish.yaml) [

:root{--input-border:#e5e7eb;--ring:gray}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes zoomIn{0%{transform:scale(.95)}to{transform:scale(1)}}@keyframes zoomOut{0%{transform:scale(1)}to{transform:scale(.95)}}@keyframes slideInFromTop{0%{transform:translateY(-.5rem)}to{transform:translateY(0)}}@keyframes slideInFromBottom{0%{transform:translateY(.5rem)}to{transform:translateY(0)}}@keyframes slideInFromLeft{0%{transform:translateX(-.5rem)}to{transform:translateX(0)}}@keyframes slideInFromRight{0%{transform:translateX(.5rem)}to{transform:translateX(0)}}.react-cron-gen__select-trigger{align-items:center;background-color:transparent;border:1px solid var(--input-border);border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);cursor:pointer;display:flex;font-size:.875rem;font-weight:300;gap:1rem;justify-content:space-between;padding:.5rem .75rem;width:11.5rem}.react-cron-gen__select-trigger:disabled{background-color:#eee;border:1px solid #ddd;box-shadow:none;color:gray;cursor:not-allowed}.react-cron-gen__select-content{-ms-overflow-style:none;align-items:center;background-color:transparent;border:1px solid #e5e7eb;border-radius:.125rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);display:flex;justify-content:space-between;margin-top:2px;max-height:15rem;overflow-y:scroll;padding:.25rem;scrollbar-width:none;transition:opacity .15s ease-in-out,transform .15s ease-in-out;will-change:opacity,transform}.react-cron-gen__select-content::-webkit-scrollbar{display:none}.react-cron-gen__select-content>div[data-radix-select-viewport]{padding:8px!important}.react-cron-gen__select-content[data-state=open]{animation:fadeIn .15s ease-out forwards,zoomIn .15s ease-out forwards}.react-cron-gen__select-content[data-state=closed]{animation:fadeOut .15s ease-out forwards,zoomOut .15s ease-out forwards}.react-cron-gen__select-content[data-state=open][data-side=bottom]{animation:slideInFromTop .15s ease-out forwards}.react-cron-gen__select-content[data-state=open][data-side=top]{animation:slideInFromBottom .15s ease-out forwards}.react-cron-gen__select-content[data-state=open][data-side=right]{animation:slideInFromLeft .15s ease-out forwards}.react-cron-gen__select-content[data-state=open][data-side=left]{animation:slideInFromRight .15s ease-out forwards}.react-cron-gen__select-content[data-state=open]{opacity:1;transform:scale(1) translateX(0) translateY(0)}.react-cron-gen__select-content[data-state=closed]{opacity:0;transform:scale(.95)}.react-cron-gen__select-item{background-color:transparent;border-radius:.125rem;font-size:.875rem;font-weight:300;margin-left:3px;margin-right:3px;min-width:9.5rem;padding:.25rem .5rem;position:relative;transition:all .15s ease-in-out}.react-cron-gen__select-item:hover,.react-cron-gen__select-item[data-highlighted],.react-cron-gen__select-item[data-state=checked]{background-color:#f5f5f5}.react-cron-gen__select-item[data-state=checked]:after{bottom:5px;content:"✓";display:block;opacity:.5;position:absolute;right:.5rem;z-index:999}.react-cron-gen__select-item[data-highlighted]{outline:auto;outline-color:#383838;outline-offset:1px;outline-style:auto;outline-width:2px;z-index:998}.react-cron-gen__input{background-color:transparent;border:1px solid var(--input-border);border-radius:.375rem;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);color:#374151;display:flex;font-size:.8rem;font-weight:500;height:2.55rem;padding:.25rem .75rem;transition:color .2s,background-color .2s,border-color .2s}.react-cron-gen__input:disabled{background-color:#d2d2d2}.react-cron-gen__input::file-selector-button{background-color:transparent;border:0;color:var(--foreground);font-size:.875rem;font-weight:500}.react-cron-gen__input::-moz-placeholder{color:var(--muted-foreground)}.react-cron-gen__input::placeholder{color:var(--muted-foreground)}.react-cron-gen__input:focus-visible{box-shadow:0 0 0 2px var(--ring);outline:none}.react-cron-gen__input:disabled{cursor:not-allowed;opacity:.5}@media (min-width:768px){.react-cron-gen__input{font-size:.875rem}}
/*# sourceMappingURL=styles.css.map */