.small-alpha-slider{height:10px!important}.small-alpha-slider .small-bar{height:10px!important;width:10px!important}.small-alpha-slider .small-bar div{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.bee-alpha-slider{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.bee-alpha-slider.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-alpha-slider.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-alpha-slider__bar{position:relative;width:100%;height:100%;border-radius:15px}.bee-alpha-slider__bar-pointer{position:absolute;width:14px;height:14px}.bee-alpha-slider__bar-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.bee-alpha-slider__bar-handle.vertical{transform:translateY(-7px);margin-top:0}.bee-compact{margin-bottom:15px;width:auto;box-shadow:3px 0 5px #00000014;display:inline-block}.bee-compact__row{position:relative;width:100%;margin:0}.bee-compact__row>*{display:inline-block;vertical-align:middle}.bee-compact__color_cube{width:100%;height:100%}.bee-compact__color_cube.transparent:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:white}.bee-compact__color_cube.transparent:after{content:"";position:absolute;top:100%;left:0;transform:rotate(-45deg);transform-origin:0 0;width:35px;height:1px;background:red}.bee-compact__color_cube.advance{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABqVJREFUeNrEl11yHDUQx1ua2Zlde2M7jqESqnjg45kjcBwOwQG4BY+8cwWK17xBUUARICQhTmI7tte7Ozs7o+bXLTleuACpKNJqJP3789+doKoSPxfVGxFZioS1iK5Yd0nCJko9iLTVVvZSlCOp5FBF7vP5RFTelyDHvmYvMPPtiP19fu+HIHPetrllX2TLMJAOgEehti3ZY/Axap51ZB5ZDEnGMUoCNCmDbRv+2Q4CDJ5Mymj4OmE0CNj6b5WJlkel3xkiGXjOc0imDH/JDid1AXQEfKgccHg3lN+uhh+v2WkkOvCUnT3GjP2WOfrJzjUNPq/ugPUej1TiwME3+DfVUhWkEQF6LZraJxsp6xHLIzW/DNyAW75PGJVrOxbQFSeWzOsdjQ/tZHTxtSgdzAimMfOAdbas7crUvIWAqZg5+gg8FBzYTOygbo1tAb1xTYMs/q1xAFgnvBx5JrKO2X9pzJrJhr+b5BaY8vjG3O+w7HFnypkZ+zP3K8AWL7FHiRsJappe4knA9fo/pj7WrIrdshBs8cukcu0ljhK2lZt1Q8B1msMj5WCQKoibd8q8p1J8i6aWJnrJCcDljDX2Cm8Jn2WJC9PtIHpYeowza125Dc3c6CQ1MbEdooxoPQw54Ak9jigaKcAMk9ddgUi68ZxMmNbNG8hTXXjOZrPf+vg4C+RpRRJqO0ps8FxtzhoJLiSIHCWtLi9u5LiZyqKv0UvlHmaccukoVjJLFu2YUy946FRidS7beCXN9i3gKzd1Yo53ps7ppTnqEYD0mYNldpuxnvIo2nZb/L+ay9tulA/sJpE/Tfchj1H2kW2KpsFYSK4YgI1vZDJe57XmIAu642N5kCxUJfQ8bA48IKpWGNKi/T7rPWRMBMkp5lhz5mUlV0O+fGAGC5XMkTzoG349I/D+Qis0jpeZBt0CXaZGnwtwdcS7A/4ycOIi3bNI0pzfxoVHQYYDIu+A9djJ5bKX+c2BVKnHS5Xcw8QTecWlXxi/khgvYMFzHlp4/g74WREshg3zpuS9mfowShxyrnv6wFS2Dl12QUDwaO54xIWTKZem8up7M0ojn5BzdftEdPMzII9ljE8kVde8Z5y89PSJYcACAJhWTigFOO1rpqRbWs0pKjp4Nkl6OMiGQiFnKsOnLQNqJNe33yV5iFml/4YLfzB+wwpvuNoT+eq0F+JWYtp50MlXLBvUAkLlXXbdloHkUsREDsc6y9LDvs2pTNJD6eM5+x/KAslqWK/pOo/WEIvw3PC3q8rZz3IzWBqqp2CpTvjAACIVyFhLMQmlwXPU9gYrC+lCZs0VtPkc0Jfc+Va+XK/lK3Pr10XhF8ToAjf1VKktAH0hd3srqesSMmCJaiNwJB/IzNviF9Uor8NnndSkyRBfExbPpdHfKRg/yqH8JCPxdvbZVE6+6GTzmCD9Af45RfhzLGZZtEaIVQVdDpLwVByAHeIu8DXWGTySUil8wSNw6fMoliZnfHsqfXiC2M+gjJXX7wuEOvm4gWUBa9h4xrAAtwy6hHyWo1QQGc9gDkD7sAt8VjqETSnUHaArd0Gupc8ZBv4n4ymUfiEPxEu4/A3eyayX+x+ZZjjoIEl6D+2zrJJgyOoKf68RCKJXOpt4B3xZQNclwVeSbXVd2hXzKXlpqsC3c0ttyR3La6rTW2yyP1dpSbdowUtBji1+aAioxTZXD+ORZcrs+A5YF9kWnnfWeJUSZgnswKeZ7FNHkaeXgjTmowVhkhuQ1pQxCE1aik2A16OVVwtvayxmW6fdeDNKKcs79Zhy5eaFwIOXsxu3grolVsUVS0y0pAKN3tpMStdlheJajZ1V5rxWHxoJjR6crr51frlg59K73AFWf7h3gs8BlWtpsHpqwrioa6nJj5lphgim1C3XdPGuuZm2hYIB90QCrKqxDnPkm81hN6pvAyqElRdvN3exjdXeYGQS8oXGmjgoICQjhUh6jdSYmvQdpakSFArIfg6bqiqZW6t3N6HaNbUX7M4Lt4NK8bX3SblJM9Mas+65xuodpVFRj58HfLyAdPZjftCittnLXaHWKQdczNE4trkfK8GFiT3RVqU523gaBbeC04/3zW3pp0yJWFqfofjZejBfw3bGE3WNO8jrmLtDt5ahVyHt+DiUDv/WtFpAQ+4MrDFvC3Bb+uXiI2f1TXGURfesNPc11mjacki1dK/JKTnsUmYGLnnM/2MycWRt7dCtedrSyhqPe39tPBecjV3rrTWDweqzSl2hsfVwM3lX+UL+f0CuTv/Hn38EGAAvCnNy1JKVIQAAAABJRU5ErkJggg==)}.bee-compact__color_cube .alpha{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-compact__color-cube--wrap{position:relative;width:25px;height:25px;cursor:pointer;overflow:hidden}.bee-compact__color-cube--wrap:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.bee-colorPicker__record{display:flex;align-items:center;margin-top:20px}.bee-colorPicker__record .text{width:48px;margin-right:10px;text-align:right;font-size:12px;color:#666}.bee-colorPicker__record .color-list{width:auto;display:flex;position:relative;margin:0}.bee-colorPicker__record .color-list .color-item{position:relative;width:25px;height:25px;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle;margin-right:1px;box-shadow:3px 0 5px #00000014}.bee-colorPicker__record .color-list .color-item__round{border-radius:50%}.bee-colorPicker__record .color-list .color-item.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-colorPicker__record .color-list .color-item:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.bee-colorPicker__record .color-list .color-item__display{width:100%;height:100%}.small-hue-slider{height:10px!important}.small-hue-slider .small-bar{height:10px!important;width:10px!important}.small-hue-slider .small-bar div{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.bee-hue-colorPicker{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.bee-hue-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-hue-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-hue-colorPicker__inner{position:relative;width:100%;height:100%;border-radius:15px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMkAAAAdCAYAAAAAaUg8AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKtJREFUeNrs09EKgjAUgOGzEFfv/7CVBceiLiJiLnf7fSAbDoUj/iWnyKgRcXxf9Wtt7Vvntf8854jLY3uN19qzf67nH/e2nmmdZ8xjg2x+sI533qf9g4wM/3GvLPumOHVMWf/4SiWWsUG6/6bG+/NWDgE0iQREAiIBkYBIQCQgEhAJiAQQCYgERAIiAZGASEAkIBJAJCASEAmIBEQCIgGRgEgAkYBIYNAqwAD5oWo3bpsiKwAAAABJRU5ErkJggg==);background-size:100%}.bee-hue-colorPicker__inner-pointer{position:absolute;width:14px;height:14px}.bee-hue-colorPicker__inner-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.bee-hue-colorPicker__inner-handle.vertical{transform:translate(-1px,-7px);margin-top:0}.small-light-slider{height:10px!important}.small-light-slider .small-bar{height:10px!important;width:10px!important}.small-light-slider .small-bar div{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.bee-light-colorPicker{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.bee-light-colorPicker.is-vertical{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.bee-light-colorPicker.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-light-colorPicker__inner{position:relative;width:100%;height:100%;border-radius:15px}.bee-light-colorPicker__inner-pointer{position:absolute;width:14px;height:14px}.bee-light-colorPicker__inner-handle{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.bee-light-colorPicker__inner-handle.vertical{transform:translateY(-7px);margin-top:0}.bee-saturation{position:relative;margin-bottom:15px;width:100%;height:125px}.bee-saturation__chrome{border-top-left-radius:5px;border-top-right-radius:5px;border-color:transparent}.bee-saturation__hidden{overflow:hidden}.bee-saturation__white,.bee-saturation__black{position:absolute;top:0;left:0;right:0;bottom:0}.bee-saturation__black{background:linear-gradient(0deg,#000,transparent)}.bee-saturation__white{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.bee-saturation__cursor{position:absolute}.bee-saturation__cursor div{transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e;width:10px;height:10px;border:1px solid white;border-radius:50%;cursor:pointer}.inputs-controls{display:flex;font-size:16px;margin-bottom:5px}.inputs-controls .formatBtn{position:relative;display:inline-flex;justify-content:center;align-items:center;padding:1px;border:0;text-align:center;cursor:pointer;background-color:transparent;font-weight:700;outline:none;margin-right:5px}.inputs-controls .formatBtn:hover{color:#1a3aff}.inputs-controls .format-group{display:flex;flex-grow:1}.inputs-controls .format-group input{padding:5px;margin:0 3px;min-width:0;text-align:center;border-width:0 0 1px 0;-webkit-appearance:none;appearance:none;-moz-appearance:textfield;outline:none;flex:1}.inputs-controls .format-group input::-webkit-outer-spin-button,.inputs-controls .format-group input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0}.bee-fk-colorPicker{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;width:249px;padding-bottom:10px}.bee-fk-colorPicker__inner{padding:12px}.bee-fk-colorPicker__header{margin-bottom:12px;z-index:999;text-align:left}.bee-fk-colorPicker__header .back{border:solid black;border-width:0 1px 1px 0;display:inline-block;padding:4px;margin-left:2px;transform:rotate(135deg);-webkit-transform:rotate(135deg)}.bee-fk-colorPicker__display{position:relative;width:100%;margin:0;text-align:left}.bee-fk-colorPicker__display .transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-fk-colorPicker__display .current-color{margin-right:10px;width:50px;height:24px;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.bee-fk-colorPicker__display .current-color .color-cube{width:100%;height:100%}.bee-fk-colorPicker__display .hexColor-prefix{position:relative;padding:0 4px;font-size:14px;display:inline-block;vertical-align:middle}.bee-fk-colorPicker__display input{width:25px;text-align:center;outline:0;border-top:0;border-right:0;border-left:none;display:inline-block;vertical-align:middle;padding-bottom:3px;border-bottom:1px solid #e3e2e8}.bee-fk-colorPicker__display .hexColor-input{width:64px}.bee-fk-colorPicker__display .action{float:right;vertical-align:middle}.bee-fk-colorPicker__display .action .clear-btn{border-color:transparent;color:#409eff;background:transparent;padding-left:0;padding-right:0;display:inline-block;vertical-align:middle;cursor:pointer}.bee-fk-colorPicker__display .action .copy-btn{border-color:transparent;color:#13ce66cc;background:transparent;padding-left:0;padding-right:0;display:inline-block;margin-left:10px;vertical-align:middle;cursor:pointer}.bee-ele-colorPicker{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;padding:10px;width:300px}.bee-ele-colorPicker .bee-ele-row{display:flex}.bee-ele-colorPicker .bee-ele-row .bee-ele-saturation{width:280px;height:180px}.bee-ele-colorPicker .bee-ele-row .bee-ele-hue{margin-left:10px;height:180px}.bee-chrome-colorPicker{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:#fff;width:250px;padding-bottom:20px}.bee-chrome-colorPicker-body{padding:0 12px;background-color:#fff}.bee-chrome-colorPicker-body .chrome-controls{display:flex}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;z-index:1}.bee-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color{width:100%;height:100%}.bee-chrome-colorPicker-body .chrome-controls .chrome-sliders{flex:1;margin-left:10px}.bee-color-wrap{margin-right:10px;width:50px;height:24px;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.bee-color-wrap.transparent{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.bee-color-wrap.round{width:22px;height:22px;border-radius:50%;border:1px solid #d8d8d8}.bee-color-wrap .current-color{width:100%;height:100%}.vc-alpha-slider[data-v-18925ba6]{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.vc-alpha-slider.is-vertical[data-v-18925ba6]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-alpha-slider.transparent[data-v-18925ba6]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-alpha-slider__bar[data-v-18925ba6]{position:relative;width:100%;height:100%;border-radius:15px}.vc-alpha-slider__bar-pointer[data-v-18925ba6]{position:absolute;width:14px;height:14px}.vc-alpha-slider__bar-handle[data-v-18925ba6]{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.vc-alpha-slider__bar-handle.vertical[data-v-18925ba6]{transform:translateY(-7px);margin-top:0}.vc-alpha-slider.small-slider[data-v-18925ba6]{height:10px!important}.vc-alpha-slider.small-slider .small-bar[data-v-18925ba6]{height:10px!important;width:10px!important}.vc-alpha-slider.small-slider .small-bar div[data-v-18925ba6]{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.vc-compact[data-v-b969fd48]{margin-bottom:15px;width:auto;box-shadow:3px 0 5px #00000014;display:inline-block}.vc-compact__row[data-v-b969fd48]{position:relative;width:100%;margin:0;height:27px}.vc-compact__row>*[data-v-b969fd48]{display:inline-block;vertical-align:middle}.vc-compact__color_cube[data-v-b969fd48]{width:100%;height:100%}.vc-compact__color_cube.transparent[data-v-b969fd48]:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:white}.vc-compact__color_cube.transparent[data-v-b969fd48]:after{content:"";position:absolute;top:100%;left:0;transform:rotate(-45deg);transform-origin:0 0;width:35px;height:1px;background:red}.vc-compact__color_cube.advance[data-v-b969fd48]{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAABqVJREFUeNrEl11yHDUQx1ua2Zlde2M7jqESqnjg45kjcBwOwQG4BY+8cwWK17xBUUARICQhTmI7tte7Ozs7o+bXLTleuACpKNJqJP3789+doKoSPxfVGxFZioS1iK5Yd0nCJko9iLTVVvZSlCOp5FBF7vP5RFTelyDHvmYvMPPtiP19fu+HIHPetrllX2TLMJAOgEehti3ZY/Axap51ZB5ZDEnGMUoCNCmDbRv+2Q4CDJ5Mymj4OmE0CNj6b5WJlkel3xkiGXjOc0imDH/JDid1AXQEfKgccHg3lN+uhh+v2WkkOvCUnT3GjP2WOfrJzjUNPq/ugPUej1TiwME3+DfVUhWkEQF6LZraJxsp6xHLIzW/DNyAW75PGJVrOxbQFSeWzOsdjQ/tZHTxtSgdzAimMfOAdbas7crUvIWAqZg5+gg8FBzYTOygbo1tAb1xTYMs/q1xAFgnvBx5JrKO2X9pzJrJhr+b5BaY8vjG3O+w7HFnypkZ+zP3K8AWL7FHiRsJappe4knA9fo/pj7WrIrdshBs8cukcu0ljhK2lZt1Q8B1msMj5WCQKoibd8q8p1J8i6aWJnrJCcDljDX2Cm8Jn2WJC9PtIHpYeowza125Dc3c6CQ1MbEdooxoPQw54Ak9jigaKcAMk9ddgUi68ZxMmNbNG8hTXXjOZrPf+vg4C+RpRRJqO0ps8FxtzhoJLiSIHCWtLi9u5LiZyqKv0UvlHmaccukoVjJLFu2YUy946FRidS7beCXN9i3gKzd1Yo53ps7ppTnqEYD0mYNldpuxnvIo2nZb/L+ay9tulA/sJpE/Tfchj1H2kW2KpsFYSK4YgI1vZDJe57XmIAu642N5kCxUJfQ8bA48IKpWGNKi/T7rPWRMBMkp5lhz5mUlV0O+fGAGC5XMkTzoG349I/D+Qis0jpeZBt0CXaZGnwtwdcS7A/4ycOIi3bNI0pzfxoVHQYYDIu+A9djJ5bKX+c2BVKnHS5Xcw8QTecWlXxi/khgvYMFzHlp4/g74WREshg3zpuS9mfowShxyrnv6wFS2Dl12QUDwaO54xIWTKZem8up7M0ojn5BzdftEdPMzII9ljE8kVde8Z5y89PSJYcACAJhWTigFOO1rpqRbWs0pKjp4Nkl6OMiGQiFnKsOnLQNqJNe33yV5iFml/4YLfzB+wwpvuNoT+eq0F+JWYtp50MlXLBvUAkLlXXbdloHkUsREDsc6y9LDvs2pTNJD6eM5+x/KAslqWK/pOo/WEIvw3PC3q8rZz3IzWBqqp2CpTvjAACIVyFhLMQmlwXPU9gYrC+lCZs0VtPkc0Jfc+Va+XK/lK3Pr10XhF8ToAjf1VKktAH0hd3srqesSMmCJaiNwJB/IzNviF9Uor8NnndSkyRBfExbPpdHfKRg/yqH8JCPxdvbZVE6+6GTzmCD9Af45RfhzLGZZtEaIVQVdDpLwVByAHeIu8DXWGTySUil8wSNw6fMoliZnfHsqfXiC2M+gjJXX7wuEOvm4gWUBa9h4xrAAtwy6hHyWo1QQGc9gDkD7sAt8VjqETSnUHaArd0Gupc8ZBv4n4ymUfiEPxEu4/A3eyayX+x+ZZjjoIEl6D+2zrJJgyOoKf68RCKJXOpt4B3xZQNclwVeSbXVd2hXzKXlpqsC3c0ttyR3La6rTW2yyP1dpSbdowUtBji1+aAioxTZXD+ORZcrs+A5YF9kWnnfWeJUSZgnswKeZ7FNHkaeXgjTmowVhkhuQ1pQxCE1aik2A16OVVwtvayxmW6fdeDNKKcs79Zhy5eaFwIOXsxu3grolVsUVS0y0pAKN3tpMStdlheJajZ1V5rxWHxoJjR6crr51frlg59K73AFWf7h3gs8BlWtpsHpqwrioa6nJj5lphgim1C3XdPGuuZm2hYIB90QCrKqxDnPkm81hN6pvAyqElRdvN3exjdXeYGQS8oXGmjgoICQjhUh6jdSYmvQdpakSFArIfg6bqiqZW6t3N6HaNbUX7M4Lt4NK8bX3SblJM9Mas+65xuodpVFRj58HfLyAdPZjftCittnLXaHWKQdczNE4trkfK8GFiT3RVqU523gaBbeC04/3zW3pp0yJWFqfofjZejBfw3bGE3WNO8jrmLtDt5ahVyHt+DiUDv/WtFpAQ+4MrDFvC3Bb+uXiI2f1TXGURfesNPc11mjacki1dK/JKTnsUmYGLnnM/2MycWRt7dCtedrSyhqPe39tPBecjV3rrTWDweqzSl2hsfVwM3lX+UL+f0CuTv/Hn38EGAAvCnNy1JKVIQAAAABJRU5ErkJggg==)}.vc-compact__color_cube .alpha[data-v-b969fd48]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-compact__color-cube--wrap[data-v-b969fd48]{position:relative;width:27px;height:27px;cursor:pointer;overflow:hidden}.vc-compact__color-cube--wrap[data-v-b969fd48]:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.vc-saturation[data-v-7f0cdcdf]{position:relative;margin-bottom:15px;width:100%;height:125px}.vc-saturation__chrome[data-v-7f0cdcdf]{border-top-left-radius:5px;border-top-right-radius:5px;border-color:transparent}.vc-saturation__hidden[data-v-7f0cdcdf]{overflow:hidden}.vc-saturation__white[data-v-7f0cdcdf],.vc-saturation__black[data-v-7f0cdcdf]{position:absolute;top:0;left:0;right:0;bottom:0}.vc-saturation__black[data-v-7f0cdcdf]{background:linear-gradient(0deg,#000,transparent)}.vc-saturation__white[data-v-7f0cdcdf]{background:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.vc-saturation__cursor[data-v-7f0cdcdf]{position:absolute}.vc-saturation__cursor div[data-v-7f0cdcdf]{transform:translate(-5px,-5px);box-shadow:0 1px 4px #0000005e;width:10px;height:10px;border:1px solid white;border-radius:50%;cursor:pointer}.vc-hue-slider[data-v-e1a08576]{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.vc-hue-slider.is-vertical[data-v-e1a08576]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-hue-slider.transparent[data-v-e1a08576]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-hue-slider__bar[data-v-e1a08576]{position:relative;width:100%;height:100%;border-radius:15px;background:linear-gradient(to right,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%);background:-webkit-linear-gradient(left,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%);background:-moz-linear-gradient(left,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%);background:-ms-linear-gradient(left,rgb(255,0,0) 0%,rgb(255,255,0) 16.66%,rgb(0,255,0) 33.33%,rgb(0,255,255) 50%,rgb(0,0,255) 66.66%,rgb(255,0,255) 83.33%,rgb(255,0,0) 100%)}.vc-hue-slider__bar-pointer[data-v-e1a08576]{position:absolute;width:14px;height:14px}.vc-hue-slider__bar-handle[data-v-e1a08576]{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.vc-hue-slider__bar-handle.vertical[data-v-e1a08576]{transform:translateY(-7px);margin-top:0}.vc-hue-slider.small-slider[data-v-e1a08576]{height:10px!important}.vc-hue-slider.small-slider .small-bar[data-v-e1a08576]{height:10px!important;width:10px!important}.vc-hue-slider.small-slider .small-bar div[data-v-e1a08576]{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.vc-lightness-slider[data-v-94a50a9e]{position:relative;margin-bottom:15px;width:100%;height:14px;box-shadow:2px 0 8px #00000014;border-radius:15px}.vc-lightness-slider.is-vertical[data-v-94a50a9e]{width:14px;height:100%;display:inline-block;transform:rotate(180deg)}.vc-lightness-slider.transparent[data-v-94a50a9e]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-lightness-slider__bar[data-v-94a50a9e]{position:relative;width:100%;height:100%;border-radius:15px}.vc-lightness-slider__bar-pointer[data-v-94a50a9e]{position:absolute;width:14px;height:14px}.vc-lightness-slider__bar-handle[data-v-94a50a9e]{width:14px;height:14px;border-radius:6px;transform:translate(-7px,-2px);background-color:#f8f8f8;margin-top:2px;box-shadow:0 1px 4px #0000005e;cursor:pointer}.vc-lightness-slider__bar-handle.vertical[data-v-94a50a9e]{transform:translateY(-7px);margin-top:0}.vc-lightness-slider.small-slider[data-v-94a50a9e]{height:10px!important}.vc-lightness-slider.small-slider .small-bar[data-v-94a50a9e]{height:10px!important;width:10px!important}.vc-lightness-slider.small-slider .small-bar div[data-v-94a50a9e]{width:12px!important;height:12px!important;border-radius:5px!important;transform:translate(-6px,-2px);margin-top:1px!important}.vc-colorPicker__record[data-v-0f657238]{display:flex;align-items:center;margin-top:15px}.vc-colorPicker__record .text[data-v-0f657238]{width:48px;margin-right:10px;text-align:right;font-size:12px;color:#666}.vc-colorPicker__record .color-list[data-v-0f657238]{width:100%;display:flex;position:relative;margin:0;gap:2px}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]{position:relative;flex:1;max-width:26px;height:26px;border-radius:2px;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle;box-shadow:3px 0 5px #0000001a}.vc-colorPicker__record .color-list .color-item__round[data-v-0f657238]{border-radius:50%}.vc-colorPicker__record .color-list .color-item.transparent[data-v-0f657238]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-colorPicker__record .color-list .color-item[data-v-0f657238]:hover{transform:scale(1.2);z-index:299;transition:transform .2s}.vc-colorPicker__record .color-list .color-item__display[data-v-0f657238]{width:100%;height:100%}.vc-display[data-v-7334ac20]{height:28px;display:flex;align-items:center;gap:8px}.vc-display .vc-current-color[data-v-7334ac20]{width:50px;height:100%;box-shadow:3px 0 5px #00000014;border-radius:2px;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.vc-display .vc-current-color.vc-transparent[data-v-7334ac20]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-display .vc-current-color .color-cube[data-v-7334ac20]{width:100%;height:100%;text-align:center}.vc-display .vc-color-input[data-v-7334ac20]{height:100%;flex:1;flex-shrink:0;box-sizing:border-box;position:relative}.vc-display .vc-color-input input[data-v-7334ac20]{padding:0;border:0;outline:none;cursor:pointer;font-size:14px;text-align:center;box-sizing:border-box;background-color:#c8c8c840;color:#666;border-radius:2px;height:100%;width:100%}.vc-display .vc-rgb-input[data-v-7334ac20]{flex:1;font-size:12px;color:#666;text-align:center}.vc-display .vc-rgb-input input[data-v-7334ac20]{padding:4px 0;margin-bottom:2px;border:0;outline:none;cursor:pointer;font-size:14px;text-align:center;background-color:#c8c8c840;color:#666;border-radius:2px;width:100%}.vc-display .vc-alpha-input[data-v-7334ac20]{width:48px;height:100%;border:none;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:2px;font-size:14px;background-color:#c8c8c840;padding:0 2px}.vc-display .vc-alpha-input>input[data-v-7334ac20]{width:100%;height:100%;padding:0;text-align:center;background-color:transparent;font-size:inherit}.vc-display .vc-alpha-input__inner[data-v-7334ac20]{padding:10px 12px;border-radius:4px;color:#000;font-size:14px;line-height:20px;outline:none;border:none;display:block;box-sizing:border-box;cursor:pointer}.vc-display .vc-input-toggle[data-v-7334ac20]{cursor:pointer;font-size:12px;line-height:12px;width:24px;border-radius:4px;padding:2px}.vc-display .vc-input-toggle[data-v-7334ac20]:hover{background-color:#efefef}.vc-display .vc-input-toggle[data-v-7334ac20]:before{height:0;width:0;margin:auto auto 2px;content:"";display:block;border-bottom:4px solid #888;border-left:4px solid transparent;border-right:4px solid transparent}.vc-display .vc-input-toggle[data-v-7334ac20]:after{height:0;width:0;margin:2px auto auto;content:"";display:block;border-top:4px solid #888;border-left:4px solid transparent;border-right:4px solid transparent}.vc-display .copy-text[data-v-7334ac20]{font-size:12px;line-height:28px;text-align:center;transform:scale(.8);display:inline-block}.vc-fk-colorPicker[data-v-48e3c224]{position:relative;box-sizing:border-box;border-radius:3px;user-select:none;background-color:initial}.vc-fk-colorPicker__inner[data-v-48e3c224]{position:relative}.vc-fk-colorPicker__header[data-v-48e3c224]{z-index:999;text-align:left}.vc-fk-colorPicker__header .back[data-v-48e3c224]{border:2px solid rgba(150,150,150,.6);border-width:0 2px 2px 0;display:inline-block;padding:4px;margin-left:2px;margin-bottom:12px;transform:rotate(135deg)}.vc-fk-colorPicker__display[data-v-48e3c224]{position:relative;width:100%;margin:0;text-align:left}.vc-fk-colorPicker__display .transparent[data-v-48e3c224]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-fk-colorPicker__display .current-color[data-v-48e3c224]{margin-right:10px;width:50px;height:24px;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.vc-fk-colorPicker__display .current-color .color-cube[data-v-48e3c224]{width:100%;height:100%}.vc-fk-colorPicker__display .hexColor-prefix[data-v-48e3c224]{position:relative;padding:0 4px;font-size:14px;display:inline-block;vertical-align:middle}.vc-fk-colorPicker__display input[data-v-48e3c224]{width:25px;text-align:center;outline:0;border-top:0;border-right:0;border-left:none;display:inline-block;vertical-align:middle;padding-bottom:3px;border-bottom:1px solid #e3e2e8}.vc-fk-colorPicker__display .hexColor-input[data-v-48e3c224]{width:64px}.vc-fk-colorPicker__display .action[data-v-48e3c224]{float:right;vertical-align:middle}.vc-fk-colorPicker__display .action .clear-btn[data-v-48e3c224]{border-color:transparent;color:#409eff;background:transparent;padding-left:0;padding-right:0;display:inline-block;vertical-align:middle;cursor:pointer}.vc-fk-colorPicker__display .action .copy-btn[data-v-48e3c224]{border-color:transparent;color:#13ce66cc;background:transparent;padding-left:0;padding-right:0;display:inline-block;margin-left:10px;vertical-align:middle;cursor:pointer}.vc-chrome-colorPicker[data-v-2611d66c]{position:relative;box-sizing:border-box;border-radius:3px;user-select:none;background-color:initial}.vc-chrome-colorPicker-body[data-v-2611d66c]{position:relative}.vc-chrome-colorPicker-body .chrome-controls[data-v-2611d66c]{display:flex}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap[data-v-2611d66c]{position:relative;width:36px;height:36px;border-radius:50%;overflow:hidden;z-index:1}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap.transparent[data-v-2611d66c]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-chrome-colorPicker-body .chrome-controls .chrome-color-wrap .current-color[data-v-2611d66c]{width:100%;height:100%}.vc-chrome-colorPicker-body .chrome-controls .chrome-sliders[data-v-2611d66c]{flex:1;margin-left:10px}.bee-angle{transform:rotate(90deg)}.bee-angle>*{display:inline-block;vertical-align:middle}.bee-angle.zero-right{transform:rotate(180deg)}.bee-angle.zero-bottom{transform:rotate(270deg)}.bee-angle__round{position:relative;width:16px;height:16px;border:1px solid #666;border-radius:50%;cursor:pointer;display:inline-block;vertical-align:middle}.bee-angle__round:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:50%;height:1px;background-color:#666}.vc-gradient-picker[data-v-c4d6d6ea]{position:relative}.vc-gradient-picker__header[data-v-c4d6d6ea]{margin-bottom:12px;z-index:999;text-align:left;display:flex;justify-content:space-between;align-items:center}.vc-gradient-picker__header .back[data-v-c4d6d6ea]{border:2px solid rgba(150,150,150,.65);border-width:0 2px 2px 0;display:inline-block;padding:4px;margin-left:2px;transform:rotate(135deg);margin-right:8px}.vc-gradient-picker .vc-gradient__types[data-v-c4d6d6ea]{display:flex;width:100%;justify-content:space-between}.vc-gradient-picker .vc-gradient__types .vc-gradient-wrap__types[data-v-c4d6d6ea]{display:flex;background-color:#c8c8c840;border-radius:4px;overflow:hidden;align-items:center}.vc-gradient-picker .vc-gradient__types .vc-gradient__type[data-v-c4d6d6ea]{padding:4px 8px;color:#666;cursor:pointer;font-size:12px}.vc-gradient-picker .vc-gradient__types .vc-gradient__type.active[data-v-c4d6d6ea]{color:#000;background-color:#c8c8c8cc}.vc-gradient-picker__body[data-v-c4d6d6ea]{margin-bottom:12px;display:-ms-flexbox;display:flex;align-items:center}.vc-gradient-picker__body .vc-color-range[data-v-c4d6d6ea]{flex:1}.vc-gradient-picker__body .vc-color-range__container[data-v-c4d6d6ea]{position:relative;height:16px;border-radius:5px}.vc-gradient-picker__body .vc-color-range__container .vc-background[data-v-c4d6d6ea]{height:100%;border-radius:4px;box-shadow:inset 0 0 0 1px #0000000f}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container[data-v-c4d6d6ea]{position:absolute;width:100%;top:0;height:100%;left:0}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop[data-v-c4d6d6ea]{position:absolute;top:-2px;width:14px;height:16px;overflow:hidden;border:2px solid #fff;border-radius:2px;cursor:pointer;box-shadow:0 0 2px 1px #00000059;box-sizing:content-box;transform:translate(-9px)}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--inner[data-v-c4d6d6ea]{display:inline-block;height:100%}.vc-gradient-picker__body .vc-color-range__container .vc-gradient__stop__container .vc-gradient__stop--current[data-v-c4d6d6ea]{position:relative;z-index:1;box-shadow:0 0 2px 2px #2253f4,0 0 1px 1px #2253f480}.vc-gradient-picker .vc-degree-input[data-v-c4d6d6ea]{position:relative;z-index:2;font-size:12px;border-radius:4px;display:flex}.vc-gradient-picker .vc-degree-input:hover .vc-degree-input__panel[data-v-c4d6d6ea]{display:block}.vc-gradient-picker .vc-degree-input__control[data-v-c4d6d6ea]{width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:4px;background-color:#c8c8c840;color:#666;padding:0 6px 0 0}.vc-gradient-picker .vc-degree-input__control input[data-v-c4d6d6ea]{max-width:28px;text-align:center;border:none;outline:none;background-color:transparent;color:#666;font-size:inherit;overflow:visible}.vc-gradient-picker .vc-degree-input__panel[data-v-c4d6d6ea]{display:none;z-index:10;position:absolute;top:20px;left:0}.vc-gradient-picker .vc-degree-input__panel .vc-degree-input__disk[data-v-c4d6d6ea]{padding:4px;background-color:#f1f1f1;box-shadow:0 0 2px #00000029,0 1px 8px #0000000f,0 4px 12px #00000014;border-radius:4px;display:flex;justify-content:center;align-items:center;position:relative;transform:translate(0)}.vc-gradient-picker .vc-picker-degree-input[data-v-c4d6d6ea]{margin-left:8px}.vc-colorpicker[data-v-0492277d]{position:relative;box-sizing:border-box;border-radius:3px;box-shadow:0 0 10px #00000026;user-select:none;width:276px;z-index:10000}.vc-colorpicker *[data-v-0492277d]{outline:none;line-height:1}.vc-colorpicker--container[data-v-0492277d]{padding:16px}.vc-colorpicker--tabs[data-v-0492277d]{padding:2px;background:#f6f7f9;border-radius:6px;position:relative;margin-bottom:12px}.vc-colorpicker--tabs__inner[data-v-0492277d]{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:0;background:#f6f7f9;border-bottom:none;position:relative;box-sizing:border-box}.vc-colorpicker--tabs__btn[data-v-0492277d]{-ms-flex:1;flex:1;z-index:2;color:#636c78;font-size:14px;border-radius:4px;cursor:pointer}.vc-colorpicker--tabs__btn.vc-btn-active[data-v-0492277d]{color:#33383e;font-weight:600}.vc-colorpicker--tabs__btn button[data-v-0492277d]{width:100%;background-color:initial;padding:6px 0;font-size:14px;line-height:20px;color:#636c78;border:0;border-radius:0;outline:0;cursor:pointer;appearance:none;-webkit-appearance:none;font-weight:inherit}.vc-colorpicker--tabs__btn button .vc-btn__content[data-v-0492277d]{position:relative;white-space:nowrap}.vc-colorpicker--tabs__bg[data-v-0492277d]{position:absolute;top:0;bottom:0;background:#fff;box-shadow:0 1px 4px #0000001f;border-radius:4px;z-index:1;transition:left .2s ease-in-out}.vc-colorpicker.black[data-v-0492277d]{background-color:#000;color:#fff}.vc-colorpicker.white[data-v-0492277d]{background-color:#fff;color:#333}.vc-color-wrap[data-v-354ca836]{margin-right:10px;width:50px;height:24px;box-shadow:3px 0 5px #00000014;position:relative;cursor:pointer;overflow:hidden;display:inline-block;vertical-align:middle}.vc-color-wrap.transparent[data-v-354ca836]{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);background-repeat:repeat}.vc-color-wrap.round[data-v-354ca836]{width:22px;height:22px;border-radius:50%;border:1px solid #d8d8d8}.vc-color-wrap .current-color[data-v-354ca836]{width:100%;height:100%}.vc-color-extra[data-v-354ca836]{margin-top:10px} /*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-divide-x-reverse: 0; --tw-border-style: solid; --tw-divide-y-reverse: 0; --tw-leading: initial; --tw-font-weight: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-duration: initial; --tw-ease: initial; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; } } } @layer theme { :root, :host { --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-500: oklch(63.7% .237 25.331); --color-orange-100: oklch(95.4% .038 75.164); --color-orange-300: oklch(83.7% .128 66.29); --color-orange-400: oklch(75% .183 55.934); --color-orange-500: oklch(70.5% .213 47.604); --color-yellow-500: oklch(79.5% .184 86.047); --color-green-500: oklch(72.3% .219 149.579); --color-green-700: oklch(52.7% .154 150.069); --color-blue-500: oklch(62.3% .214 259.815); --color-blue-600: oklch(54.6% .245 262.881); --color-indigo-500: oklch(58.5% .233 277.117); --color-indigo-600: oklch(51.1% .262 276.966); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-black: #000; --color-white: #fff; --spacing: .25rem; --container-md: 28rem; --container-lg: 32rem; --container-5xl: 64rem; --container-7xl: 80rem; --text-xs: .75rem; --text-xs--line-height: calc(1 / .75); --text-sm: .875rem; --text-sm--line-height: calc(1.25 / .875); --text-base: 1rem; --text-base--line-height: calc(1.5 / 1); --text-lg: 1.125rem; --text-lg--line-height: calc(1.75 / 1.125); --text-xl: 1.25rem; --text-xl--line-height: calc(1.75 / 1.25); --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: calc(2.25 / 1.875); --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 500; --font-weight-semibold: 600; --font-weight-bold: 700; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --ease-in: cubic-bezier(.4, 0, 1, 1); --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-spin: spin 1s linear infinite; --animate-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite; --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-font-family: var(--font-sans); --default-mono-font-family: var(--font-mono); --color-primary: var(--color-orange); --color-secondary: var(--color-dark-grey); --color-schaefer: var(--color-orange); --color-grey-dark: #687078; --spacing-sxs: calc(var(--spacing) * 2); --spacing-ssm: calc(var(--spacing) * 4); --spacing-smd: calc(var(--spacing) * 8); --spacing-slg: calc(var(--spacing) * 12); } } @layer base { *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; line-height: 1.5; font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"); font-feature-settings: var(--default-font-feature-settings, normal); font-variation-settings: var(--default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } @media (prefers-color-scheme: dark) { :root { color-scheme: dark; --color-base-100: oklch(25.33% .016 252.42); --color-base-200: oklch(23.26% .014 253.1); --color-base-300: oklch(21.15% .012 254.09); --color-base-content: oklch(97.807% .029 256.847); --color-primary: oklch(58% .233 277.117); --color-primary-content: oklch(96% .018 272.314); --color-secondary: oklch(65% .241 354.308); --color-secondary-content: oklch(94% .028 342.258); --color-accent: oklch(77% .152 181.912); --color-accent-content: oklch(38% .063 188.416); --color-neutral: oklch(14% .005 285.823); --color-neutral-content: oklch(92% .004 286.32); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: oklch(71% .194 13.428); --color-error-content: oklch(27% .105 12.094); --radius-selector: .5rem; --radius-field: .25rem; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; } } :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] { color-scheme: light; --color-base-100: oklch(100% 0 0); --color-base-200: oklch(98% 0 0); --color-base-300: oklch(95% 0 0); --color-base-content: oklch(21% .006 285.885); --color-primary: oklch(45% .24 277.023); --color-primary-content: oklch(93% .034 272.788); --color-secondary: oklch(65% .241 354.308); --color-secondary-content: oklch(94% .028 342.258); --color-accent: oklch(77% .152 181.912); --color-accent-content: oklch(38% .063 188.416); --color-neutral: oklch(14% .005 285.823); --color-neutral-content: oklch(92% .004 286.32); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: oklch(71% .194 13.428); --color-error-content: oklch(27% .105 12.094); --radius-selector: .5rem; --radius-field: .25rem; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; } :root:has(input.theme-controller[value="dark"]:checked), [data-theme="dark"] { color-scheme: dark; --color-base-100: oklch(25.33% .016 252.42); --color-base-200: oklch(23.26% .014 253.1); --color-base-300: oklch(21.15% .012 254.09); --color-base-content: oklch(97.807% .029 256.847); --color-primary: oklch(58% .233 277.117); --color-primary-content: oklch(96% .018 272.314); --color-secondary: oklch(65% .241 354.308); --color-secondary-content: oklch(94% .028 342.258); --color-accent: oklch(77% .152 181.912); --color-accent-content: oklch(38% .063 188.416); --color-neutral: oklch(14% .005 285.823); --color-neutral-content: oklch(92% .004 286.32); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: oklch(71% .194 13.428); --color-error-content: oklch(27% .105 12.094); --radius-selector: .5rem; --radius-field: .25rem; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; } :root, [data-theme] { background-color: var(--root-bg, var(--color-base-100)); color: var(--color-base-content); } :root { --fx-noise: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='a'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.34' numOctaves='4' stitchTiles='stitch'%3E%3C/feTurbulence%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='0.2'%3E%3C/rect%3E%3C/svg%3E"); } @property --radialprogress { syntax: ""; inherits: true; initial-value: 0%; } :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked)) { scrollbar-gutter: stable; background-image: linear-gradient(var(--color-base-100), var(--color-base-100)); --root-bg: var(--color-base-100); } @supports (color: color-mix(in lab, red, red)) { :where(:root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not(.drawer-open) > .drawer-toggle:checked)) { --root-bg: color-mix(in srgb, var(--color-base-100), oklch(0% 0 0) 40%); } } :where(.modal[open], .modal-open, .modal-toggle:checked + .modal):not(.modal-start, .modal-end) { scrollbar-gutter: stable; } :root { scrollbar-color: currentColor #0000; } @supports (color: color-mix(in lab, red, red)) { :root { scrollbar-color: color-mix(in oklch, currentColor 35%, #0000) #0000; } } :root:has(.modal-open, .modal[open], .modal:target, .modal-toggle:checked, .drawer:not([class*="drawer-open"]) > .drawer-toggle:checked) { overflow: hidden; } @media (prefers-color-scheme: dark) { :root { color-scheme: light; --color-base-100: var(--color-soft-grey); --color-base-200: var(--color-light-grey); --color-base-300: var(--color-middle-grey); --color-base-content: var(--color-dark-grey); --color-primary: var(--color-schaefer); --color-primary-content: oklch(93% .034 272.788); --color-secondary: var(--color-dark-grey); --color-secondary-content: var(--color-white); --color-accent: var(--color-soft-orange); --color-accent-content: oklch(38% .063 188.416); --color-neutral: var(--color-primary); --color-neutral-content: var(--color-white); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: var(--color-error); --color-error-content: var(--color-error); --radius-selector: .3rem; --radius-field: 0; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; } } :where(:root), :root:has(input.theme-controller[value="light"]:checked), [data-theme="light"] { color-scheme: light; --color-base-100: var(--color-soft-grey); --color-base-200: var(--color-light-grey); --color-base-300: var(--color-middle-grey); --color-base-content: var(--color-dark-grey); --color-primary: var(--color-schaefer); --color-primary-content: oklch(93% .034 272.788); --color-secondary: var(--color-dark-grey); --color-secondary-content: var(--color-white); --color-accent: var(--color-soft-orange); --color-accent-content: oklch(38% .063 188.416); --color-neutral: var(--color-primary); --color-neutral-content: var(--color-white); --color-info: oklch(74% .16 232.661); --color-info-content: oklch(29% .066 243.157); --color-success: oklch(76% .177 163.223); --color-success-content: oklch(37% .077 168.94); --color-warning: oklch(82% .189 84.429); --color-warning-content: oklch(41% .112 45.904); --color-error: var(--color-error); --color-error-content: var(--color-error); --radius-selector: .3rem; --radius-field: 0; --radius-box: .5rem; --size-selector: .25rem; --size-field: .25rem; --border: 1px; --depth: 1; --noise: 0; } } @layer components; @layer utilities { .diff { webkit-user-select: none; -webkit-user-select: none; user-select: none; direction: ltr; grid-template-columns: auto 1fr; width: 100%; display: grid; position: relative; overflow: hidden; container-type: inline-size; } .diff:focus-visible, .diff:has(.diff-item-1:focus-visible), .diff:focus-visible { outline-style: var(--tw-outline-style); outline-offset: 1px; outline-width: 2px; outline-color: var(--color-base-content); } .diff:focus-visible .diff-resizer { min-width: 90cqi; max-width: 90cqi; } .diff:has(.diff-item-2:focus-visible) { outline-style: var(--tw-outline-style); outline-offset: 1px; outline-width: 2px; } .diff:has(.diff-item-2:focus-visible) .diff-resizer { min-width: 10cqi; max-width: 10cqi; } @supports (-webkit-overflow-scrolling: touch) and (overflow: -webkit-paged-x) { .diff:focus .diff-resizer { min-width: 10cqi; max-width: 10cqi; } .diff:has(.diff-item-1:focus) .diff-resizer { min-width: 90cqi; max-width: 90cqi; } } .\@container { container-type: inline-size; } .tooltip { --tt-bg: var(--color-neutral); --tt-off: calc(100% + .5rem); --tt-tail: calc(100% + 1px + .25rem); display: inline-block; position: relative; } .tooltip > :where(.tooltip-content), .tooltip:where([data-tip]):before { border-radius: var(--radius-field); text-align: center; white-space: normal; max-width: 20rem; color: var(--color-neutral-content); opacity: 0; background-color: var(--tt-bg); pointer-events: none; z-index: 2; --tw-content: attr(data-tip); content: var(--tw-content); width: max-content; padding-block: .25rem; padding-inline: .5rem; font-size: .875rem; line-height: 1.25; transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms; position: absolute; } .tooltip:after { opacity: 0; background-color: var(--tt-bg); content: ""; pointer-events: none; --mask-tooltip: url("data:image/svg+xml,%3Csvg width='10' height='4' viewBox='0 0 8 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.500009 1C3.5 1 3.00001 4 5.00001 4C7 4 6.5 1 9.5 1C10 1 10 0.499897 10 0H0C-1.99338e-08 0.5 0 1 0.500009 1Z' fill='black'/%3E%3C/svg%3E%0A"); width: .625rem; height: .25rem; -webkit-mask-position: -1px 0; mask-position: -1px 0; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-image: var(--mask-tooltip); -webkit-mask-image: var(--mask-tooltip); mask-image: var(--mask-tooltip); transition: opacity .2s cubic-bezier(.4, 0, .2, 1) 75ms, transform .2s cubic-bezier(.4, 0, .2, 1) 75ms; display: block; position: absolute; } :is(.tooltip.tooltip-open, .tooltip[data-tip]:not([data-tip=""]):hover, .tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, .tooltip:has(:focus-visible)) > .tooltip-content, :is(.tooltip.tooltip-open, .tooltip[data-tip]:not([data-tip=""]):hover, .tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, .tooltip:has(:focus-visible))[data-tip]:before, :is(.tooltip.tooltip-open, .tooltip[data-tip]:not([data-tip=""]):hover, .tooltip:not(:has(.tooltip-content:empty)):has(.tooltip-content):hover, .tooltip:has(:focus-visible)):after { opacity: 1; --tt-pos: 0rem; transition: opacity .2s cubic-bezier(.4, 0, .2, 1), transform .2s cubic-bezier(.4, 0, .2, 1); } .tooltip > .tooltip-content, .tooltip[data-tip]:before { transform: translateX(-50%) translateY(var(--tt-pos, .25rem)); inset: auto auto var(--tt-off) 50%; } .tooltip:after { transform: translateX(-50%) translateY(var(--tt-pos, .25rem)); inset: auto auto var(--tt-tail) 50%; } .tab { cursor: pointer; appearance: none; text-align: center; webkit-user-select: none; -webkit-user-select: none; user-select: none; flex-wrap: wrap; justify-content: center; align-items: center; display: inline-flex; position: relative; } @media (hover: hover) { .tab:hover { color: var(--color-base-content); } } .tab { --tab-p: 1rem; --tab-bg: var(--color-base-100); --tab-border-color: var(--color-base-300); --tab-radius-ss: 0; --tab-radius-se: 0; --tab-radius-es: 0; --tab-radius-ee: 0; --tab-order: 0; --tab-radius-min: calc(.75rem - var(--border)); order: var(--tab-order); height: var(--tab-height); border-color: #0000; padding-inline-start: var(--tab-p); padding-inline-end: var(--tab-p); font-size: .875rem; } .tab:is(input[type="radio"]) { min-width: fit-content; } .tab:is(input[type="radio"]):after { content: attr(aria-label); } .tab:is(label) { position: relative; } .tab:is(label) input { cursor: pointer; appearance: none; opacity: 0; position: absolute; inset: 0; } :is(.tab:checked, .tab:is(label:has(:checked)), .tab:is(.tab-active, [aria-selected="true"])) + .tab-content { height: calc(100% - var(--tab-height) + var(--border)); display: block; } .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .tab:not(:checked, label:has(:checked), :hover, .tab-active, [aria-selected="true"]) { color: color-mix(in oklab, var(--color-base-content) 50%, transparent); } } .tab:not(input):empty { cursor: default; flex-grow: 1; } .tab:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .tab:focus { outline-offset: 2px; outline: 2px solid #0000; } } .tab:focus-visible, .tab:is(label:has(:checked:focus-visible)) { outline-offset: -5px; outline: 2px solid; } .tab[disabled] { pointer-events: none; opacity: .4; } .menu { --menu-active-fg: var(--color-neutral-content); --menu-active-bg: var(--color-neutral); flex-flow: column wrap; width: fit-content; padding: .5rem; font-size: .875rem; display: flex; } .menu :where(li ul) { white-space: nowrap; margin-inline-start: 1rem; padding-inline-start: .5rem; position: relative; } .menu :where(li ul):before { background-color: var(--color-base-content); opacity: .1; width: var(--border); content: ""; inset-inline-start: 0; position: absolute; top: .75rem; bottom: .75rem; } .menu :where(li > .menu-dropdown:not(.menu-dropdown-show)) { display: none; } .menu :where(li:not(.menu-title) > :not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) { border-radius: var(--radius-field); text-align: start; text-wrap: balance; -webkit-user-select: none; user-select: none; grid-auto-columns: minmax(auto, max-content) auto max-content; grid-auto-flow: column; align-content: flex-start; align-items: center; gap: .5rem; padding-block: .375rem; padding-inline: .75rem; transition-property: color, background-color, box-shadow; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); display: grid; } .menu :where(li > details > summary) { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu :where(li > details > summary) { outline-offset: 2px; outline: 2px solid #0000; } } .menu :where(li > details > summary)::-webkit-details-marker { display: none; } :is(.menu :where(li > details > summary), .menu :where(li > .menu-dropdown-toggle)):after { content: ""; transform-origin: 50%; pointer-events: none; justify-self: flex-end; width: .375rem; height: .375rem; transition-property: rotate, translate; transition-duration: .2s; display: block; translate: 0 -1px; rotate: -135deg; box-shadow: inset 2px 2px; } .menu :where(li > details[open] > summary):after, .menu :where(li > .menu-dropdown-toggle.menu-dropdown-show):after { translate: 0 1px; rotate: 45deg; } .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible { cursor: pointer; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible { color: var(--color-base-content); --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn).menu-focus, .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title), li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.menu-active, :active, .btn):focus-visible { outline-offset: 2px; outline: 2px solid #0000; } } .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) { cursor: pointer; background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) { outline-offset: 2px; outline: 2px solid #0000; } } .menu :where(li:not(.menu-title, .disabled) > :not(ul, details, .menu-title):not(.menu-active, :active, .btn):hover, li:not(.menu-title, .disabled) > details > summary:not(.menu-title):not(.menu-active, :active, .btn):hover) { box-shadow: inset 0 1px oklch(0% 0 0 / .01), inset 0 -1px oklch(100% 0 0 / .01); } .menu :where(li:empty) { background-color: var(--color-base-content); opacity: .1; height: 1px; margin: .5rem 1rem; } .menu :where(li) { flex-flow: column wrap; flex-shrink: 0; align-items: stretch; display: flex; position: relative; } .menu :where(li) .badge { justify-self: flex-end; } .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active { outline-offset: 2px; outline: 2px solid #0000; } } .menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active { color: var(--menu-active-fg); background-color: var(--menu-active-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); } :is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):not(:is(.menu :where(li) > :not(ul, .menu-title, details, .btn):active, .menu :where(li) > :not(ul, .menu-title, details, .btn).menu-active, .menu :where(li) > details > summary:active):active) { box-shadow: 0 2px calc(var(--depth) * 3px) -2px var(--menu-active-bg); } .menu :where(li).menu-disabled { pointer-events: none; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .menu :where(li).menu-disabled { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } .menu .dropdown:focus-within .menu-dropdown-toggle:after { translate: 0 1px; rotate: 45deg; } .menu .dropdown-content { margin-top: .5rem; padding: .5rem; } .menu .dropdown-content:before { display: none; } .collapse-arrow > .collapse-title:after { content: ""; transform-origin: 75% 75%; pointer-events: none; top: 1.9rem; width: .5rem; height: .5rem; transition-property: all; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); display: block; position: absolute; inset-inline-end: 1.4rem; transform: translateY(-100%)rotate(45deg); box-shadow: 2px 2px; } .dropdown { position-area: var(--anchor-v, bottom) var(--anchor-h, span-right); display: inline-block; position: relative; } .dropdown > :not(summary):focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .dropdown > :not(summary):focus { outline-offset: 2px; outline: 2px solid #0000; } } .dropdown .dropdown-content { position: absolute; } .dropdown:not(details, .dropdown-open, .dropdown-hover:hover, :focus-within) .dropdown-content { transform-origin: top; opacity: 0; display: none; scale: 95%; } .dropdown[popover], .dropdown .dropdown-content { z-index: 999; transition-behavior: allow-discrete; transition-property: opacity, scale, display; transition-duration: .2s; transition-timing-function: cubic-bezier(.4, 0, .2, 1); animation: .2s dropdown; } @starting-style { .dropdown[popover], .dropdown .dropdown-content { opacity: 0; scale: 95%; } } :is(.dropdown.dropdown-open, .dropdown:not(.dropdown-hover):focus, .dropdown:focus-within) > [tabindex]:first-child { pointer-events: none; } :is(.dropdown.dropdown-open, .dropdown:not(.dropdown-hover):focus, .dropdown:focus-within) .dropdown-content { opacity: 1; } .dropdown.dropdown-hover:hover .dropdown-content { opacity: 1; scale: 100%; } .dropdown:is(details) summary::-webkit-details-marker { display: none; } :is(.dropdown.dropdown-open, .dropdown:focus, .dropdown:focus-within) .dropdown-content { scale: 100%; } .dropdown:where([popover]) { background: none; } .dropdown[popover] { color: inherit; position: fixed; } @supports not (position-area: bottom) { .dropdown[popover] { margin: auto; } .dropdown[popover].dropdown-open:not(:popover-open) { transform-origin: top; opacity: 0; display: none; scale: 95%; } .dropdown[popover]::backdrop { background-color: oklab(0% none none / .3); } } .dropdown[popover]:not(.dropdown-open, :popover-open) { transform-origin: top; opacity: 0; display: none; scale: 95%; } :where(.btn) { width: unset; } .btn { cursor: pointer; text-align: center; vertical-align: middle; outline-offset: 2px; webkit-user-select: none; -webkit-user-select: none; user-select: none; padding-inline: var(--btn-p); color: var(--btn-fg); --tw-prose-links: var(--btn-fg); height: var(--size); font-size: var(--fontsize, .875rem); outline-color: var(--btn-color, var(--color-base-content)); background-color: var(--btn-bg); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--btn-noise); border-width: var(--border); border-style: solid; border-color: var(--btn-border); text-shadow: 0 .5px oklch(100% 0 0 / calc(var(--depth) * .15)); touch-action: manipulation; box-shadow: 0 .5px 0 .5px oklch(100% 0 0 / calc(var(--depth) * 6%)) inset, var(--btn-shadow); --size: calc(var(--size-field, .25rem) * 10); --btn-bg: var(--btn-color, var(--color-base-200)); --btn-fg: var(--color-base-content); --btn-p: 1rem; --btn-border: var(--btn-bg); border-start-start-radius: var(--join-ss, var(--radius-field)); border-start-end-radius: var(--join-se, var(--radius-field)); border-end-end-radius: var(--join-ee, var(--radius-field)); border-end-start-radius: var(--join-es, var(--radius-field)); flex-wrap: nowrap; flex-shrink: 0; justify-content: center; align-items: center; gap: .375rem; font-weight: 600; transition-property: color, background-color, border-color, box-shadow; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .btn { --btn-border: color-mix(in oklab, var(--btn-bg), #000 calc(var(--depth) * 5%)); } } .btn { --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .btn { --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) calc(var(--depth) * 30%), #0000); } } .btn { --btn-noise: var(--fx-noise); } .prose .btn { text-decoration-line: none; } @media (hover: hover) { .btn:hover { --btn-bg: var(--btn-color, var(--color-base-200)); } @supports (color: color-mix(in lab, red, red)) { .btn:hover { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%); } } } .btn:focus-visible { isolation: isolate; outline-width: 2px; outline-style: solid; } .btn:active:not(.btn-active) { --btn-bg: var(--btn-color, var(--color-base-200)); translate: 0 .5px; } @supports (color: color-mix(in lab, red, red)) { .btn:active:not(.btn-active) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 5%); } } .btn:active:not(.btn-active) { --btn-border: var(--btn-color, var(--color-base-200)); } @supports (color: color-mix(in lab, red, red)) { .btn:active:not(.btn-active) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-200)), #000 7%); } } .btn:active:not(.btn-active) { --btn-shadow: 0 0 0 0 oklch(0% 0 0 / 0), 0 0 0 0 oklch(0% 0 0 / 0); } .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) { background-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) { background-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .btn:is(:disabled, [disabled], .btn-disabled):not(.btn-link, .btn-ghost) { box-shadow: none; } .btn:is(:disabled, [disabled], .btn-disabled) { pointer-events: none; --btn-border: #0000; --btn-noise: none; --btn-fg: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .btn:is(:disabled, [disabled], .btn-disabled) { --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000); } } @media (hover: hover) { .btn:is(:disabled, [disabled], .btn-disabled):hover { pointer-events: none; background-color: var(--color-neutral); } @supports (color: color-mix(in lab, red, red)) { .btn:is(:disabled, [disabled], .btn-disabled):hover { background-color: color-mix(in oklab, var(--color-neutral) 20%, transparent); } } .btn:is(:disabled, [disabled], .btn-disabled):hover { --btn-border: #0000; --btn-fg: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .btn:is(:disabled, [disabled], .btn-disabled):hover { --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000); } } } .btn:is(input[type="checkbox"], input[type="radio"]) { appearance: none; } .btn:is(input[type="checkbox"], input[type="radio"]):after { content: attr(aria-label); } .btn:where(input:checked:not(.filter .btn)) { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); isolation: isolate; } .\!loading { pointer-events: none !important; aspect-ratio: 1 !important; vertical-align: middle !important; width: calc(var(--size-selector, .25rem) * 6) !important; background-color: currentColor !important; display: inline-block !important; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important; mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E") !important; -webkit-mask-position: center !important; mask-position: center !important; -webkit-mask-size: 100% !important; mask-size: 100% !important; -webkit-mask-repeat: no-repeat !important; mask-repeat: no-repeat !important; } .loading { pointer-events: none; aspect-ratio: 1; vertical-align: middle; width: calc(var(--size-selector, .25rem) * 6); background-color: currentColor; display: inline-block; -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); -webkit-mask-position: center; mask-position: center; -webkit-mask-size: 100%; mask-size: 100%; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse:not(td, tr, colgroup) { visibility: visible; } .collapse { border-radius: var(--radius-box, 1rem); isolation: isolate; grid-template-rows: max-content 0fr; width: 100%; transition: grid-template-rows .2s; display: grid; position: relative; overflow: hidden; } .collapse > input:is([type="checkbox"], [type="radio"]) { appearance: none; opacity: 0; z-index: 1; grid-row-start: 1; grid-column-start: 1; width: 100%; min-height: 1lh; padding: 1rem; padding-inline-end: 3rem; transition: background-color .2s ease-out; } .collapse:is([open], :focus:not(.collapse-close)), .collapse:not(.collapse-close):has( > input:is([type="checkbox"], [type="radio"]):checked) { grid-template-rows: max-content 1fr; } .collapse:is([open], :focus:not(.collapse-close)) > .collapse-content, .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) { visibility: visible; min-height: fit-content; } .collapse:focus-visible, .collapse:has( > input:is([type="checkbox"], [type="radio"]):focus-visible) { outline-color: var(--color-base-content); outline-offset: 2px; outline-width: 2px; outline-style: solid; } .collapse:not(.collapse-close) > input[type="checkbox"], .collapse:not(.collapse-close) > input[type="radio"]:not(:checked), .collapse:not(.collapse-close) > .collapse-title { cursor: pointer; } .collapse:focus:not(.collapse-close, .collapse[open]) > .collapse-title { cursor: unset; } .collapse:is([open], :focus:not(.collapse-close)) > :where(.collapse-content), .collapse:not(.collapse-close) > :where(input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-content) { padding-bottom: 1rem; transition: padding .2s ease-out, background-color .2s ease-out; } .collapse[open].collapse-arrow > .collapse-title:after, .collapse.collapse-open.collapse-arrow > .collapse-title:after { transform: translateY(-50%)rotate(225deg); } .collapse.collapse-open.collapse-plus > .collapse-title:after { content: "−"; } .collapse.collapse-arrow:focus:not(.collapse-close) > .collapse-title:after, .collapse.collapse-arrow:not(.collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after { transform: translateY(-50%)rotate(225deg); } .collapse[open].collapse-plus > .collapse-title:after, .collapse.collapse-plus:focus:not(.collapse-close) > .collapse-title:after, .collapse.collapse-plus:not(.collapse-close) > input:is([type="checkbox"], [type="radio"]):checked ~ .collapse-title:after { content: "−"; } .collapse:is(details) { width: 100%; } .collapse:is(details) summary { display: block; position: relative; } .collapse:is(details) summary::-webkit-details-marker { display: none; } .collapse:is(details) summary { outline: none; } .collapse-content { visibility: hidden; min-height: 0; cursor: unset; grid-row-start: 2; grid-column-start: 1; padding-left: 1rem; padding-right: 1rem; transition: visibility .2s, padding .2s ease-out, background-color .2s ease-out; } .validator:user-valid { --input-color: var(--color-success); } .validator:user-valid:focus { --input-color: var(--color-success); } .validator:user-valid:checked { --input-color: var(--color-success); } .validator:user-valid[aria-checked="true"] { --input-color: var(--color-success); } .validator:user-valid:focus-within { --input-color: var(--color-success); } .validator:has(:user-valid) { --input-color: var(--color-success); } .validator:has(:user-valid):focus { --input-color: var(--color-success); } .validator:has(:user-valid):checked { --input-color: var(--color-success); } .validator:has(:user-valid)[aria-checked="true"] { --input-color: var(--color-success); } .validator:has(:user-valid):focus-within { --input-color: var(--color-success); } .validator:user-invalid { --input-color: var(--color-error); } .validator:user-invalid:focus { --input-color: var(--color-error); } .validator:user-invalid:checked { --input-color: var(--color-error); } .validator:user-invalid[aria-checked="true"] { --input-color: var(--color-error); } .validator:user-invalid:focus-within { --input-color: var(--color-error); } .validator:user-invalid ~ .validator-hint { visibility: visible; color: var(--color-error); display: block; } .validator:has(:user-invalid) { --input-color: var(--color-error); } .validator:has(:user-invalid):focus { --input-color: var(--color-error); } .validator:has(:user-invalid):checked { --input-color: var(--color-error); } .validator:has(:user-invalid)[aria-checked="true"] { --input-color: var(--color-error); } .validator:has(:user-invalid):focus-within { --input-color: var(--color-error); } .validator:has(:user-invalid) ~ .validator-hint { visibility: visible; color: var(--color-error); display: block; } .validator[aria-invalid]:not([aria-invalid="false"]), .validator[aria-invalid]:not([aria-invalid="false"]):focus, .validator[aria-invalid]:not([aria-invalid="false"]):checked, .validator[aria-invalid]:not([aria-invalid="false"])[aria-checked="true"], .validator[aria-invalid]:not([aria-invalid="false"]):focus-within { --input-color: var(--color-error); } .validator[aria-invalid]:not([aria-invalid="false"]) ~ .validator-hint { visibility: visible; color: var(--color-error); display: block; } .collapse { visibility: collapse; } .visible { visibility: visible; } .list { flex-direction: column; font-size: .875rem; display: flex; } .list :where(.list-row) { --list-grid-cols: minmax(0, auto) 1fr; border-radius: var(--radius-box); word-break: break-word; grid-auto-flow: column; grid-template-columns: var(--list-grid-cols); gap: 1rem; padding: 1rem; display: grid; position: relative; } .list :where(.list-row):has(.list-col-grow:first-child) { --list-grid-cols: 1fr; } .list :where(.list-row):has(.list-col-grow:nth-child(2)) { --list-grid-cols: minmax(0, auto) 1fr; } .list :where(.list-row):has(.list-col-grow:nth-child(3)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) 1fr; } .list :where(.list-row):has(.list-col-grow:nth-child(4)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr; } .list :where(.list-row):has(.list-col-grow:nth-child(5)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr; } .list :where(.list-row):has(.list-col-grow:nth-child(6)) { --list-grid-cols: minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) minmax(0, auto) 1fr; } .list :where(.list-row) :not(.list-col-wrap) { grid-row-start: 1; } :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after { content: ""; border-bottom: var(--border) solid; inset-inline: var(--radius-box); border-color: var(--color-base-content); position: absolute; bottom: 0; } @supports (color: color-mix(in lab, red, red)) { :is(.list > :not(:last-child).list-row, .list > :not(:last-child) .list-row):after { border-color: color-mix(in oklab, var(--color-base-content) 5%, transparent); } } .toggle { border: var(--border) solid currentColor; color: var(--input-color); cursor: pointer; appearance: none; vertical-align: middle; webkit-user-select: none; -webkit-user-select: none; user-select: none; --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)); border-radius: calc(var(--radius-selector) + min(var(--toggle-p), var(--radius-selector-max)) + min(var(--border), var(--radius-selector-max))); padding: var(--toggle-p); flex-shrink: 0; grid-template-columns: 0fr 1fr 1fr; place-content: center; display: inline-grid; position: relative; box-shadow: inset 0 1px; } @supports (color: color-mix(in lab, red, red)) { .toggle { box-shadow: 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000) inset; } } .toggle { --input-color: var(--color-base-content); transition: color .3s, grid-template-columns .2s; } @supports (color: color-mix(in lab, red, red)) { .toggle { --input-color: color-mix(in oklab, var(--color-base-content) 50%, #0000); } } .toggle { --toggle-p: calc(var(--size) * .125); --size: calc(var(--size-selector, .25rem) * 6); width: calc((var(--size) * 2) - (var(--border) + var(--toggle-p)) * 2); height: var(--size); } .toggle > * { z-index: 1; cursor: pointer; appearance: none; background-color: #0000; border: none; grid-column: 2 / span 1; grid-row-start: 1; height: 100%; padding: .125rem; transition: opacity .2s, rotate .4s; } .toggle > :focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .toggle > :focus { outline-offset: 2px; outline: 2px solid #0000; } } .toggle > :nth-child(2) { color: var(--color-base-100); rotate: none; } .toggle > :nth-child(3) { color: var(--color-base-100); opacity: 0; rotate: -15deg; } .toggle:has(:checked) > :nth-child(2) { opacity: 0; rotate: 15deg; } .toggle:has(:checked) > :nth-child(3) { opacity: 1; rotate: none; } .toggle:before { aspect-ratio: 1; border-radius: var(--radius-selector); --tw-content: ""; content: var(--tw-content); height: 100%; box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor; background-color: currentColor; grid-row-start: 1; grid-column-start: 2; transition: background-color .1s, translate .2s, inset-inline-start .2s; position: relative; inset-inline-start: 0; translate: 0; } @supports (color: color-mix(in lab, red, red)) { .toggle:before { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000); } } .toggle:before { background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); } @media (forced-colors: active) { .toggle:before { outline-style: var(--tw-outline-style); outline-offset: calc(1px * -1); outline-width: 1px; } } @media print { .toggle:before { outline-offset: -1rem; outline: .25rem solid; } } .toggle:focus-visible, .toggle:has(:focus-visible) { outline-offset: 2px; outline: 2px solid; } .toggle:checked, .toggle[aria-checked="true"], .toggle:has( > input:checked) { background-color: var(--color-base-100); --input-color: var(--color-base-content); grid-template-columns: 1fr 1fr 0fr; } :is(.toggle:checked, .toggle[aria-checked="true"], .toggle:has( > input:checked)):before { background-color: currentColor; } @starting-style { :is(.toggle:checked, .toggle[aria-checked="true"], .toggle:has( > input:checked)):before { opacity: 0; } } .toggle:indeterminate { grid-template-columns: .5fr 1fr .5fr; } .toggle:disabled { cursor: not-allowed; opacity: .3; } .toggle:disabled:before { border: var(--border) solid currentColor; background-color: #0000; } .input { cursor: text; border: var(--border) solid #0000; appearance: none; background-color: var(--color-base-100); vertical-align: middle; white-space: nowrap; width: clamp(3rem, 20rem, 100%); height: var(--size); touch-action: manipulation; border-color: var(--input-color); box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; border-start-start-radius: var(--join-ss, var(--radius-field)); border-start-end-radius: var(--join-se, var(--radius-field)); border-end-end-radius: var(--join-ee, var(--radius-field)); border-end-start-radius: var(--join-es, var(--radius-field)); flex-shrink: 1; align-items: center; gap: .5rem; padding-inline: .75rem; font-size: .875rem; display: inline-flex; position: relative; } @supports (color: color-mix(in lab, red, red)) { .input { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } .input { --size: calc(var(--size-field, .25rem) * 10); --input-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .input { --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); } } .input:where(input) { display: inline-flex; } .input :where(input) { appearance: none; background-color: #0000; border: none; width: 100%; height: 100%; display: inline-flex; } .input :where(input):focus, .input :where(input):focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .input :where(input):focus, .input :where(input):focus-within { outline-offset: 2px; outline: 2px solid #0000; } } .input :where(input[type="url"]), .input :where(input[type="email"]) { direction: ltr; } .input :where(input[type="date"]) { display: inline-block; } .input:focus, .input:focus-within { --input-color: var(--color-base-content); box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .input:focus, .input:focus-within { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000); } } .input:focus, .input:focus-within { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; z-index: 1; } .input:has( > input[disabled]), .input:is(:disabled, [disabled]) { cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200); color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .input:has( > input[disabled]), .input:is(:disabled, [disabled]) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::placeholder { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { :is(.input:has( > input[disabled]), .input:is(:disabled, [disabled]))::placeholder { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } .input:has( > input[disabled]), .input:is(:disabled, [disabled]) { box-shadow: none; } .input:has( > input[disabled]) > input[disabled] { cursor: not-allowed; } .input::-webkit-date-and-time-value { text-align: inherit; } .input[type="number"]::-webkit-inner-spin-button { margin-block: -.75rem; margin-inline-end: -.75rem; } .input::-webkit-calendar-picker-indicator { position: absolute; inset-inline-end: .75em; } .indicator { width: max-content; display: inline-flex; position: relative; } .indicator :where(.indicator-item) { z-index: 1; white-space: nowrap; top: var(--indicator-t, 0); bottom: var(--indicator-b, auto); left: var(--indicator-s, auto); right: var(--indicator-e, 0); translate: var(--indicator-x, 50%) var(--indicator-y, -50%); position: absolute; } .table { border-radius: var(--radius-box); text-align: left; width: 100%; font-size: .875rem; position: relative; } .table:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { text-align: right; } @media (hover: hover) { :is(.table tr.row-hover, .table tr.row-hover:nth-child(2n)):hover { background-color: var(--color-base-200); } } .table :where(th, td) { vertical-align: middle; padding-block: .75rem; padding-inline: 1rem; } .table :where(thead, tfoot) { white-space: nowrap; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .table :where(thead, tfoot) { color: color-mix(in oklab, var(--color-base-content) 60%, transparent); } } .table :where(thead, tfoot) { font-size: .875rem; font-weight: 600; } .table :where(tfoot) { border-top: var(--border) solid var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .table :where(tfoot) { border-top: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000); } } .table :where(.table-pin-rows thead tr) { z-index: 1; background-color: var(--color-base-100); position: sticky; top: 0; } .table :where(.table-pin-rows tfoot tr) { z-index: 1; background-color: var(--color-base-100); position: sticky; bottom: 0; } .table :where(.table-pin-cols tr th) { background-color: var(--color-base-100); position: sticky; left: 0; right: 0; } .table :where(thead tr, tbody tr:not(:last-child)) { border-bottom: var(--border) solid var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .table :where(thead tr, tbody tr:not(:last-child)) { border-bottom: var(--border) solid color-mix(in oklch, var(--color-base-content) 5%, #0000); } } .steps { counter-reset: step; grid-auto-columns: 1fr; grid-auto-flow: column; display: inline-grid; overflow: auto hidden; } .steps .step { text-align: center; --step-bg: var(--color-base-300); --step-fg: var(--color-base-content); grid-template-rows: 40px 1fr; grid-template-columns: auto; place-items: center; min-width: 4rem; display: grid; } .steps .step:before { width: 100%; height: .5rem; color: var(--step-bg); background-color: var(--step-bg); --tw-content: ""; content: var(--tw-content); border: 1px solid; grid-row-start: 1; grid-column-start: 1; margin-inline-start: -100%; top: 0; } .steps .step > .step-icon, .steps .step:not(:has(.step-icon)):after { content: counter(step); counter-increment: step; z-index: 1; color: var(--step-fg); background-color: var(--step-bg); border: 1px solid var(--step-bg); border-radius: 3.40282e38px; grid-row-start: 1; grid-column-start: 1; place-self: center; place-items: center; width: 2rem; height: 2rem; display: grid; position: relative; } .steps .step:first-child:before { content: none; } .steps .step[data-content]:after { content: attr(data-content); } .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after, .steps .step-neutral > .step-icon { --step-bg: var(--color-neutral); --step-fg: var(--color-neutral-content); } .steps .step-primary + .step-primary:before, .steps .step-primary:after, .steps .step-primary > .step-icon { --step-bg: var(--color-primary); --step-fg: var(--color-primary-content); } .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after, .steps .step-secondary > .step-icon { --step-bg: var(--color-secondary); --step-fg: var(--color-secondary-content); } .steps .step-accent + .step-accent:before, .steps .step-accent:after, .steps .step-accent > .step-icon { --step-bg: var(--color-accent); --step-fg: var(--color-accent-content); } .steps .step-info + .step-info:before, .steps .step-info:after, .steps .step-info > .step-icon { --step-bg: var(--color-info); --step-fg: var(--color-info-content); } .steps .step-success + .step-success:before, .steps .step-success:after, .steps .step-success > .step-icon { --step-bg: var(--color-success); --step-fg: var(--color-success-content); } .steps .step-warning + .step-warning:before, .steps .step-warning:after, .steps .step-warning > .step-icon { --step-bg: var(--color-warning); --step-fg: var(--color-warning-content); } .steps .step-error + .step-error:before, .steps .step-error:after, .steps .step-error > .step-icon { --step-bg: var(--color-error); --step-fg: var(--color-error-content); } .range { appearance: none; webkit-appearance: none; --range-thumb: var(--color-base-100); --range-thumb-size: calc(var(--size-selector, .25rem) * 6); --range-progress: currentColor; --range-fill: 1; --range-p: .25rem; --range-bg: currentColor; } @supports (color: color-mix(in lab, red, red)) { .range { --range-bg: color-mix(in oklab, currentColor 10%, #0000); } } .range { cursor: pointer; vertical-align: middle; --radius-selector-max: calc(var(--radius-selector) + var(--radius-selector) + var(--radius-selector)); border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max))); width: clamp(3rem, 20rem, 100%); height: var(--range-thumb-size); background-color: #0000; border: none; overflow: hidden; } [dir="rtl"] .range { --range-dir: -1; } .range:focus { outline: none; } .range:focus-visible { outline-offset: 2px; outline: 2px solid; } .range::-webkit-slider-runnable-track { background-color: var(--range-bg); border-radius: var(--radius-selector); width: 100%; height: calc(var(--range-thumb-size) * .5); } @media (forced-colors: active) { .range::-webkit-slider-runnable-track { border: 1px solid; } .range::-moz-range-track { border: 1px solid; } } .range::-webkit-slider-thumb { box-sizing: border-box; border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max))); height: var(--range-thumb-size); width: var(--range-thumb-size); border: var(--range-p) solid; appearance: none; webkit-appearance: none; color: var(--range-progress); box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill)); background-color: currentColor; position: relative; top: 50%; transform: translateY(-50%); } @supports (color: color-mix(in lab, red, red)) { .range::-webkit-slider-thumb { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill)); } } .range::-moz-range-track { background-color: var(--range-bg); border-radius: var(--radius-selector); width: 100%; height: calc(var(--range-thumb-size) * .5); } .range::-moz-range-thumb { box-sizing: border-box; border-radius: calc(var(--radius-selector) + min(var(--range-p), var(--radius-selector-max))); height: var(--range-thumb-size); width: var(--range-thumb-size); border: var(--range-p) solid; color: var(--range-progress); box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px currentColor, 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill)); background-color: currentColor; position: relative; top: 50%; } @supports (color: color-mix(in lab, red, red)) { .range::-moz-range-thumb { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px color-mix(in oklab, currentColor calc(var(--depth) * 10%), #0000), 0 0 0 2rem var(--range-thumb) inset, calc((var(--range-dir, 1) * -100rem) - (var(--range-dir, 1) * var(--range-thumb-size) / 2)) 0 0 calc(100rem * var(--range-fill)); } } .range:disabled { cursor: not-allowed; opacity: .3; } .select { border: var(--border) solid #0000; appearance: none; background-color: var(--color-base-100); vertical-align: middle; width: clamp(3rem, 20rem, 100%); height: var(--size); touch-action: manipulation; text-overflow: ellipsis; box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; background-image: linear-gradient(45deg, #0000 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, #0000 50%); background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16.1px) calc(1px + 50%); background-repeat: no-repeat; background-size: 4px 4px, 4px 4px; border-start-start-radius: var(--join-ss, var(--radius-field)); border-start-end-radius: var(--join-se, var(--radius-field)); border-end-end-radius: var(--join-ee, var(--radius-field)); border-end-start-radius: var(--join-es, var(--radius-field)); flex-shrink: 1; align-items: center; gap: .375rem; padding-inline: 1rem 1.75rem; font-size: .875rem; display: inline-flex; position: relative; } @supports (color: color-mix(in lab, red, red)) { .select { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } .select { border-color: var(--input-color); --input-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .select { --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); } } .select { --size: calc(var(--size-field, .25rem) * 10); } [dir="rtl"] .select { background-position: 12px calc(1px + 50%), 16px calc(1px + 50%); } .select select { appearance: none; background: inherit; border-radius: inherit; border-style: none; width: calc(100% + 2.75rem); height: calc(100% - 2px); margin-inline: -1rem -1.75rem; padding-inline: 1rem 1.75rem; } .select select:focus, .select select:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .select select:focus, .select select:focus-within { outline-offset: 2px; outline: 2px solid #0000; } } .select select:not(:last-child) { background-image: none; margin-inline-end: -1.375rem; } .select:focus, .select:focus-within { --input-color: var(--color-base-content); box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .select:focus, .select:focus-within { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000); } } .select:focus, .select:focus-within { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; z-index: 1; } .select:has( > select[disabled]), .select:is(:disabled, [disabled]) { cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200); color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .select:has( > select[disabled]), .select:is(:disabled, [disabled]) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::placeholder { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { :is(.select:has( > select[disabled]), .select:is(:disabled, [disabled]))::placeholder { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } .select:has( > select[disabled]) > select[disabled] { cursor: not-allowed; } .card { border-radius: var(--radius-box); outline-offset: 2px; outline: 0 solid #0000; flex-direction: column; transition: outline .2s ease-in-out; display: flex; position: relative; } .card:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .card:focus { outline-offset: 2px; outline: 2px solid #0000; } } .card:focus-visible { outline-color: currentColor; } .card :where(figure:first-child) { border-start-start-radius: inherit; border-start-end-radius: inherit; border-end-end-radius: unset; border-end-start-radius: unset; overflow: hidden; } .card :where(figure:last-child) { border-start-start-radius: unset; border-start-end-radius: unset; border-end-end-radius: inherit; border-end-start-radius: inherit; overflow: hidden; } .card:where(.card-border) { border: var(--border) solid var(--color-base-200); } .card:where(.card-dash) { border: var(--border) dashed var(--color-base-200); } .card.image-full { display: grid; } .card.image-full > * { grid-row-start: 1; grid-column-start: 1; } .card.image-full > .card-body { color: var(--color-neutral-content); position: relative; } .card.image-full :where(figure) { border-radius: inherit; overflow: hidden; } .card.image-full > figure img { object-fit: cover; filter: brightness(28%); height: 100%; } .card figure { justify-content: center; align-items: center; display: flex; } .card:has( > input:is(input[type="checkbox"], input[type="radio"])) { cursor: pointer; -webkit-user-select: none; user-select: none; } .card:has( > :checked) { outline: 2px solid; } .swap { cursor: pointer; vertical-align: middle; webkit-user-select: none; -webkit-user-select: none; user-select: none; place-content: center; display: inline-grid; position: relative; } .swap input { appearance: none; border: none; } .swap > * { grid-row-start: 1; grid-column-start: 1; transition-property: transform, rotate, opacity; transition-duration: .2s; transition-timing-function: cubic-bezier(0, 0, .2, 1); } .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on, .swap input:is(:checked, :indeterminate) ~ .swap-off { opacity: 0; } .swap input:checked ~ .swap-on, .swap input:indeterminate ~ .swap-indeterminate { opacity: 1; backface-visibility: visible; } .collapse-title { grid-row-start: 1; grid-column-start: 1; width: 100%; min-height: 1lh; padding: 1rem; padding-inline-end: 3rem; transition: background-color .2s ease-out; position: relative; } .sr-only { clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .avatar { vertical-align: middle; display: inline-flex; position: relative; } .avatar > div { aspect-ratio: 1; display: block; overflow: hidden; } .avatar img { object-fit: cover; width: 100%; height: 100%; } .checkbox { border: var(--border) solid var(--input-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .checkbox { border: var(--border) solid var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000)); } } .checkbox { cursor: pointer; appearance: none; border-radius: var(--radius-selector); vertical-align: middle; color: var(--color-base-content); box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 0 #0000 inset, 0 0 #0000; --size: calc(var(--size-selector, .25rem) * 6); width: var(--size); height: var(--size); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); flex-shrink: 0; padding: .25rem; transition: background-color .2s, box-shadow .2s; display: inline-block; position: relative; } .checkbox:before { --tw-content: ""; content: var(--tw-content); opacity: 0; clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 70% 80%, 70% 100%); width: 100%; height: 100%; box-shadow: 0px 3px 0 0px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; background-color: currentColor; font-size: 1rem; line-height: .75; transition: clip-path .3s .1s, opacity .1s .1s, rotate .3s .1s, translate .3s .1s; display: block; rotate: 45deg; } .checkbox:focus-visible { outline: 2px solid var(--input-color, currentColor); outline-offset: 2px; } .checkbox:checked, .checkbox[aria-checked="true"] { background-color: var(--input-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .checkbox:checked, .checkbox[aria-checked="true"] { background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000)); } } .checkbox:checked, .checkbox[aria-checked="true"] { box-shadow: 0 0 #0000 inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)); } :is(.checkbox:checked, .checkbox[aria-checked="true"]):before { clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 0%, 70% 0%, 70% 100%); opacity: 1; } @media (forced-colors: active) { :is(.checkbox:checked, .checkbox[aria-checked="true"]):before { --tw-content: "✔︎"; clip-path: none; background-color: #0000; rotate: none; } } @media print { :is(.checkbox:checked, .checkbox[aria-checked="true"]):before { --tw-content: "✔︎"; clip-path: none; background-color: #0000; rotate: none; } } .checkbox:indeterminate { background-color: var(--input-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .checkbox:indeterminate { background-color: var(--input-color, color-mix(in oklab, var(--color-base-content) 20%, #0000)); } } .checkbox:indeterminate:before { opacity: 1; clip-path: polygon(20% 100%, 20% 80%, 50% 80%, 50% 80%, 80% 80%, 80% 100%); translate: 0 -35%; rotate: none; } .checkbox:disabled { cursor: not-allowed; opacity: .2; } .radio { cursor: pointer; appearance: none; vertical-align: middle; border: var(--border) solid var(--input-color, currentColor); border-radius: 3.40282e38px; flex-shrink: 0; padding: .25rem; display: inline-block; position: relative; } @supports (color: color-mix(in lab, red, red)) { .radio { border: var(--border) solid var(--input-color, color-mix(in srgb, currentColor 20%, #0000)); } } .radio { box-shadow: 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset; --size: calc(var(--size-selector, .25rem) * 6); width: var(--size); height: var(--size); color: var(--input-color, currentColor); } .radio:before { --tw-content: ""; content: var(--tw-content); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); border-radius: 3.40282e38px; width: 100%; height: 100%; display: block; } .radio:focus-visible { outline: 2px solid; } .radio:checked, .radio[aria-checked="true"] { background-color: var(--color-base-100); border-color: currentColor; animation: .2s ease-out radio; } :is(.radio:checked, .radio[aria-checked="true"]):before { box-shadow: 0 -1px oklch(0% 0 0 / calc(var(--depth) * .1)) inset, 0 8px 0 -4px oklch(100% 0 0 / calc(var(--depth) * .1)) inset, 0 1px oklch(0% 0 0 / calc(var(--depth) * .1)); background-color: currentColor; } @media (forced-colors: active) { :is(.radio:checked, .radio[aria-checked="true"]):before { outline-style: var(--tw-outline-style); outline-offset: calc(1px * -1); outline-width: 1px; } } @media print { :is(.radio:checked, .radio[aria-checked="true"]):before { outline-offset: -1rem; outline: .25rem solid; } } .radio:disabled { cursor: not-allowed; opacity: .2; } .drawer { grid-auto-columns: max-content auto; width: 100%; display: grid; position: relative; } .stats { border-radius: var(--radius-box); grid-auto-flow: column; display: inline-grid; position: relative; overflow-x: auto; } .progress { appearance: none; border-radius: var(--radius-box); background-color: currentColor; width: 100%; height: .5rem; position: relative; overflow: hidden; } @supports (color: color-mix(in lab, red, red)) { .progress { background-color: color-mix(in oklab, currentColor 20%, transparent); } } .progress { color: var(--color-base-content); } .progress:indeterminate { background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%); background-position-x: 15%; background-size: 200%; animation: 5s ease-in-out infinite progress; } @supports ((-moz-appearance: none)) { .progress:indeterminate::-moz-progress-bar { background-color: #0000; background-image: repeating-linear-gradient(90deg, currentColor -1% 10%, #0000 10% 90%); background-position-x: 15%; background-size: 200%; animation: 5s ease-in-out infinite progress; } .progress::-moz-progress-bar { border-radius: var(--radius-box); background-color: currentColor; } } @supports ((-webkit-appearance: none)) { .progress::-webkit-progress-bar { border-radius: var(--radius-box); background-color: #0000; } .progress::-webkit-progress-value { border-radius: var(--radius-box); background-color: currentColor; } } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .-inset-2\.5 { inset: calc(var(--spacing) * -2.5); } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-y-0 { inset-block: calc(var(--spacing) * 0); } .-top-0\.5 { top: calc(var(--spacing) * -.5); } .-top-1 { top: calc(var(--spacing) * -1); } .-top-3 { top: calc(var(--spacing) * -3); } .-top-16 { top: calc(var(--spacing) * -16); } .-top-ssm { top: calc(var(--spacing-ssm) * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-8 { top: calc(var(--spacing) * 8); } .top-10 { top: calc(var(--spacing) * 10); } .top-12 { top: calc(var(--spacing) * 12); } .top-20 { top: calc(var(--spacing) * 20); } .top-24 { top: calc(var(--spacing) * 24); } .top-\[100px\] { top: 100px; } .top-smd { top: var(--spacing-smd); } .top-ssm { top: var(--spacing-ssm); } .-right-16 { right: calc(var(--spacing) * -16); } .-right-200 { right: calc(var(--spacing) * -200); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-4 { right: calc(var(--spacing) * 4); } .right-7 { right: calc(var(--spacing) * 7); } .right-8 { right: calc(var(--spacing) * 8); } .right-16 { right: calc(var(--spacing) * 16); } .right-20 { right: calc(var(--spacing) * 20); } .right-ssm { right: var(--spacing-ssm); } .-bottom-12 { bottom: calc(var(--spacing) * -12); } .-bottom-48 { bottom: calc(var(--spacing) * -48); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-3 { bottom: calc(var(--spacing) * 3); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-6 { bottom: calc(var(--spacing) * 6); } .bottom-10 { bottom: calc(var(--spacing) * 10); } .bottom-\[250px\] { bottom: 250px; } .bottom-ssm { bottom: var(--spacing-ssm); } .-left-16 { left: calc(var(--spacing) * -16); } .left-0 { left: calc(var(--spacing) * 0); } .left-2 { left: calc(var(--spacing) * 2); } .left-3 { left: calc(var(--spacing) * 3); } .left-4 { left: calc(var(--spacing) * 4); } .left-8 { left: calc(var(--spacing) * 8); } .left-10 { left: calc(var(--spacing) * 10); } .left-15 { left: calc(var(--spacing) * 15); } .left-16 { left: calc(var(--spacing) * 16); } .left-24 { left: calc(var(--spacing) * 24); } .left-\[100px\] { left: 100px; } .left-sxs { left: var(--spacing-sxs); } .file-input { cursor: pointer; cursor: pointer; border: var(--border) solid #0000; appearance: none; background-color: var(--color-base-100); vertical-align: middle; webkit-user-select: none; -webkit-user-select: none; user-select: none; width: clamp(3rem, 20rem, 100%); height: var(--size); border-color: var(--input-color); box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; border-start-start-radius: var(--join-ss, var(--radius-field)); border-start-end-radius: var(--join-se, var(--radius-field)); border-end-end-radius: var(--join-ee, var(--radius-field)); border-end-start-radius: var(--join-es, var(--radius-field)); align-items: center; padding-inline-end: .75rem; font-size: .875rem; line-height: 2; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .file-input { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } .file-input { --size: calc(var(--size-field, .25rem) * 10); --input-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .file-input { --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); } } .file-input::file-selector-button { cursor: pointer; webkit-user-select: none; -webkit-user-select: none; user-select: none; height: calc(100% + var(--border) * 2); margin-inline-end: 1rem; margin-block: calc(var(--border) * -1); color: var(--btn-fg); border-width: var(--border); border-style: solid; border-color: var(--btn-border); background-color: var(--btn-bg); background-size: calc(var(--noise) * 100%); background-image: var(--btn-noise); text-shadow: 0 .5px oklch(1 0 0 / calc(var(--depth) * .15)); box-shadow: 0 .5px 0 .5px white inset, var(--btn-shadow); border-start-start-radius: calc(var(--join-ss, var(--radius-field) - var(--border))); border-end-start-radius: calc(var(--join-es, var(--radius-field) - var(--border))); margin-inline-start: calc(var(--border) * -1); padding-inline: 1rem; font-size: .875rem; font-weight: 600; } @supports (color: color-mix(in lab, red, red)) { .file-input::file-selector-button { box-shadow: 0 .5px 0 .5px color-mix(in oklab, color-mix(in oklab, white 30%, var(--btn-bg)) calc(var(--depth) * 20%), #0000) inset, var(--btn-shadow); } } .file-input::file-selector-button { --size: calc(var(--size-field, .25rem) * 10); --btn-bg: var(--btn-color, var(--color-base-200)); --btn-fg: var(--color-base-content); --btn-border: var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .file-input::file-selector-button { --btn-border: color-mix(in oklab, var(--btn-bg), #000 5%); } } .file-input::file-selector-button { --btn-shadow: 0 3px 2px -2px var(--btn-bg), 0 4px 3px -2px var(--btn-bg); } @supports (color: color-mix(in lab, red, red)) { .file-input::file-selector-button { --btn-shadow: 0 3px 2px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000), 0 4px 3px -2px color-mix(in oklab, var(--btn-bg) 30%, #0000); } } .file-input::file-selector-button { --btn-noise: var(--fx-noise); } .file-input:focus { --input-color: var(--color-base-content); box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .file-input:focus { box-shadow: 0 1px color-mix(in oklab, var(--input-color) 10%, #0000); } } .file-input:focus { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; } .file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]) { cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200); } :is(.file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]))::placeholder { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { :is(.file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]))::placeholder { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } .file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]) { box-shadow: none; color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]) { color: color-mix(in oklch, var(--color-base-content) 20%, #0000); } } :is(.file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]))::file-selector-button { cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200); --btn-border: #0000; --btn-noise: none; --btn-fg: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { :is(.file-input:has( > input[disabled]), .file-input:is(:disabled, [disabled]))::file-selector-button { --btn-fg: color-mix(in oklch, var(--color-base-content) 20%, #0000); } } .textarea { border: var(--border) solid #0000; appearance: none; border-radius: var(--radius-field); background-color: var(--color-base-100); vertical-align: middle; touch-action: manipulation; border-color: var(--input-color); width: clamp(3rem, 20rem, 100%); min-height: 5rem; box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; flex-shrink: 1; padding-block: .5rem; padding-inline: .75rem; font-size: .875rem; } @supports (color: color-mix(in lab, red, red)) { .textarea { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * .1)) inset; } } .textarea { --input-color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .textarea { --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000); } } .textarea textarea { appearance: none; background-color: #0000; border: none; } .textarea textarea:focus, .textarea textarea:focus-within { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .textarea textarea:focus, .textarea textarea:focus-within { outline-offset: 2px; outline: 2px solid #0000; } } .textarea:focus, .textarea:focus-within { --input-color: var(--color-base-content); box-shadow: 0 1px var(--input-color); } @supports (color: color-mix(in lab, red, red)) { .textarea:focus, .textarea:focus-within { box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000); } } .textarea:focus, .textarea:focus-within { outline: 2px solid var(--input-color); outline-offset: 2px; isolation: isolate; } .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) { cursor: not-allowed; border-color: var(--color-base-200); background-color: var(--color-base-200); color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) { color: color-mix(in oklab, var(--color-base-content) 40%, transparent); } } :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { :is(.textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]))::placeholder { color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } .textarea:has( > textarea[disabled]), .textarea:is(:disabled, [disabled]) { box-shadow: none; } .textarea:has( > textarea[disabled]) > textarea[disabled] { cursor: not-allowed; } .stack { grid-template-rows: 3px 4px 1fr 4px 3px; grid-template-columns: 3px 4px 1fr 4px 3px; display: inline-grid; } .stack > * { width: 100%; height: 100%; } .stack > :nth-child(n+2) { opacity: .7; width: 100%; } .stack > :nth-child(2) { z-index: 2; opacity: .9; } .stack > :first-child { z-index: 3; width: 100%; } :is(.stack, .stack.stack-bottom) > * { grid-area: 3 / 3 / 6 / 4; } :is(.stack, .stack.stack-bottom) > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } :is(.stack, .stack.stack-bottom) > :first-child { grid-area: 1 / 1 / 4 / 6; } .stack.stack-top > * { grid-area: 1 / 3 / 4 / 4; } .stack.stack-top > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-top > :first-child { grid-area: 3 / 1 / 6 / 6; } .stack.stack-start > * { grid-area: 3 / 1 / 4 / 4; } .stack.stack-start > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-start > :first-child { grid-area: 1 / 3 / 6 / 6; } .stack.stack-end > * { grid-area: 3 / 3 / 4 / 6; } .stack.stack-end > :nth-child(2) { grid-area: 2 / 2 / 5 / 5; } .stack.stack-end > :first-child { grid-area: 1 / 1 / 6 / 4; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 3; } .z-9 { z-index: 9; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-50 { z-index: 50; } .z-99 { z-index: 99; } .z-100 { z-index: 100; } .z-999 { z-index: 999; } .z-1000 { z-index: 1000; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-12 { grid-column: span 12 / span 12; } .col-start-1 { grid-column-start: 1; } .row-start-1 { grid-row-start: 1; } .container { width: 100%; } @media (min-width: 40rem) { .container { max-width: 40rem; } } @media (min-width: 48rem) { .container { max-width: 48rem; } } @media (min-width: 64rem) { .container { max-width: 64rem; } } @media (min-width: 80rem) { .container { max-width: 80rem; } } @media (min-width: 96rem) { .container { max-width: 96rem; } } .divider { white-space: nowrap; height: 1rem; margin: var(--divider-m, 1rem 0); --divider-color: var(--color-base-content); flex-direction: row; align-self: stretch; align-items: center; display: flex; } @supports (color: color-mix(in lab, red, red)) { .divider { --divider-color: color-mix(in oklab, var(--color-base-content) 10%, transparent); } } .divider:before, .divider:after { content: ""; background-color: var(--divider-color); flex-grow: 1; width: 100%; height: .125rem; } @media print { .divider:before, .divider:after { border: .5px solid; } } .divider:not(:empty) { gap: 1rem; } .-m-1 { margin: calc(var(--spacing) * -1); } .m-1 { margin: calc(var(--spacing) * 1); } .m-2 { margin: calc(var(--spacing) * 2); } .m-4 { margin: calc(var(--spacing) * 4); } .m-slg { margin: var(--spacing-slg); } .filter { flex-wrap: wrap; display: flex; } .filter input[type="radio"] { width: auto; } .filter input { opacity: 1; transition: margin .1s, opacity .3s, padding .3s, border-width .1s; overflow: hidden; scale: 1; } .filter input:not(:last-child) { margin-inline-end: .25rem; } .filter input.filter-reset { aspect-ratio: 1; } .filter input.filter-reset:after { content: "×"; } .filter:not(:has(input:checked:not(.filter-reset))) .filter-reset, .filter:not(:has(input:checked:not(.filter-reset))) input[type="reset"], .filter:has(input:checked:not(.filter-reset)) input:not(:checked, .filter-reset, input[type="reset"]) { opacity: 0; border-width: 0; width: 0; margin-inline: 0; padding-inline: 0; scale: 0; } .-mx-4 { margin-inline: calc(var(--spacing) * -4); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-8 { margin-inline: calc(var(--spacing) * 8); } .mx-auto { margin-inline: auto; } .mx-smd { margin-inline: var(--spacing-smd); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-10 { margin-block: calc(var(--spacing) * 10); } .my-12 { margin-block: calc(var(--spacing) * 12); } .my-slg { margin-block: var(--spacing-slg); } .label { white-space: nowrap; color: currentColor; align-items: center; gap: .375rem; display: inline-flex; } @supports (color: color-mix(in lab, red, red)) { .label { color: color-mix(in oklab, currentColor 60%, transparent); } } .label:has(input) { cursor: pointer; } .label:is(.input > *, .select > *) { white-space: nowrap; height: calc(100% - .5rem); font-size: inherit; align-items: center; padding-inline: .75rem; display: flex; } .label:is(.input > *, .select > *):first-child { border-inline-end: var(--border) solid currentColor; margin-inline: -.75rem .75rem; } @supports (color: color-mix(in lab, red, red)) { .label:is(.input > *, .select > *):first-child { border-inline-end: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); } } .label:is(.input > *, .select > *):last-child { border-inline-start: var(--border) solid currentColor; margin-inline: .75rem -.75rem; } @supports (color: color-mix(in lab, red, red)) { .label:is(.input > *, .select > *):last-child { border-inline-start: var(--border) solid color-mix(in oklab, currentColor 10%, #0000); } } .\!mt-0 { margin-top: calc(var(--spacing) * 0) !important; } .-mt-0\.5 { margin-top: calc(var(--spacing) * -.5); } .-mt-0\.25 { margin-top: calc(var(--spacing) * -.25); } .-mt-1 { margin-top: calc(var(--spacing) * -1); } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-ssm { margin-top: calc(var(--spacing-ssm) * -1); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-1\.5 { margin-top: calc(var(--spacing) * 1.5); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-5 { margin-top: calc(var(--spacing) * 5); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-24 { margin-top: calc(var(--spacing) * 24); } .mt-36 { margin-top: calc(var(--spacing) * 36); } .mt-48 { margin-top: calc(var(--spacing) * 48); } .mt-60 { margin-top: calc(var(--spacing) * 60); } .mt-slg { margin-top: var(--spacing-slg); } .mt-smd { margin-top: var(--spacing-smd); } .mt-ssm { margin-top: var(--spacing-ssm); } .mt-sxs { margin-top: var(--spacing-sxs); } .breadcrumbs { max-width: 100%; padding-block: .5rem; overflow-x: auto; } .breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol { white-space: nowrap; align-items: center; min-height: min-content; display: flex; } :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li { align-items: center; display: flex; } :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > * { cursor: pointer; align-items: center; gap: .5rem; display: flex; } @media (hover: hover) { :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :hover { text-decoration-line: underline; } } :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :focus { outline-offset: 2px; outline: 2px solid #0000; } } :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li > :focus-visible { outline-offset: 2px; outline: 2px solid; } :is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li + :before { content: ""; opacity: .4; background-color: #0000; border-top: 1px solid; border-right: 1px solid; width: .375rem; height: .375rem; margin-left: .5rem; margin-right: .75rem; display: block; rotate: 45deg; } [dir="rtl"] :is(:is(.breadcrumbs > menu, .breadcrumbs > ul, .breadcrumbs > ol) > li) + :before { rotate: -135deg; } .-mr-0\.25 { margin-right: calc(var(--spacing) * -.25); } .-mr-2 { margin-right: calc(var(--spacing) * -2); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-2\.5 { margin-right: calc(var(--spacing) * 2.5); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-5 { margin-right: calc(var(--spacing) * 5); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-ssm { margin-right: var(--spacing-ssm); } .mr-sxs { margin-right: var(--spacing-sxs); } .fieldset-legend { color: var(--color-base-content); justify-content: space-between; align-items: center; gap: .5rem; margin-bottom: -.25rem; padding-block: .5rem; font-weight: 600; display: flex; } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-16 { margin-bottom: calc(var(--spacing) * 16); } .mb-smd { margin-bottom: var(--spacing-smd); } .mb-ssm { margin-bottom: var(--spacing-ssm); } .mb-sxs { margin-bottom: var(--spacing-sxs); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-4 { margin-left: calc(var(--spacing) * -4); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-7 { margin-left: calc(var(--spacing) * 7); } .ml-8 { margin-left: calc(var(--spacing) * 8); } .ml-14 { margin-left: calc(var(--spacing) * 14); } .ml-smd { margin-left: var(--spacing-smd); } .ml-ssm { margin-left: var(--spacing-ssm); } .ml-sxs { margin-left: var(--spacing-sxs); } .status { aspect-ratio: 1; border-radius: var(--radius-selector); background-color: var(--color-base-content); width: .5rem; height: .5rem; display: inline-block; } @supports (color: color-mix(in lab, red, red)) { .status { background-color: color-mix(in oklab, var(--color-base-content) 20%, transparent); } } .status { vertical-align: middle; color: #0000004d; background-position: center; background-repeat: no-repeat; } @supports (color: color-mix(in lab, red, red)) { .status { color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .status { color: color-mix(in oklab, var(--color-black) 30%, transparent); } } } .status { background-image: radial-gradient(circle at 35% 30%, oklch(1 0 0 / calc(var(--depth) * .5)), #0000); box-shadow: 0 2px 3px -1px; } @supports (color: color-mix(in lab, red, red)) { .status { box-shadow: 0 2px 3px -1px color-mix(in oklab, currentColor calc(var(--depth) * 100%), #0000); } } .badge { border-radius: var(--radius-selector); vertical-align: middle; color: var(--badge-fg); border: var(--border) solid var(--badge-color, var(--color-base-200)); width: fit-content; padding-inline: calc(.25rem * 3 - var(--border)); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); background-color: var(--badge-bg); --badge-bg: var(--badge-color, var(--color-base-100)); --badge-fg: var(--color-base-content); --size: calc(var(--size-selector, .25rem) * 6); height: var(--size); justify-content: center; align-items: center; gap: .5rem; font-size: .875rem; display: inline-flex; } .tabs { --tabs-height: auto; --tabs-direction: row; --tab-height: calc(var(--size-field, .25rem) * 10); height: var(--tabs-height); flex-wrap: wrap; flex-direction: var(--tabs-direction); display: flex; } .navbar { align-items: center; width: 100%; min-height: 4rem; padding: .5rem; display: flex; } .footer { grid-auto-flow: row; place-items: start; gap: 2.5rem 1rem; width: 100%; font-size: .875rem; line-height: 1.25rem; display: grid; } .footer > * { place-items: start; gap: .5rem; display: grid; } .footer.footer-center { text-align: center; grid-auto-flow: column dense; place-items: center; } .footer.footer-center > * { place-items: center; } .stat { grid-template-columns: repeat(1, 1fr); column-gap: 1rem; width: 100%; padding-block: 1rem; padding-inline: 1.5rem; display: inline-grid; } .stat:not(:last-child) { border-inline-end: var(--border) dashed currentColor; } @supports (color: color-mix(in lab, red, red)) { .stat:not(:last-child) { border-inline-end: var(--border) dashed color-mix(in oklab, currentColor 10%, #0000); } } .stat:not(:last-child) { border-block-end: none; } .navbar-end { justify-content: flex-end; align-items: center; width: 50%; display: inline-flex; } .navbar-start { justify-content: flex-start; align-items: center; width: 50%; display: inline-flex; } .card-body { padding: var(--card-p, 1.5rem); font-size: var(--card-fs, .875rem); flex-direction: column; flex: auto; gap: .5rem; display: flex; } .card-body :where(p) { flex-grow: 1; } .navbar-center { flex-shrink: 0; align-items: center; display: inline-flex; } .alert { border-radius: var(--radius-box); color: var(--color-base-content); background-color: var(--alert-color, var(--color-base-200)); text-align: start; border: var(--border) solid var(--color-base-200); background-size: auto, calc(var(--noise) * 100%); background-image: none, var(--fx-noise); box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px #000, 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08)); grid-template-columns: auto; grid-auto-flow: column; justify-content: start; place-items: center start; gap: 1rem; padding-block: .75rem; padding-inline: 1rem; font-size: .875rem; line-height: 1.25rem; display: grid; } @supports (color: color-mix(in lab, red, red)) { .alert { box-shadow: 0 3px 0 -2px oklch(100% 0 0 / calc(var(--depth) * .08)) inset, 0 1px color-mix(in oklab, color-mix(in oklab, #000 20%, var(--alert-color, var(--color-base-200))) calc(var(--depth) * 20%), #0000), 0 4px 3px -2px oklch(0% 0 0 / calc(var(--depth) * .08)); } } .alert:has(:nth-child(2)) { grid-template-columns: auto minmax(auto, 1fr); } .alert.alert-outline { color: var(--alert-color); box-shadow: none; background-color: #0000; background-image: none; } .alert.alert-dash { color: var(--alert-color); box-shadow: none; background-color: #0000; background-image: none; border-style: dashed; } .alert.alert-soft { color: var(--alert-color, var(--color-base-content)); background: var(--alert-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .alert.alert-soft { background: color-mix(in oklab, var(--alert-color, var(--color-base-content)) 8%, var(--color-base-100)); } } .alert.alert-soft { border-color: var(--alert-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .alert.alert-soft { border-color: color-mix(in oklab, var(--alert-color, var(--color-base-content)) 10%, var(--color-base-100)); } } .alert.alert-soft { box-shadow: none; background-image: none; } .fieldset { grid-template-columns: 1fr; grid-auto-rows: max-content; gap: .375rem; padding-block: .25rem; font-size: .75rem; display: grid; } .card-title { font-size: var(--cardtitle-fs, 1.125rem); align-items: center; gap: .5rem; font-weight: 600; display: flex; } .join { --join-ss: 0; --join-se: 0; --join-es: 0; --join-ee: 0; align-items: stretch; display: inline-flex; } .join :where(.join-item) { border-start-start-radius: var(--join-ss, 0); border-start-end-radius: var(--join-se, 0); border-end-end-radius: var(--join-ee, 0); border-end-start-radius: var(--join-es, 0); } .join :where(.join-item) * { --join-ss: var(--radius-field); --join-se: var(--radius-field); --join-es: var(--radius-field); --join-ee: var(--radius-field); } .join > .join-item:where(:first-child), .join :first-child:not(:last-child) :where(.join-item) { --join-ss: var(--radius-field); --join-se: 0; --join-es: var(--radius-field); --join-ee: 0; } .join > .join-item:where(:last-child), .join :last-child:not(:first-child) :where(.join-item) { --join-ss: 0; --join-se: var(--radius-field); --join-es: 0; --join-ee: var(--radius-field); } .join > .join-item:where(:only-child), .join :only-child :where(.join-item) { --join-ss: var(--radius-field); --join-se: var(--radius-field); --join-es: var(--radius-field); --join-ee: var(--radius-field); } .mask { vertical-align: middle; display: inline-block; -webkit-mask-position: center; mask-position: center; -webkit-mask-size: contain; mask-size: contain; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .table-caption { display: table-caption; } .table-cell { display: table-cell; } .divider-horizontal { --divider-m: 0 1rem; } .divider-horizontal.divider { flex-direction: column; width: 1rem; height: auto; } .divider-horizontal.divider:before, .divider-horizontal.divider:after { width: .125rem; height: 100%; } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-10 { width: calc(var(--spacing) * 10); height: calc(var(--spacing) * 10); } .h-0 { height: calc(var(--spacing) * 0); } .h-1\/2 { height: 50%; } .h-2 { height: calc(var(--spacing) * 2); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9\/10 { height: 90%; } .h-10 { height: calc(var(--spacing) * 10); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-16 { height: calc(var(--spacing) * 16); } .h-20 { height: calc(var(--spacing) * 20); } .h-30 { height: calc(var(--spacing) * 30); } .h-32 { height: calc(var(--spacing) * 32); } .h-42 { height: calc(var(--spacing) * 42); } .h-54 { height: calc(var(--spacing) * 54); } .h-64 { height: calc(var(--spacing) * 64); } .h-68 { height: calc(var(--spacing) * 68); } .h-\[1em\] { height: 1em; } .h-\[100vh\] { height: 100vh; } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-min { height: min-content; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-slg { height: var(--spacing-slg); } .h-ssm { height: var(--spacing-ssm); } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-20 { max-height: calc(var(--spacing) * 20); } .max-h-40 { max-height: calc(var(--spacing) * 40); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-64 { max-height: calc(var(--spacing) * 64); } .max-h-200 { max-height: calc(var(--spacing) * 200); } .max-h-\[50\%\] { max-height: 50%; } .max-h-\[100vh\] { max-height: 100vh; } .max-h-fit { max-height: fit-content; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: calc(var(--spacing) * 0); } .min-h-16 { min-height: calc(var(--spacing) * 16); } .min-h-24 { min-height: calc(var(--spacing) * 24); } .min-h-30 { min-height: calc(var(--spacing) * 30); } .min-h-32 { min-height: calc(var(--spacing) * 32); } .min-h-64 { min-height: calc(var(--spacing) * 64); } .min-h-\[100vh\] { min-height: 100vh; } .min-h-full { min-height: 100%; } .loading-xl { width: calc(var(--size-selector, .25rem) * 8); } .w-0 { width: calc(var(--spacing) * 0); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-4 { width: calc(var(--spacing) * 4); } .w-5 { width: calc(var(--spacing) * 5); } .w-5xl { width: var(--container-5xl); } .w-6 { width: calc(var(--spacing) * 6); } .w-8 { width: calc(var(--spacing) * 8); } .w-9\/10 { width: 90%; } .w-10 { width: calc(var(--spacing) * 10); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-16 { width: calc(var(--spacing) * 16); } .w-20 { width: calc(var(--spacing) * 20); } .w-24 { width: calc(var(--spacing) * 24); } .w-28 { width: calc(var(--spacing) * 28); } .w-32 { width: calc(var(--spacing) * 32); } .w-36 { width: calc(var(--spacing) * 36); } .w-40 { width: calc(var(--spacing) * 40); } .w-42 { width: calc(var(--spacing) * 42); } .w-48 { width: calc(var(--spacing) * 48); } .w-56 { width: calc(var(--spacing) * 56); } .w-60 { width: calc(var(--spacing) * 60); } .w-64 { width: calc(var(--spacing) * 64); } .w-68 { width: calc(var(--spacing) * 68); } .w-72 { width: calc(var(--spacing) * 72); } .w-80 { width: calc(var(--spacing) * 80); } .w-96 { width: calc(var(--spacing) * 96); } .w-128 { width: calc(var(--spacing) * 128); } .w-200 { width: calc(var(--spacing) * 200); } .w-\[20em\] { width: 20em; } .w-auto { width: auto; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-min { width: min-content; } .w-screen { width: 100vw; } .w-slg { width: var(--spacing-slg); } .w-ssm { width: var(--spacing-ssm); } .max-w-7xl { max-width: var(--container-7xl); } .max-w-12 { max-width: calc(var(--spacing) * 12); } .max-w-20 { max-width: calc(var(--spacing) * 20); } .max-w-48 { max-width: calc(var(--spacing) * 48); } .max-w-64 { max-width: calc(var(--spacing) * 64); } .max-w-200 { max-width: calc(var(--spacing) * 200); } .max-w-\[100vw\] { max-width: 100vw; } .max-w-fit { max-width: fit-content; } .max-w-full { max-width: 100%; } .max-w-md { max-width: var(--container-md); } .max-w-screen { max-width: 100vw; } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-32 { min-width: calc(var(--spacing) * 32); } .min-w-64 { min-width: calc(var(--spacing) * 64); } .min-w-80 { min-width: calc(var(--spacing) * 80); } .min-w-96 { min-width: calc(var(--spacing) * 96); } .min-w-200 { min-width: calc(var(--spacing) * 200); } .min-w-\[100vw\] { min-width: 100vw; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-shrink-0, .shrink-0 { flex-shrink: 0; } .grow { flex-grow: 1; } .table-auto { table-layout: auto; } .table-fixed { table-layout: fixed; } .border-collapse { border-collapse: collapse; } .origin-top-left { transform-origin: 0 0; } .origin-top-right { transform-origin: 100% 0; } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1\/2 { --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-4 { --tw-translate-y: calc(var(--spacing) * 4); translate: var(--tw-translate-x) var(--tw-translate-y); } .rotate-180 { rotate: 180deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .skeleton { border-radius: var(--radius-box); background-color: var(--color-base-300); } @media (prefers-reduced-motion: reduce) { .skeleton { transition-duration: 15s; } } .skeleton { will-change: background-position; background-image: linear-gradient(105deg, #0000 0% 40%, var(--color-base-100) 50%, #0000 60% 100%); background-position-x: -50%; background-repeat: no-repeat; background-size: 200%; animation: 1.8s ease-in-out infinite skeleton; } .animate-ping { animation: var(--animate-ping); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: var(--animate-spin); } .link { cursor: pointer; text-decoration-line: underline; } .link:focus { --tw-outline-style: none; outline-style: none; } @media (forced-colors: active) { .link:focus { outline-offset: 2px; outline: 2px solid #0000; } } .link:focus-visible { outline-offset: 2px; outline: 2px solid; } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-zoom-in { cursor: zoom-in; } .cursor-zoom-out { cursor: zoom-out; } .resize { resize: both; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-3 { grid-template-rows: repeat(3, minmax(0, 1fr)); } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-wrap { flex-wrap: wrap; } .place-items-center { place-items: center; } .content-center { align-content: center; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-end { justify-items: end; } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-smd { gap: var(--spacing-smd); } .gap-ssm { gap: var(--spacing-ssm); } .gap-sxs { gap: var(--spacing-sxs); } :where(.space-y-1 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } :where(.divide-x > :not(:last-child)) { --tw-divide-x-reverse: 0; border-inline-style: var(--tw-border-style); border-inline-start-width: calc(1px * var(--tw-divide-x-reverse)); border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); } :where(.divide-y > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(1px * var(--tw-divide-y-reverse)); border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-y-2 > :not(:last-child)) { --tw-divide-y-reverse: 0; border-bottom-style: var(--tw-border-style); border-top-style: var(--tw-border-style); border-top-width: calc(2px * var(--tw-divide-y-reverse)); border-bottom-width: calc(2px * calc(1 - var(--tw-divide-y-reverse))); } :where(.divide-gray-200 > :not(:last-child)) { border-color: var(--color-gray-200); } :where(.divide-gray-300 > :not(:last-child)) { border-color: var(--color-gray-300); } .self-center { align-self: center; } .justify-self-center { justify-self: center; } .justify-self-end { justify-self: flex-end; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .rounded { border-radius: .25rem; } .rounded-\[9px\] { border-radius: 9px; } .rounded-box { border-radius: var(--radius-box); border-radius: var(--radius-box); } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-tl-2xl { border-top-left-radius: var(--radius-2xl); } .rounded-tr-2xl { border-top-right-radius: var(--radius-2xl); } .rounded-tr-lg { border-top-right-radius: var(--radius-lg); } .rounded-br-2xl { border-bottom-right-radius: var(--radius-2xl); } .rounded-br-lg { border-bottom-right-radius: var(--radius-lg); } .rounded-bl-2xl { border-bottom-left-radius: var(--radius-2xl); } .border { border-style: var(--tw-border-style); border-width: 1px; } .border\! { border-style: var(--tw-border-style) !important; border-width: 1px !important; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-1 { border-style: var(--tw-border-style); border-width: 1px; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-\[1px\] { border-style: var(--tw-border-style); border-width: 1px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .alert-error { border-color: var(--color-error); color: var(--color-error-content); --alert-color: var(--color-error); } .border-base-300 { border-color: var(--color-base-300); } .border-error { border-color: var(--color-error); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-400 { border-color: var(--color-gray-400); } .border-gray-800 { border-color: var(--color-gray-800); } .border-gray-900\/25 { border-color: #10182840; } @supports (color: color-mix(in lab, red, red)) { .border-gray-900\/25 { border-color: color-mix(in oklab, var(--color-gray-900) 25%, transparent); } } .border-orange-400 { border-color: var(--color-orange-400); } .border-primary, .border-primary\/20 { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/20 { border-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .border-primary\/40 { border-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .border-primary\/40 { border-color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } .border-red-500 { border-color: var(--color-red-500); } .border-secondary { border-color: var(--color-secondary); } .border-transparent { border-color: #0000; } .border-white { border-color: var(--color-white); } .border-r-gray-200 { border-right-color: var(--color-gray-200); } .table-zebra tbody tr:where(:nth-child(2n)), .table-zebra tbody tr:where(:nth-child(2n)) :where(.table-pin-cols tr th) { background-color: var(--color-base-200); } @media (hover: hover) { :is(.table-zebra tbody tr.row-hover, .table-zebra tbody tr.row-hover:where(:nth-child(2n))):hover { background-color: var(--color-base-300); } } .bg-base-100, .bg-base-100\/90 { background-color: var(--color-base-100); } @supports (color: color-mix(in lab, red, red)) { .bg-base-100\/90 { background-color: color-mix(in oklab, var(--color-base-100) 90%, transparent); } } .bg-base-200 { background-color: var(--color-base-200); } .bg-base-300 { background-color: var(--color-base-300); } .bg-blue-500 { background-color: var(--color-blue-500); } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-300 { background-color: var(--color-gray-300); } .bg-gray-500 { background-color: var(--color-gray-500); } .bg-gray-500\/75 { background-color: #6a7282bf; } @supports (color: color-mix(in lab, red, red)) { .bg-gray-500\/75 { background-color: color-mix(in oklab, var(--color-gray-500) 75%, transparent); } } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-green-500 { background-color: var(--color-green-500); } .bg-green-700 { background-color: var(--color-green-700); } .bg-grey-dark { background-color: var(--color-grey-dark); } .bg-indigo-600 { background-color: var(--color-indigo-600); } .bg-primary { background-color: var(--color-primary); } .bg-red-500 { background-color: var(--color-red-500); } .bg-schaefer { background-color: var(--color-schaefer); } .bg-secondary { background-color: var(--color-secondary); } .bg-secondary-content { background-color: var(--color-secondary-content); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\/80 { background-color: #fffc; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/80 { background-color: color-mix(in oklab, var(--color-white) 80%, transparent); } } .bg-yellow-500 { background-color: var(--color-yellow-500); } .loading-spinner { -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); mask-image: url("data:image/svg+xml,%3Csvg width='24' height='24' stroke='black' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform-origin='center'%3E%3Ccircle cx='12' cy='12' r='9.5' fill='none' stroke-width='3' stroke-linecap='round'%3E%3CanimateTransform attributeName='transform' type='rotate' from='0 12 12' to='360 12 12' dur='2s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dasharray' values='0,150;42,150;42,150' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3Canimate attributeName='stroke-dashoffset' values='0;-16;-59' keyTimes='0;0.475;1' dur='1.5s' repeatCount='indefinite'/%3E%3C/circle%3E%3C/g%3E%3C/svg%3E"); } .fill-blue-600 { fill: var(--color-blue-600); } .fill-white { fill: var(--color-white); } .stroke-base-200 { stroke: var(--color-base-200); } .stroke-error { stroke: var(--color-error); } .stroke-success { stroke: var(--color-success); } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .p-0 { padding: calc(var(--spacing) * 0); } .p-1 { padding: calc(var(--spacing) * 1); } .p-2 { padding: calc(var(--spacing) * 2); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-8 { padding: calc(var(--spacing) * 8); } .p-smd { padding: var(--spacing-smd); } .p-ssm { padding: var(--spacing-ssm); } .p-sxs { padding: var(--spacing-sxs); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-smd { padding-block: var(--spacing-smd); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-30 { padding-top: calc(var(--spacing) * 30); } .pt-sxs { padding-top: var(--spacing-sxs); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-9 { padding-right: calc(var(--spacing) * 9); } .pr-\[20rem\] { padding-right: 20rem; } .pr-slg { padding-right: var(--spacing-slg); } .pr-smd { padding-right: var(--spacing-smd); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-smd { padding-bottom: var(--spacing-smd); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-14 { padding-left: calc(var(--spacing) * 14); } .text-center { text-align: center; } .text-end { text-align: end; } .text-left { text-align: left; } .text-right { text-align: right; } .align-middle { vertical-align: middle; } .align-top { vertical-align: top; } .font-mono { font-family: var(--font-mono); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-none { --tw-leading: 1; line-height: 1; } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .text-nowrap { text-wrap: nowrap; } .text-ellipsis { text-overflow: ellipsis; } .whitespace-normal { white-space: normal; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-wrap { white-space: pre-wrap; } .checkbox-primary { color: var(--color-primary-content); --input-color: var(--color-primary); } .link-error { color: var(--color-error); } @media (hover: hover) { .link-error:hover { color: var(--color-error); } @supports (color: color-mix(in lab, red, red)) { .link-error:hover { color: color-mix(in oklab, var(--color-error) 80%, #000); } } } .link-primary { color: var(--color-primary); } @media (hover: hover) { .link-primary:hover { color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .link-primary:hover { color: color-mix(in oklab, var(--color-primary) 80%, #000); } } } .link-secondary { color: var(--color-secondary); } @media (hover: hover) { .link-secondary:hover { color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .link-secondary:hover { color: color-mix(in oklab, var(--color-secondary) 80%, #000); } } } .\!text-secondary { color: var(--color-secondary) !important; } .text-base-content, .text-base-content\/80 { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .text-base-content\/80 { color: color-mix(in oklab, var(--color-base-content) 80%, transparent); } } .text-black { color: var(--color-black); } .text-blue-500 { color: var(--color-blue-500); } .text-blue-600 { color: var(--color-blue-600); } .text-error { color: var(--color-error); } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-500 { color: var(--color-gray-500); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-800 { color: var(--color-gray-800); } .text-gray-900 { color: var(--color-gray-900); } .text-green-500 { color: var(--color-green-500); } .text-indigo-600 { color: var(--color-indigo-600); } .text-orange-300 { color: var(--color-orange-300); } .text-orange-400 { color: var(--color-orange-400); } .text-orange-500 { color: var(--color-orange-500); } .text-primary { color: var(--color-primary); } .text-primary-content { color: var(--color-primary-content); } .text-primary\/40 { color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .text-primary\/40 { color: color-mix(in oklab, var(--color-primary) 40%, transparent); } } .text-red-500 { color: var(--color-red-500); } .text-schaefer { color: var(--color-schaefer); } .text-secondary { color: var(--color-secondary); } .text-secondary-content, .text-secondary-content\/30 { color: var(--color-secondary-content); } @supports (color: color-mix(in lab, red, red)) { .text-secondary-content\/30 { color: color-mix(in oklab, var(--color-secondary-content) 30%, transparent); } } .text-secondary\/40 { color: var(--color-secondary); } @supports (color: color-mix(in lab, red, red)) { .text-secondary\/40 { color: color-mix(in oklab, var(--color-secondary) 40%, transparent); } } .text-white { color: var(--color-white); } .text-yellow-500 { color: var(--color-yellow-500); } .lowercase { text-transform: lowercase; } .uppercase { text-transform: uppercase; } .italic { font-style: italic; } .placeholder-black::placeholder { color: var(--color-black); } .opacity-0 { opacity: 0; } .opacity-50 { opacity: .5; } .opacity-100 { opacity: 1; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring, .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-2 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-gray-200 { --tw-shadow-color: oklch(92.8% .006 264.531); } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-200 { --tw-shadow-color: color-mix(in oklab, var(--color-gray-200) var(--tw-shadow-alpha), transparent); } } .shadow-gray-300 { --tw-shadow-color: oklch(87.2% .01 258.338); } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-300 { --tw-shadow-color: color-mix(in oklab, var(--color-gray-300) var(--tw-shadow-alpha), transparent); } } .shadow-gray-600 { --tw-shadow-color: oklch(44.6% .03 256.802); } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-600 { --tw-shadow-color: color-mix(in oklab, var(--color-gray-600) var(--tw-shadow-alpha), transparent); } } .shadow-gray-900 { --tw-shadow-color: oklch(21% .034 264.665); } @supports (color: color-mix(in lab, red, red)) { .shadow-gray-900 { --tw-shadow-color: color-mix(in oklab, var(--color-gray-900) var(--tw-shadow-alpha), transparent); } } .ring-black { --tw-ring-color: var(--color-black); } .ring-black\/5 { --tw-ring-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .ring-black\/5 { --tw-ring-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .ring-gray-300 { --tw-ring-color: var(--color-gray-300); } .ring-gray-400 { --tw-ring-color: var(--color-gray-400); } .ring-primary, .ring-primary\/50 { --tw-ring-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .ring-primary\/50 { --tw-ring-color: color-mix(in oklab, var(--color-primary) 50%, transparent); } } .ring-schaefer { --tw-ring-color: var(--color-schaefer); } .ring-secondary { --tw-ring-color: var(--color-secondary); } .outline, .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .-outline-offset-1 { outline-offset: calc(1px * -1); } .btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible) { --btn-shadow: ""; --btn-bg: #0000; --btn-border: #0000; --btn-noise: none; } .btn-ghost:not(.btn-active, :hover, :active:focus, :focus-visible):not(:disabled, [disabled], .btn-disabled) { --btn-fg: currentColor; outline-color: currentColor; } @media (hover: none) { .btn-ghost:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-shadow: ""; --btn-bg: #0000; --btn-border: #0000; --btn-noise: none; --btn-fg: currentColor; } } .outline-gray-300 { outline-color: var(--color-gray-300); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .brightness-75 { --tw-brightness: brightness(75%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, visibility, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .ease-in { --tw-ease: var(--ease-in); transition-timing-function: var(--ease-in); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .btn-outline:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) { --btn-shadow: ""; --btn-bg: #0000; --btn-fg: var(--btn-color); --btn-border: var(--btn-color); --btn-noise: none; } @media (hover: none) { .btn-outline:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled, :checked) { --btn-shadow: ""; --btn-bg: #0000; --btn-fg: var(--btn-color); --btn-border: var(--btn-color); --btn-noise: none; } } .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-shadow: ""; --btn-fg: var(--btn-color, var(--color-base-content)); --btn-bg: var(--btn-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 8%, var(--color-base-100)); } } .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-border: var(--btn-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 10%, var(--color-base-100)); } } .btn-soft:not(.btn-active, :hover, :active:focus, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-noise: none; } @media (hover: none) { .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-shadow: ""; --btn-fg: var(--btn-color, var(--color-base-content)); --btn-bg: var(--btn-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-bg: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 8%, var(--color-base-100)); } } .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-border: var(--btn-color, var(--color-base-content)); } @supports (color: color-mix(in lab, red, red)) { .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-border: color-mix(in oklab, var(--btn-color, var(--color-base-content)) 10%, var(--color-base-100)); } } .btn-soft:hover:not(.btn-active, :active, :focus-visible, :disabled, [disabled], .btn-disabled) { --btn-noise: none; } } .card-sm .card-body { --card-p: 1rem; --card-fs: .75rem; } .card-sm .card-title { --cardtitle-fs: 1rem; } .card-xs .card-body { --card-p: .5rem; --card-fs: .6875rem; } .card-xs .card-title { --cardtitle-fs: .875rem; } .badge-error { --badge-color: var(--color-error); --badge-fg: var(--color-error-content); } .btn-primary { --btn-color: var(--color-primary); --btn-fg: var(--color-primary-content); } .btn-secondary { --btn-color: var(--color-secondary); --btn-fg: var(--color-secondary-content); } .btn-warning { --btn-color: var(--color-warning); --btn-fg: var(--color-warning-content); } .outline-none { --tw-outline-style: none; outline-style: none; } .select-none { -webkit-user-select: none; user-select: none; } .radio-primary { --input-color: var(--color-primary); } .ring-inset { --tw-ring-inset: inset; } @media (hover: hover) { .group-hover\:block:is(:where(.group):hover *) { display: block; } .group-hover\:overflow-y-scroll:is(:where(.group):hover *) { overflow-y: scroll; } .group-hover\:border-gray-400:is(:where(.group):hover *) { border-color: var(--color-gray-400); } } .placeholder\:text-gray-400::placeholder { color: var(--color-gray-400); } .checked\:border-primary:checked { border-color: var(--color-primary); } .checked\:border-schaefer:checked { border-color: var(--color-schaefer); } .checked\:bg-primary:checked { background-color: var(--color-primary); } .checked\:bg-schaefer:checked { background-color: var(--color-schaefer); } .checked\:text-base-100:checked { color: var(--color-base-100); } .focus-within\:ring-2:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-primary:focus-within { --tw-ring-color: var(--color-primary); } .focus-within\:ring-offset-2:focus-within { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus-within\:outline-none:focus-within { --tw-outline-style: none; outline-style: none; } .focus-within\:ring-inset:focus-within { --tw-ring-inset: inset; } @media (hover: hover) { .hover\:border-black:hover { border-color: var(--color-black); } .hover\:border-orange-400:hover { border-color: var(--color-orange-400); } .hover\:bg-base-300:hover { background-color: var(--color-base-300); } .hover\:bg-gray-50:hover { background-color: var(--color-gray-50); } .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } .hover\:bg-gray-600:hover { background-color: var(--color-gray-600); } .hover\:bg-orange-100:hover { background-color: var(--color-orange-100); } .hover\:bg-primary:hover, .hover\:bg-primary\/10:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/10:hover { background-color: color-mix(in oklab, var(--color-primary) 10%, transparent); } } .hover\:bg-primary\/30:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/30:hover { background-color: color-mix(in oklab, var(--color-primary) 30%, transparent); } } .hover\:bg-primary\/80:hover { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-primary\/80:hover { background-color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } .hover\:text-base-300:hover { color: var(--color-base-300); } .hover\:text-gray-500:hover { color: var(--color-gray-500); } .hover\:text-gray-700:hover { color: var(--color-gray-700); } .hover\:text-primary\/80:hover { color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .hover\:text-primary\/80:hover { color: color-mix(in oklab, var(--color-primary) 80%, transparent); } } .hover\:text-white:hover { color: var(--color-white); } .hover\:underline:hover { text-decoration-line: underline; } } .focus\:z-10:focus { z-index: 10; } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-2:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-indigo-500:focus { --tw-ring-color: var(--color-indigo-500); } .focus\:ring-indigo-600:focus { --tw-ring-color: var(--color-indigo-600); } .focus\:ring-orange-400:focus { --tw-ring-color: var(--color-orange-400); } .focus\:ring-primary:focus { --tw-ring-color: var(--color-primary); } .focus\:ring-white:focus { --tw-ring-color: var(--color-white); } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); } .focus\:outline-2:focus { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus\:-outline-offset-2:focus { outline-offset: calc(2px * -1); } .focus\:outline-indigo-600:focus { outline-color: var(--color-indigo-600); } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus\:ring-inset:focus { --tw-ring-inset: inset; } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-indigo-600:focus-visible { outline-color: var(--color-indigo-600); } .data-\[outside-view\]\:text-base-content\/30[data-outside-view] { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .data-\[outside-view\]\:text-base-content\/30[data-outside-view] { color: color-mix(in oklab, var(--color-base-content) 30%, transparent); } } .data-\[selected\]\:bg-primary[data-selected] { background-color: var(--color-primary); } .data-\[selected\]\:font-medium[data-selected] { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .data-\[selected\]\:text-primary-content[data-selected] { color: var(--color-primary-content); } .data-\[today\]\:bg-primary\/20[data-today] { background-color: var(--color-primary); } @supports (color: color-mix(in lab, red, red)) { .data-\[today\]\:bg-primary\/20[data-today] { background-color: color-mix(in oklab, var(--color-primary) 20%, transparent); } } .data-\[unavailable\]\:pointer-events-none[data-unavailable] { pointer-events: none; } .data-\[unavailable\]\:text-base-content\/30[data-unavailable] { color: var(--color-base-content); } @supports (color: color-mix(in lab, red, red)) { .data-\[unavailable\]\:text-base-content\/30[data-unavailable] { color: color-mix(in oklab, var(--color-base-content) 30%, transparent); } } .data-\[unavailable\]\:line-through[data-unavailable] { text-decoration-line: line-through; } @media not all and (min-width: 96rem) { .max-2xl\:hidden { display: none; } } @media (min-width: 40rem) { .sm\:right-20 { right: calc(var(--spacing) * 20); } .sm\:bottom-20 { bottom: calc(var(--spacing) * 20); } .sm\:left-20 { left: calc(var(--spacing) * 20); } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:my-8 { margin-block: calc(var(--spacing) * 8); } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:mt-4 { margin-top: calc(var(--spacing) * 4); } .sm\:mb-20 { margin-bottom: calc(var(--spacing) * 20); } .sm\:ml-4 { margin-left: calc(var(--spacing) * 4); } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .sm\:w-20 { width: calc(var(--spacing) * 20); } .sm\:w-\[24rem\] { width: 24rem; } .sm\:w-auto { width: auto; } .sm\:w-full { width: 100%; } .sm\:max-w-lg { max-width: var(--container-lg); } .sm\:max-w-max { max-width: max-content; } .sm\:min-w-80 { min-width: calc(var(--spacing) * 80); } .sm\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-x-2 { --tw-translate-x: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .sm\:scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .sm\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:flex-nowrap { flex-wrap: nowrap; } .sm\:items-center { align-items: center; } .sm\:items-start { align-items: flex-start; } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } :where(.sm\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse))); } :where(.sm\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } .sm\:p-0 { padding: calc(var(--spacing) * 0); } .sm\:p-6 { padding: calc(var(--spacing) * 6); } .sm\:px-4 { padding-inline: calc(var(--spacing) * 4); } .sm\:px-6 { padding-inline: calc(var(--spacing) * 6); } .sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .sm\:py-2 { padding-block: calc(var(--spacing) * 2); } .sm\:py-3 { padding-block: calc(var(--spacing) * 3); } .sm\:pt-8 { padding-top: calc(var(--spacing) * 8); } .sm\:pr-\[24rem\] { padding-right: 24rem; } .sm\:pb-8 { padding-bottom: calc(var(--spacing) * 8); } .sm\:pl-2\.5 { padding-left: calc(var(--spacing) * 2.5); } .sm\:pl-16 { padding-left: calc(var(--spacing) * 16); } .sm\:pl-20 { padding-left: calc(var(--spacing) * 20); } .sm\:text-left { text-align: left; } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-sm\/6 { font-size: var(--text-sm); line-height: calc(var(--spacing) * 6); } .sm\:leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .sm\:duration-700 { --tw-duration: .7s; transition-duration: .7s; } @media (hover: hover) { .sm\:group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .sm\:hover\:w-80:hover { width: calc(var(--spacing) * 80); } } } @media (min-width: 48rem) { .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:h-\[80vh\] { height: 80vh; } .md\:max-h-\[80vh\] { max-height: 80vh; } .md\:min-h-0 { min-height: calc(var(--spacing) * 0); } .md\:min-h-\[80vh\] { min-height: 80vh; } .md\:max-w-\[80vw\] { max-width: 80vw; } .md\:min-w-0 { min-width: calc(var(--spacing) * 0); } .md\:min-w-\[80vw\] { min-width: 80vw; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:rounded-lg { border-radius: var(--radius-lg); } } @media (min-width: 64rem) { .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } } @media (min-width: 80rem) { .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } } @media (min-width: 96rem) { .\32 xl\:m-2 { margin: calc(var(--spacing) * 2); } .\32 xl\:block { display: block; } .\32 xl\:hidden { display: none; } .\32 xl\:inline-block { display: inline-block; } .\32 xl\:h-16 { height: calc(var(--spacing) * 16); } .\32 xl\:h-32 { height: calc(var(--spacing) * 32); } .\32 xl\:w-16 { width: calc(var(--spacing) * 16); } .\32 xl\:w-20 { width: calc(var(--spacing) * 20); } .\32 xl\:w-32 { width: calc(var(--spacing) * 32); } .\32 xl\:w-\[28rem\] { width: 28rem; } .\32 xl\:w-\[1280px\] { width: 1280px; } .\32 xl\:min-w-0 { min-width: calc(var(--spacing) * 0); } .\32 xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .\32 xl\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .\32 xl\:pr-\[28rem\] { padding-right: 28rem; } } @container (min-width: 16rem) { .\@3xs\:block { display: block; } .\@3xs\:hidden { display: none; } } @media (prefers-color-scheme: dark) { .dark\:text-blue-500 { color: var(--color-blue-500); } .dark\:text-gray-600 { color: var(--color-gray-600); } } } :root { --color-white: #fff; --color-black: #000; --color-orange: #ef7d00; --color-blue: #37acf4; --color-purple: #9a43eb; --color-dark-grey: #3a4754; --color-soft-orange: #ffbc75; --color-soft-blue: #a2dbfe; --color-soft-purple: #e2c4e1; --color-middle-grey: #d9d9d9; --color-light-grey: #f4f4f4; --color-soft-grey: #fafafa; --color-unmuted-grey: #ababab; --color-error: #e91212; } .text-unmuted { color: var(--color-unmuted-grey); } .bg-unmuted { background-color: var(--color-unmuted-grey); } .image-bg { background-image: repeating-conic-gradient(#eee 0% 25%, #aaa 0% 50%); background-size: 5px 5px; } :root { --fontsize: 16px; --fontweight: 400; } @font-face { font-family: Roboto; src: url("./styles/Roboto-VariableFont_wdth,wght.ttf") format("ttf supports variations"), url("./styles/Roboto-VariableFont_wdth,wght.ttf") format("truetype-variations"); font-weight: 100 900; } .bold { font-weight: 600; } .h1 { font-size: 1.875rem; font-weight: 400; } .h2 { font-size: 1.625rem; font-weight: 600; } .h3 { font-size: 1.25rem; font-weight: 400; } .h4 { font-size: 1.125rem; font-weight: 600; } p { font-size: 1rem; font-weight: 400; } .small { font-size: .75rem; font-weight: 400; } .icon-size { height: calc(var(--spacing) * 7); width: calc(var(--spacing) * 7); } .icon-plus svg { stroke-width: 1px; transform: scale(1.6); } .tabs .tab { color: var(--color-base-content); } .tabs .tab:before { content: ""; background-color: var(--color-primary); width: 100%; height: 2px; transition: transform .3s; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(0); } .tabs .tab:hover { background-color: var(--color-accent); transition: background-color .3s; } .tabs .tab:hover:before, .tabs .tab.tab-active:before { transform: scaleX(1); } .tabs .tab.cp:before { content: ""; background-color: var(--color-schaefer); width: 100%; height: 2px; transition: transform .3s; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(0); } .tabs .tab.cp:hover { background-color: var(--color-soft-schaefer); transition: background-color .3s; } .tabs .tab.cp:hover:before { transform: scaleX(1); } .tabs .tab.cp.tab-active:before { content: ""; background-color: var(--color-schaefer); width: 100%; height: 2px; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(1); } .tabs .tab.i3d:before { content: ""; background-color: var(--color-interact3d); width: 100%; height: 2px; transition: transform .3s; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(0); } .tabs .tab.i3d:hover { background-color: var(--color-soft-interact3d); transition: background-color .3s; } .tabs .tab.i3d:hover:before { transform: scaleX(1); } .tabs .tab.i3d.tab-active:before { content: ""; background-color: var(--color-interact3d); width: 100%; height: 2px; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(1); } .tabs .tab.dc:before { content: ""; background-color: var(--color-dc); width: 100%; height: 2px; transition: transform .3s; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(0); } .tabs .tab.dc:hover { background-color: var(--color-soft-dc); transition: background-color .3s; } .tabs .tab.dc:hover:before { transform: scaleX(1); } .tabs .tab.dc.tab-active:before { content: ""; background-color: var(--color-dc); width: 100%; height: 2px; display: block; position: absolute; bottom: 0; left: 0; transform: scaleX(1); } .btn { border-radius: var(--radius-sm); --tw-shadow: 0 0 #0000; box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); padding: 10px 20px; font-size: 16px; font-weight: 400; } .btn-menu:hover { border-color: var(--color-accent); background-color: var(--color-accent); color: var(--color-base-content); } .btn-primary { border-color: var(--color-primary); color: var(--color-neutral-content); } .btn-primary:hover { border-color: var(--color-accent); background-color: var(--color-accent); color: var(--color-base-content); } .btn-secondary { border-color: var(--color-secondary); color: var(--color-neutral-content); } .btn-secondary:hover { border-color: var(--color-secondary-content); background-color: var(--color-secondary-content); color: var(--color-base-content); } .btn-secondary-ghost { --btn-fg: var(--color-secondary-content); --btn-bg: transparent; border: none; outline-color: #0000; padding: 0; } .btn-secondary-ghost:hover { --btn-fg: var(--color-unmuted-grey); } .btn-outline { color: var(--color-base-content); } .btn-outline:hover { border-color: var(--color-secondary-content); background-color: var(--color-neutral-content); color: var(--color-base-content); } .btn-outline.btn-primary:hover { border-color: var(--color-accent); } .btn-ghost { --btn-fg: var(--color-base-content); border: none; outline-color: #0000; padding: 0; } .btn-ghost:hover { --btn-bg: transparent; } .btn-disabled { color: var(--color-unmuted-grey); } .btn-pagination { border-radius: 100px; padding: 15px; } .btn-pagination:hover { --btn-fg: var(--color-primary); } .btn-icon, .btn-icon svg { cursor: pointer; stroke: var(--color-primary); } :is(.btn-icon, .btn-icon svg):hover { stroke: var(--color-accent); } .btn-icon-success svg { stroke: var(--color-success); } .btn-icon-error svg { stroke: var(--color-error); } .link { color: var(--color-base-content); align-self: baseline; text-decoration-line: none; position: relative; } .link:hover { color: var(--color-primary); } .link:before { content: ""; background-color: var(--color-primary); width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 0; } .link:hover:before { animation: .3s line-animation; } .link-active { color: var(--color-primary); } @keyframes line-animation { from { transform: scaleX(0); } to { transform: scaleX(1); } } .transform-center { left: 50%; transform: translateX(-50%); } :root { --spacing-top-default: 1.25rem; --spacing-bottom-default: 1.875rem; --spacing-m: 2.5rem; --spacing-xl: 3.75rem; } .py-default { padding-top: var(--spacing-top-default); padding-bottom: var(--spacing-bottom-default); } .mt-default { margin-top: var(--spacing-top-default); } .mb-default { margin-bottom: var(--spacing-bottom-default); } .mt-m, .mt-xl { margin-top: var(--spacing-m); } .mb-xl { margin-bottom: var(--spacing-xl); } .px-table-detail { padding-left: 3.5rem; padding-right: 3.5rem; } .input { font-size: 1rem; } .input:focus, .input:focus-within { border: 1px solid var(--color-accent); outline: none; } .menu .menu-active { box-shadow: none; } .filter-box { top: 0; transform: translate(-82.5%, -7.5%); } .slide-fade-leave-active, .slide-fade-enter-active { transition: all .3s ease-out; } .slide-fade-enter-from, .slide-fade-leave-to { opacity: 0; transform: translateX(-20px); } :root { --color-schaefer: var(--color-orange); --color-soft-schaefer: var(--color-soft-orange); --color-dc: var(--color-purple); --color-soft-dc: var(--color-soft-purple); --color-interact3d: var(--color-blue); --color-soft-interact3d: var(--color-soft-blue); } [data-theme="cp"] { --color-primary: var(--color-schaefer); --color-accent: var(--color-soft-schaefer); } [data-theme="dc"] { --color-primary: var(--color-dc); --color-accent: var(--color-soft-dc); } [data-theme="interact3d"] { --color-primary: var(--color-interact3d); --color-accent: var(--color-soft-interact3d); } @keyframes progress { 50% { background-position-x: -115%; } } @keyframes radio { 0% { padding: 5px; } 50% { padding: 3px; } } @keyframes toast { 0% { opacity: 0; scale: .9; } 100% { opacity: 1; scale: 1; } } @keyframes dropdown { 0% { opacity: 0; } } @keyframes rating { 0%, 40% { filter: brightness(1.05) contrast(1.05); scale: 1.1; } } @keyframes skeleton { 0% { background-position: 150%; } 100% { background-position: -50%; } } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-divide-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-divide-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @keyframes spin { to { transform: rotate(360deg); } } @keyframes ping { 75%, 100% { opacity: 0; transform: scale(2); } } @keyframes pulse { 50% { opacity: .5; } } .tooltip[data-v-41a785c1] { margin-left: 10px !important; }