@starter-ui/core/dist/starter-ui.css

This is a UI Components built with the utility classes from Tailwind CSS.

.starterui-required{position:relative;&:after{content:"*";position:absolute;left:100%;top:0;margin-left:4px;color:#dc2626}}.starterui-accordion-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease;&>div{overflow:hidden}}.starterui-accordion-body-open{grid-template-rows:1fr}.starterui-accordion-body-close{grid-template-rows:0fr}.starterui-checkbox-wrapper .starterui-label-checkbox span{display:inline-block;vertical-align:middle;transform:translateZ(0)}.starterui-checkbox-wrapper .starterui-label-checkbox span:first-child svg{position:absolute;top:4px;left:3px;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:16px;stroke-dashoffset:16px;transition:all .3s ease;transition-delay:.1s;transform:translateZ(0)}.starterui-checkbox-wrapper .starterui-label-checkbox span:first-child:before{content:"";width:100%;height:100%;display:block;transform:scale(0);opacity:1;border-radius:50%}.starterui-checkbox-wrapper .starterui-input-checkbox:checked+.starterui-label-checkbox span:first-child{animation:starterui-checkbox .4s ease}.starterui-checkbox-wrapper .starterui-input-checkbox:checked+.starterui-label-checkbox span:first-child svg{stroke-dashoffset:0}.starterui-checkbox-wrapper .starterui-input-checkbox:checked+.starterui-label-checkbox span:first-child:before{transform:scale(2);opacity:0;transition:all .6s ease}.starterui-carousel-enter{animation:starterui-slide-in .3s forwards}.starterui-carousel-exit-forwards{animation:starterui-slide-out .3s forwards}.starterui-carousel-exit-backwards{animation:starterui-slide-out .3s backwards}.starterui-progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);animation:starterui-loading 1.5s ease-out infinite}.starterui-progress-status:before{content:"";position:absolute;left:50%;bottom:-1px;height:10px;width:10px;z-index:-1;transform:translateX(-50%) rotate(45deg)}.starterui-switch-group{.starterui-switch-slider{position:absolute;top:0;bottom:0;left:0;right:0;border-radius:9999px;overflow:hidden;transition:.2s;&:before{position:absolute;content:"";width:100%;height:100%;border-radius:9999px;transition:.2s}}}.starterui-search-input-wrapper{.starterui-search-input-underlined{position:absolute;height:2px;bottom:0;left:0;background:linear-gradient(90deg,#ff6464,#ffbf59 50%,#47c9ff);transition:width .3s ease-in-out}}.starterui-popover-wrapper{.starterui-popover-content{.starterui-popover-overlay:before{position:absolute;content:"";width:8px;height:8px;background-color:#fff;background-position:50%;box-shadow:1px 0 1px -1px rgba(0,0,0,.1),1px 1px 1px -1px rgba(0,0,0,.1)}}}.starterui-tooltip-wrapper{.starterui-tooltip-content{.starterui-tooltip-overlay:before{position:absolute;content:"";width:8px;height:8px;background-color:#fff;background-position:50%;box-shadow:1px 0 1px -1px rgba(0,0,0,.1),1px 1px 1px -1px rgba(0,0,0,.1)}}}@keyframes starterui-checkbox{50%{transform:scale(.9)}}@keyframes starterui-slide-in{0%{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes starterui-slide-out{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes starterui-loading{to{transform:translateX(0);opacity:.5}}