daisyui 2.2.2 → 2.3.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/styled.css CHANGED
@@ -1 +1,3808 @@
1
- .alert{display:flex;width:100%;flex-direction:column;align-items:center;justify-content:space-between;gap:1rem}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.5rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.5rem * var(--tw-space-y-reverse))}@media (min-width:768px){.alert{flex-direction:row}.alert>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px * var(--tw-space-y-reverse))}}.alert>:where(*){display:flex;align-items:center;gap:.5rem}.artboard{width:100%}.avatar{position:relative;display:inline-flex}.avatar>div{display:block;aspect-ratio:1/1;overflow:hidden}.avatar img{height:100%;width:100%;object-fit:cover}.avatar.placeholder>div{display:flex;align-items:center;justify-content:center}.badge{display:inline-flex;align-items:center;justify-content:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:1.25rem;font-size:.875rem;line-height:1.25rem;width:fit-content;padding-left:.563rem;padding-right:.563rem}.breadcrumbs{max-width:100%;overflow-x:auto}.breadcrumbs>ul{display:flex;align-items:center;white-space:nowrap;min-height:min-content}.breadcrumbs>ul>li{display:flex;align-items:center}.breadcrumbs>ul>li>a{display:flex;cursor:pointer;align-items:center}.breadcrumbs>ul>li>a:hover{text-decoration-line:underline}.btn{display:inline-flex;flex-shrink:0;cursor:pointer;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;border-color:transparent;text-align:center;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-btn,.5rem);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;min-height:3rem;line-height:1em}.btn-disabled,.btn[disabled]{pointer-events:none}.btn-square{height:3rem;width:3rem;padding:0}.btn-circle{height:3rem;width:3rem;border-radius:9999px;padding:0}.btn.loading,.btn.loading:hover{pointer-events:none}.btn.loading:before{margin-right:.5rem;height:1rem;width:1rem;border-radius:9999px;border-width:2px;animation:spin 2s linear infinite;content:"";border-top-color:transparent;border-left-color:transparent;border-bottom-color:currentColor;border-right-color:currentColor}@media (prefers-reduced-motion:reduce){.btn.loading:before{animation:spin 10s linear infinite}}@keyframes spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-group{display:flex;flex-wrap:wrap}.btn-group>input[type=radio].btn{appearance:none}.btn-group>input[type=radio].btn:before{content:attr(data-title)}.card{position:relative;display:flex;flex-direction:column;overflow:hidden}.card:focus{outline:2px solid transparent;outline-offset:2px}.card-body{display:flex;flex:1 1 auto;flex-direction:column}.card-body :where(p){flex-grow:1}.card-actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:.5rem}.card figure{display:flex;align-items:center;justify-content:center}.card.image-full{display:grid}.card.image-full:before{position:relative;content:""}.card.image-full:before,.card.image-full>*{grid-column-start:1;grid-row-start:1}.card.image-full>figure img{height:100%;object-fit:cover}.card.image-full>.card-body{position:relative}.carousel{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;scroll-behavior:smooth}.carousel-vertical{flex-direction:column;overflow-y:scroll;scroll-snap-type:y mandatory}.carousel-item{box-sizing:content-box;display:flex;flex:none;scroll-snap-align:start}.carousel-center .carousel-item{scroll-snap-align:center}.carousel-end .carousel-item{scroll-snap-align:end}.collapse{position:relative;display:grid;overflow:hidden}.collapse-content,.collapse-title,.collapse>input[type=checkbox]{grid-column-start:1;grid-row-start:1}.collapse>input[type=checkbox]{appearance:none;opacity:0}.collapse-content{grid-row-start:2;overflow:hidden;max-height:0}.collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{max-height:9000px}:root .countdown{line-height:1em}.countdown{display:inline-flex}.countdown>*{height:1em;display:inline-block;overflow-y:hidden}.countdown>:before{position:relative;content:"00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";white-space:pre;top:calc(var(--value) * -1em)}.divider{display:flex;flex-direction:row;align-items:center;align-self:stretch}.divider:after,.divider:before{content:"";flex-grow:1;height:.125rem;width:100%}.drawer{display:grid;overflow:hidden}.drawer.drawer-end{direction:rtl}.drawer.drawer-end>*{direction:ltr}.drawer.drawer-end .drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));justify-self:end}.drawer.drawer-end .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drawer-toggle{position:absolute;height:0;width:0;appearance:none;opacity:0}.drawer-toggle~.drawer-content{z-index:0;grid-column-start:1;grid-row-start:1;max-height:100vh;overflow-y:auto}.drawer-toggle~.drawer-side{grid-column-start:1;grid-row-start:1;display:grid;max-height:100vh}.drawer-toggle~.drawer-side>.drawer-overlay{visibility:hidden;grid-column-start:1;grid-row-start:1;opacity:0}.drawer-toggle~.drawer-side>.drawer-overlay+*{z-index:10;grid-column-start:1;grid-row-start:1;--tw-translate-x:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drawer-toggle:checked~.drawer-side{overflow-y:auto}.drawer-toggle:checked~.drawer-side>.drawer-overlay{visibility:visible}.drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[dir=rtl] .drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}[dir=rtl] .drawer-toggle:checked~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@media (min-width:1024px){.drawer-mobile{grid-auto-columns:max-content auto}.drawer-mobile>.drawer-toggle~.drawer-content{height:auto}@media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-content{grid-column-start:2}}.drawer-mobile>.drawer-toggle~.drawer-side{overflow-y:auto}@media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible}}@media (min-width:1024px){.drawer-mobile>.drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.drawer-mobile.drawer-end{grid-auto-columns:auto max-content;direction:ltr}.drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{height:auto}@media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-content{grid-column-start:1}}.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{overflow-y:auto}@media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side{grid-column-start:2}}@media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay{visibility:visible}}@media (min-width:1024px){.drawer-mobile.drawer-end>.drawer-toggle~.drawer-side>.drawer-overlay+*{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}}.dropdown{position:relative;display:inline-block}.dropdown>:focus{outline:2px solid transparent;outline-offset:2px}.dropdown .dropdown-content{visibility:hidden;position:absolute;z-index:50;opacity:0}.dropdown-end .dropdown-content{right:0}.dropdown-left .dropdown-content{top:0;right:100%;bottom:auto}.dropdown-right .dropdown-content{left:100%;top:0;bottom:auto}.dropdown-top .dropdown-content{bottom:100%;top:auto}.dropdown-end.dropdown-right .dropdown-content{bottom:0;top:auto}.dropdown-end.dropdown-left .dropdown-content{bottom:0;top:auto}.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:not(.dropdown-hover):focus .dropdown-content,.dropdown:not(.dropdown-hover):focus-within .dropdown-content{visibility:visible;opacity:1}.footer{display:grid;width:100%;grid-auto-flow:row;place-items:start}.footer>*{display:grid;place-items:start}.footer-center{place-items:center;text-align:center}.footer-center>*{place-items:center}@media (min-width:48rem){.footer{grid-auto-flow:column}.footer-center{grid-auto-flow:row dense}}.form-control{display:flex;flex-direction:column}.label{display:flex;user-select:none;align-items:center;justify-content:space-between}.hero{display:grid;width:100%;place-items:center;background-size:cover;background-position:center}.hero>*{grid-column-start:1;grid-row-start:1}.hero-overlay{grid-column-start:1;grid-row-start:1;height:100%;width:100%}.hero-content{z-index:0;display:flex;align-items:center;justify-content:center}.indicator{position:relative;display:inline-flex;width:fit-content}.indicator .indicator-item{z-index:1;position:absolute;right:0;left:auto;top:0;bottom:auto;--tw-translate-x:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator .indicator-item.indicator-start{right:auto;left:0;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator .indicator-item.indicator-center{right:50%;left:50%;--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator .indicator-item.indicator-end{right:0;left:auto;--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator .indicator-item.indicator-bottom{top:auto;bottom:0;--tw-translate-y:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator .indicator-item.indicator-middle{top:50%;bottom:50%;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.indicator .indicator-item.indicator-top{top:0;bottom:auto;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.input{flex-shrink:1;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);height:3rem;padding-left:1rem;padding-right:1rem;font-size:.875rem;line-height:1.25rem;line-height:2}.input-group{display:flex;width:100%;align-items:stretch}.input-group>*,.input-group>.input{border-radius:0}.input-group-md{font-size:.875rem;line-height:1.25rem;line-height:2}.input-group-lg{font-size:1.125rem;line-height:1.75rem;line-height:2}.input-group-sm{font-size:.875rem;line-height:2rem}.input-group-xs{font-size:.75rem;line-height:1rem;line-height:1.625}.input-group :where(span){display:flex;align-items:center;--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2)) / var(--tw-bg-opacity));padding-left:1rem;padding-right:1rem}.input-group :first-child{border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:0}.input-group :last-child{border-top-left-radius:0;border-top-right-radius:var(--rounded-btn,.5rem);border-bottom-left-radius:0;border-bottom-right-radius:var(--rounded-btn,.5rem)}.input-group-vertical{flex-direction:column}.input-group-vertical :first-child{border-top-left-radius:var(--rounded-btn,.5rem);border-top-right-radius:var(--rounded-btn,.5rem);border-bottom-left-radius:0;border-bottom-right-radius:0}.input-group-vertical :last-child{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--rounded-btn,.5rem);border-bottom-right-radius:var(--rounded-btn,.5rem)}.kbd{display:inline-flex;align-items:center;justify-content:center}.link{cursor:pointer;text-decoration-line:underline}.link-hover{text-decoration-line:none}.link-hover:hover{text-decoration-line:underline}.mask{-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.mask-half-1{-webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:left;mask-position:left}.mask-half-2{-webkit-mask-size:200%;mask-size:200%;-webkit-mask-position:right;mask-position:right}.menu{display:flex;flex-direction:column}.menu.horizontal{display:inline-flex;flex-direction:row}.menu.horizontal :where(li){flex-direction:row}.menu :where(li){position:relative;display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch}.menu :where(li:not(.menu-title))>:where(:not(ul)){display:flex}.menu :where(li:not(.disabled):not(.menu-title))>:where(:not(ul)){cursor:pointer;user-select:none;align-items:center;outline:2px solid transparent;outline-offset:2px}.menu>:where(li>:not(ul):focus){outline:2px solid transparent;outline-offset:2px}.menu>:where(li.disabled>:not(ul):focus){cursor:auto}.menu>:where(li) :where(ul){display:flex;flex-direction:column;align-items:stretch}.menu>:where(li)>:where(ul){position:absolute;display:none;top:initial;left:100%}.menu>:where(li:hover)>:where(ul){display:flex}.menu>:where(li:focus)>:where(ul){display:flex}.mockup-code{position:relative;overflow:hidden;overflow-x:auto}.mockup-code pre[data-prefix]:before{content:attr(data-prefix);display:inline-block;text-align:right}.mockup-window{position:relative;overflow:hidden;overflow-x:auto}.mockup-window pre[data-prefix]:before{content:attr(data-prefix);display:inline-block;text-align:right}.modal{pointer-events:none;visibility:hidden;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;opacity:0}@media (min-width:640px){.modal{align-items:center}}.modal{z-index:999}.modal-box{max-height:calc(100vh - 5em)}.modal-open,.modal-toggle:checked+.modal,.modal:target{pointer-events:auto;visibility:visible;opacity:1}.modal-action{display:flex}.modal-toggle{position:fixed;height:0;width:0;appearance:none;opacity:0}.navbar{display:flex;align-items:center}.navbar>*{display:flex;align-items:center}.navbar-start{width:50%;justify-content:flex-start}.navbar-center{flex-shrink:0}.navbar-end{width:50%;justify-content:flex-end}.progress{position:relative;width:100%;appearance:none;overflow:hidden}.radial-progress{position:relative;display:inline-grid;height:var(--size);width:var(--size);place-content:center;border-radius:9999px;background-color:transparent;vertical-align:middle;box-sizing:content-box}.radial-progress::-moz-progress-bar{appearance:none;background-color:transparent}.radial-progress::-webkit-progress-value{appearance:none;background-color:transparent}.radial-progress::-webkit-progress-bar{appearance:none;background-color:transparent}.radial-progress:after,.radial-progress:before{position:absolute;border-radius:9999px;content:""}.radial-progress:before{top:0;right:0;bottom:0;left:0;background:radial-gradient(farthest-side,currentColor 98%,#0000) top/var(--thickness) var(--thickness) no-repeat,conic-gradient(currentColor calc(var(--value) * 1%),#0000 0);-webkit-mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)));mask:radial-gradient(farthest-side,#0000 calc(99% - var(--thickness)),#000 calc(100% - var(--thickness)))}.radial-progress:after{inset:calc(50% - var(--thickness)/ 2);transform:rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size)/ 2 - 50%))}.range{height:1.5rem;width:100%;cursor:pointer}.range:focus{outline:0}.rating{position:relative;display:inline-flex}.rating :where(input){cursor:pointer}.select{display:inline-flex;flex-shrink:0;cursor:pointer;user-select:none;appearance:none;height:3rem;padding-left:1rem;padding-right:2.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem}.select-disabled,.select[disabled]{pointer-events:none}.stack{display:inline-grid}.stack>*{grid-column-start:1;grid-row-start:1;transform:translateY(1rem) scale(.9);z-index:1}.stack>:nth-child(2){transform:translateY(.5rem) scale(.95);z-index:2}.stack>:nth-child(1){transform:translateY(0) scale(1);z-index:3}.stats{display:inline-grid}:where(.stats){grid-auto-flow:column}.stat{display:inline-grid;width:100%;grid-template-columns:repeat(1,1fr)}.stat-figure{grid-column-start:2;grid-row:span 3/span 3;grid-row-start:1;place-self:center;justify-self:end}.stat-title{grid-column-start:1;white-space:nowrap}.stat-value{grid-column-start:1;white-space:nowrap}.stat-desc{grid-column-start:1;white-space:nowrap}.stat-actions{grid-column-start:1;white-space:nowrap}.steps{display:inline-grid;grid-auto-flow:column;overflow:hidden;overflow-x:auto;counter-reset:step;grid-auto-columns:1fr}.steps .step{display:grid;grid-template-columns:repeat(1,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));place-items:center;text-align:center}.swap{position:relative;display:inline-grid;user-select:none;place-content:center}.swap>*{grid-column-start:1;grid-row-start:1}.swap input{appearance:none}.swap .swap-indeterminate,.swap .swap-on,.swap input:indeterminate~.swap-on{opacity:0}.swap input:checked~.swap-off,.swap input:indeterminate~.swap-off,.swap.swap-active .swap-off{opacity:0}.swap input:checked~.swap-on,.swap input:indeterminate~.swap-indeterminate,.swap-active .swap-on{opacity:1}.tabs{display:flex;flex-wrap:wrap;align-items:flex-end}.tab{position:relative;display:inline-flex;cursor:pointer;user-select:none;flex-wrap:wrap;align-items:center;justify-content:center;text-align:center;height:2rem;font-size:.875rem;line-height:1.25rem;line-height:2;--tab-padding:1rem}.table{position:relative}.table th:first-child{position:sticky;left:0;z-index:11;position:-webkit-sticky}.textarea{flex-shrink:1;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);padding-left:1rem;padding-right:1rem;padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem;line-height:2;min-height:3rem}.toggle{flex-shrink:0}.tooltip{position:relative;display:inline-block;--tooltip-offset:calc(100% + 1px + var(--tooltip-tail, 0px))}.tooltip:before{position:absolute;pointer-events:none;content:attr(data-tip);transform:translateX(-50%);top:auto;left:50%;right:auto;bottom:var(--tooltip-offset)}.tooltip-bottom:before{transform:translateX(-50%);top:var(--tooltip-offset);left:50%;right:auto;bottom:auto}.tooltip-left:before{transform:translateY(-50%);top:50%;left:auto;right:var(--tooltip-offset);bottom:auto}.tooltip-right:before{transform:translateY(-50%);top:50%;left:var(--tooltip-offset);right:auto;bottom:auto}.alert{--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));padding:1rem;border-radius:var(--rounded-box,1rem)}.avatar-group{display:flex;overflow:hidden}.avatar-group .avatar{overflow:hidden;border-radius:9999px;border-width:4px;--tw-border-opacity:1;border-color:hsl(var(--b1) / var(--tw-border-opacity))}.badge{border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--n) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));border-radius:var(--rounded-badge,1.9rem)}.btn-outline .badge{--tw-border-opacity:1;border-color:hsl(var(--nf,var(--n)) / var(--tw-border-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-outline.btn-primary .badge{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-outline.btn-secondary .badge{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.btn-outline.btn-accent .badge{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.btn-outline .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--nf,var(--n)) / var(--tw-border-opacity));background-color:transparent}.btn-outline.btn-primary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));background-color:transparent;--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-secondary .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));background-color:transparent;--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}.btn-outline.btn-accent .badge-outline{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));background-color:transparent;--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}.btn-outline:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.btn-outline:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--pc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pc) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--pc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pf,var(--p)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-outline.btn-secondary:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--sc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--sc) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}.btn-outline.btn-secondary:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--sc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--sf,var(--s)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.btn-outline.btn-accent:hover .badge{--tw-border-opacity:1;border-color:hsl(var(--ac) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--ac) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}.btn-outline.btn-accent:hover .badge.outline{--tw-border-opacity:1;border-color:hsl(var(--ac) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--af,var(--a)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.breadcrumbs{padding-top:.5rem;padding-bottom:.5rem}.breadcrumbs>ul>li>a:focus{outline:2px solid transparent;outline-offset:2px}.breadcrumbs>ul>li>a:focus-visible{outline:2px solid currentColor;outline-offset:2px}.breadcrumbs>ul>li+:before{content:"";margin-left:.5rem;margin-right:.75rem;display:block;height:.375rem;width:.375rem;--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:.4;border-top:1px solid;border-right:1px solid;background-color:transparent}.btn{font-weight:600;text-transform:uppercase;border-width:var(--border-btn,1px);animation:button-pop var(--animation-btn,.25s) ease-out;text-transform:var(--btn-text-case,uppercase)}.btn:active:focus,.btn:active:hover{animation:none;transform:scale(var(--btn-focus-scale,.95))}.btn{--tw-border-opacity:1;border-color:hsl(var(--n) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.btn-active,.btn:hover{--tw-border-opacity:1;border-color:hsl(var(--nf,var(--n)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--nf,var(--n)) / var(--tw-bg-opacity))}.btn:focus-visible{outline:2px solid hsl(var(--nf));outline-offset:2px}.btn-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-primary.btn-active,.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf,var(--p)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pf,var(--p)) / var(--tw-bg-opacity))}.btn-primary:focus-visible{outline:2px solid hsl(var(--p))}.btn-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.btn-secondary.btn-active,.btn-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--sf,var(--s)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--sf,var(--s)) / var(--tw-bg-opacity))}.btn-secondary:focus-visible{outline:2px solid hsl(var(--s))}.btn-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.btn-accent.btn-active,.btn-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--af,var(--a)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--af,var(--a)) / var(--tw-bg-opacity))}.btn-accent:focus-visible{outline:2px solid hsl(var(--a))}.btn-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--inc,var(--nc)) / var(--tw-text-opacity))}.btn-info.btn-active,.btn-info:hover{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity))}.btn-info:focus-visible{outline:2px solid hsl(var(--in))}.btn-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--suc,var(--nc)) / var(--tw-text-opacity))}.btn-success.btn-active,.btn-success:hover{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity))}.btn-success:focus-visible{outline:2px solid hsl(var(--su))}.btn-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--wac,var(--nc)) / var(--tw-text-opacity))}.btn-warning.btn-active,.btn-warning:hover{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity))}.btn-warning:focus-visible{outline:2px solid hsl(var(--wa))}.btn-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--erc,var(--nc)) / var(--tw-text-opacity))}.btn-error.btn-active,.btn-error:hover{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity))}.btn-error:focus-visible{outline:2px solid hsl(var(--er))}.btn.glass.btn-active,.btn.glass:hover{--glass-opacity:25%;--glass-border-opacity:15%}.btn.glass:focus-visible{outline:2px solid 0 0 2px currentColor}.btn-ghost{border-width:1px;border-color:transparent;background-color:transparent;color:currentColor}.btn-ghost.btn-active,.btn-ghost:hover{--tw-border-opacity:0;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.2}.btn-ghost:focus-visible{outline:2px solid 0 0 2px currentColor}.btn-link{border-color:transparent;background-color:transparent;--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-link.btn-active,.btn-link:hover{border-color:transparent;background-color:transparent;text-decoration-line:underline}.btn-link:focus-visible{outline:2px solid 0 0 2px currentColor}.btn-outline{border-color:currentColor;background-color:transparent;--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.btn-outline:hover{--tw-border-opacity:1;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--b1) / var(--tw-text-opacity))}.btn-outline.btn-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.btn-outline.btn-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--pf,var(--p)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--pf,var(--p)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-outline.btn-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}.btn-outline.btn-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--sf,var(--s)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--sf,var(--s)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.btn-outline.btn-accent{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}.btn-outline.btn-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--af,var(--a)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--af,var(--a)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.btn-outline.btn-success{--tw-text-opacity:1;color:hsl(var(--su) / var(--tw-text-opacity))}.btn-outline.btn-success:hover{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--suc,var(--nc)) / var(--tw-text-opacity))}.btn-outline.btn-info{--tw-text-opacity:1;color:hsl(var(--in) / var(--tw-text-opacity))}.btn-outline.btn-info:hover{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--inc,var(--nc)) / var(--tw-text-opacity))}.btn-outline.btn-warning{--tw-text-opacity:1;color:hsl(var(--wa) / var(--tw-text-opacity))}.btn-outline.btn-warning:hover{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--wac,var(--nc)) / var(--tw-text-opacity))}.btn-outline.btn-error{--tw-text-opacity:1;color:hsl(var(--er) / var(--tw-text-opacity))}.btn-outline.btn-error:hover{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--erc,var(--nc)) / var(--tw-text-opacity))}.btn-disabled,.btn[disabled]{--tw-border-opacity:0;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity:0.2;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity:0.2}.btn.loading.btn-circle:before,.btn.loading.btn-square:before{margin-right:0}.btn.loading.btn-lg:before,.btn.loading.btn-xl:before{height:1.25rem;width:1.25rem}.btn.loading.btn-sm:before,.btn.loading.btn-xs:before{height:.75rem;width:.75rem}.btn-group>.btn-active,.btn-group>input[type=radio]:checked.btn{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.btn-group>.btn-active:focus-visible,.btn-group>input[type=radio]:checked.btn:focus-visible{outline:2px solid hsl(var(--p))}.btn-group>.btn:not(:first-child){margin-left:-1px;border-top-left-radius:0;border-bottom-left-radius:0}.btn-group>.btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}@keyframes button-pop{0%{transform:scale(var(--btn-focus-scale,.95))}40%{transform:scale(1.02)}100%{transform:scale(1)}}.card{border-radius:var(--rounded-box,1rem)}.card:focus-visible{outline:2px solid currentColor;outline-offset:2px}.card.bordered{border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity))}.card-bordered{border-width:1px;--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity))}.card.compact .card-body{padding:1rem;font-size:.875rem;line-height:1.25rem}.card-body{padding:var(--padding-card,2rem);display:flex;flex-direction:column;gap:.5rem}.card-title{display:flex;align-items:center;gap:.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card.image-full:before{z-index:10;--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));opacity:.75;border-radius:var(--rounded-box,1rem)}.card.image-full>.card-body{z-index:20;--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.carousel{-ms-overflow-style:none;scrollbar-width:none}.carousel::-webkit-scrollbar{display:none}.checkbox{--chkbg:var(--bc);--chkfg:var(--b1);height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;border-radius:var(--rounded-btn,.5rem)}.checkbox:focus-visible{outline:2px solid hsl(var(--bc));outline-offset:2px}.checkbox:checked,.checkbox[checked=true]{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));background-repeat:no-repeat;animation:checkmark var(--animation-input,.2s) ease-in-out;background-image:linear-gradient(-45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.checkbox:indeterminate{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));background-repeat:no-repeat;animation:checkmark var(--animation-input,.2s) ease-in-out;background-image:linear-gradient(90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(-90deg,transparent 80%,hsl(var(--chkbg)) 80%),linear-gradient(0deg,hsl(var(--chkbg)) 43%,hsl(var(--chkfg)) 43%,hsl(var(--chkfg)) 57%,hsl(var(--chkbg)) 57%)}.checkbox-primary{--chkbg:var(--p);--chkfg:var(--pc);--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.checkbox-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.checkbox-primary:focus-visible{outline:2px solid hsl(var(--p))}.checkbox-primary:checked,.checkbox-primary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.checkbox-secondary{--chkbg:var(--s);--chkfg:var(--sc);--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.checkbox-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.checkbox-secondary:focus-visible{outline:2px solid hsl(var(--s))}.checkbox-secondary:checked,.checkbox-secondary[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.checkbox-accent{--chkbg:var(--a);--chkfg:var(--ac);--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.checkbox-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.checkbox-accent:focus-visible{outline:2px solid hsl(var(--a))}.checkbox-accent:checked,.checkbox-accent[checked=true]{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.checkbox:disabled{cursor:not-allowed;border-color:transparent;--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));opacity:.2}@keyframes checkmark{0%{background-position-y:5px}50%{background-position-y:-2px}100%{background-position-y:0}}.checkbox-mark{display:none}body[dir=rtl] .checkbox{--chkbg:var(--bc);--chkfg:var(--b1)}body[dir=rtl] .checkbox:checked,body[dir=rtl] .checkbox[checked=true]{background-image:linear-gradient(45deg,transparent 65%,hsl(var(--chkbg)) 65.99%),linear-gradient(-45deg,transparent 75%,hsl(var(--chkbg)) 75.99%),linear-gradient(45deg,hsl(var(--chkbg)) 40%,transparent 40.99%),linear-gradient(-45deg,hsl(var(--chkbg)) 30%,hsl(var(--chkfg)) 30.99%,hsl(var(--chkfg)) 40%,transparent 40.99%),linear-gradient(45deg,hsl(var(--chkfg)) 50%,hsl(var(--chkbg)) 50.99%)}.collapse{outline:2px solid transparent;outline-offset:2px}.collapse-arrow .collapse-title:after{position:absolute;display:block;height:.5rem;width:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);top:1.4rem;right:1.4rem;content:"";transform-origin:75% 75%;transform:rotate(45deg);box-shadow:2px 2px;pointer-events:none}.collapse-plus .collapse-title:after{position:absolute;display:block;height:.5rem;width:.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);top:.9rem;right:1.4rem;content:"+";pointer-events:none}.collapse:not(.collapse-open):not(.collapse-close) .collapse-title,.collapse:not(.collapse-open):not(.collapse-close) input[type=checkbox]{cursor:pointer}.collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title{cursor:unset}.collapse-title,.collapse>input[type=checkbox]{width:100%;padding:1rem;padding-right:3rem;min-height:3.75rem;transition:background-color .2s ease-in-out}.collapse:not(.collapse-close) input[type=checkbox]:focus~.collapse-title{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.collapse-open .collapse-title,.collapse:focus:not(.collapse-close) .collapse-title,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-title{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1;outline:2px solid transparent;outline-offset:2px}.collapse-content{padding-left:1rem;padding-right:1rem;cursor:unset;transition:padding .2s ease-in-out,background-color .2s ease-in-out}.collapse-open .collapse-content,.collapse:focus:not(.collapse-close) .collapse-content,.collapse:not(.collapse-close) input[type=checkbox]:checked~.collapse-content{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1;padding-bottom:1rem;opacity:1;transition:padding .2s ease-in-out,background-color .2s ease-in-out}.collapse-arrow:focus:not(.collapse-close) .collapse-title:after,.collapse-arrow:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after,.collapse-open.collapse-arrow .collapse-title:after{transform:rotate(225deg)}.collapse-open.collapse-plus .collapse-title:after,.collapse-plus:focus:not(.collapse-close) .collapse-title:after,.collapse-plus:not(.collapse-close) input[type=checkbox]:checked~.collapse-title:after{content:"−"}.countdown>:before{text-align:center;transition:all 1s cubic-bezier(1,0,0,1)}.divider{margin-top:1rem;margin-bottom:1rem;height:1rem}.divider:before{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.divider:after{background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.divider:not(:empty){gap:1rem}.drawer.drawer-end .drawer-toggle:checked~.drawer-content{--tw-translate-x:-0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drawer-toggle~.drawer-content{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.drawer-toggle~.drawer-side>.drawer-overlay{cursor:pointer;--tw-bg-opacity:1;background-color:hsl(var(--nf,var(--n)) / var(--tw-bg-opacity));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.drawer-toggle~.drawer-side>.drawer-overlay+*{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.drawer-toggle:checked~.drawer-content{--tw-translate-x:0.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.drawer-toggle:checked~.drawer-side>.drawer-overlay{opacity:.999999;--tw-bg-opacity:0.4}.drawer-toggle:focus-visible~.drawer-content .drawer-button{outline:2px solid hsl(var(--nf));outline-offset:2px}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-primary{outline:2px solid hsl(var(--p))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-secondary{outline:2px solid hsl(var(--s))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-accent{outline:2px solid hsl(var(--a))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-info{outline:2px solid hsl(var(--in))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-success{outline:2px solid hsl(var(--su))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-warning{outline:2px solid hsl(var(--wa))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-error{outline:2px solid hsl(var(--er))}.drawer-toggle:focus-visible~.drawer-content .drawer-button.glass{outline:2px solid currentColor}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-ghost{outline:2px solid currentColor}.drawer-toggle:focus-visible~.drawer-content .drawer-button.btn-link{outline:2px solid currentColor}@media (min-width:1024px){.drawer-mobile>.drawer-toggle:checked~.drawer-content{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.dropdown .dropdown-content{transform-origin:top;--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dropdown-top .dropdown-content{transform-origin:bottom}.dropdown-left .dropdown-content{transform-origin:right}.dropdown-right .dropdown-content{transform-origin:left}.dropdown.dropdown-hover:hover .dropdown-content,.dropdown.dropdown-open .dropdown-content,.dropdown:focus .dropdown-content,.dropdown:focus-within .dropdown-content{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.footer{row-gap:2.5rem;column-gap:1rem;font-size:.875rem;line-height:1.25rem}.footer>*{gap:.5rem}.footer-title{margin-bottom:.5rem;font-weight:700;text-transform:uppercase;opacity:.5}.label{padding-left:.25rem;padding-right:.25rem;padding-top:.5rem;padding-bottom:.5rem}.label-text{font-size:.875rem;line-height:1.25rem;--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.label-text-alt{font-size:.75rem;line-height:1rem;--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.label a:hover{--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.hero-overlay{background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity:0.5}.hero-content{max-width:80rem;gap:1rem;padding:1rem}.input{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn,.5rem)}.input-bordered{--tw-border-opacity:0.2}.input:focus{outline:2px solid hsla(var(--bc) / .2);outline-offset:2px}.input-ghost{--tw-bg-opacity:0.05}.input-ghost:focus{--tw-bg-opacity:1;--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));box-shadow:none}.input-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.input-primary:focus{outline:2px solid hsl(var(--p))}.input-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.input-secondary:focus{outline:2px solid hsl(var(--s))}.input-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.input-accent:focus{outline:2px solid hsl(var(--a))}.input-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity))}.input-info:focus{outline:2px solid hsl(var(--in))}.input-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.input-success:focus{outline:2px solid hsl(var(--su))}.input-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity))}.input-warning:focus{outline:2px solid hsl(var(--wa))}.input-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity))}.input-error:focus{outline:2px solid hsl(var(--er))}.input-disabled,.input[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));--tw-text-opacity:0.2}.input-disabled::placeholder,.input[disabled]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity:0.2}.input::-webkit-calendar-picker-indicator{display:none}.kbd{border-width:1px;border-color:hsl(var(--nf,var(--n)) / var(--tw-border-opacity));--tw-border-opacity:0.2;--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;border-radius:var(--rounded-btn,.5rem);border-bottom-width:2px;min-height:2.2em;min-width:2.2em}.link-primary{--tw-text-opacity:1;color:hsl(var(--p) / var(--tw-text-opacity))}.link-primary:hover{--tw-text-opacity:1;color:hsl(var(--pf,var(--p)) / var(--tw-text-opacity))}.link-secondary{--tw-text-opacity:1;color:hsl(var(--s) / var(--tw-text-opacity))}.link-secondary:hover{--tw-text-opacity:1;color:hsl(var(--sf,var(--s)) / var(--tw-text-opacity))}.link-accent{--tw-text-opacity:1;color:hsl(var(--a) / var(--tw-text-opacity))}.link-accent:hover{--tw-text-opacity:1;color:hsl(var(--af,var(--a)) / var(--tw-text-opacity))}.link-neutral{--tw-text-opacity:1;color:hsl(var(--n) / var(--tw-text-opacity))}.link-neutral:hover{--tw-text-opacity:1;color:hsl(var(--nf,var(--n)) / var(--tw-text-opacity))}.link:focus{outline:2px solid transparent;outline-offset:2px}.link:focus-visible{outline:2px solid currentColor;outline-offset:2px}.mask-squircle{-webkit-mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+)}.mask-decagon{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGVjYWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZWNhZ29uIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDAgMTU0Ljc3ODUyNSAxOS4wOTgzMDA2IDE5MS4xMDU2NTIgNjkuMDk4MzAwNiAxOTEuMTA1NjUyIDEzMC45MDE2OTkgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDk2IDIwMCAzNy4yMjE0NzQ4IDE4MC45MDE2OTkgMC44OTQzNDgzNyAxMzAuOTAxNjk5IDAuODk0MzQ4MzcgNjkuMDk4MzAwNiAzNy4yMjE0NzQ4IDE5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGVjYWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZWNhZ29uIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDAgMTU0Ljc3ODUyNSAxOS4wOTgzMDA2IDE5MS4xMDU2NTIgNjkuMDk4MzAwNiAxOTEuMTA1NjUyIDEzMC45MDE2OTkgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDk2IDIwMCAzNy4yMjE0NzQ4IDE4MC45MDE2OTkgMC44OTQzNDgzNyAxMzAuOTAxNjk5IDAuODk0MzQ4MzcgNjkuMDk4MzAwNiAzNy4yMjE0NzQ4IDE5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)}.mask-diamond{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGlhbW9uZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkaWFtb25kIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjEwMCAwIDIwMCAxMDAgMTAwIDIwMCAwIDEwMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGlhbW9uZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkaWFtb25kIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjEwMCAwIDIwMCAxMDAgMTAwIDIwMCAwIDEwMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=)}.mask-heart{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTg1cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTg1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGVhcnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTAwLDE4NC42MDU1MzQgQzk2LjkxMjE3MTYsMTg0LjYwMTYzNSA5My44OTY5NzMzLDE4My42Njg1OTggOTEuMzQ2NjE4MiwxODEuOTI3NzkzIEM1My41NjQ5ODA0LDE1Ni4yODAxMjMgMzcuMjA1Mjc2NCwxMzguNjk0NTIzIDI4LjE4MTcxOTQsMTI3LjY5OTkxNyBDOC45NTE5NzYyNiwxMDQuMjYzNjY3IC0wLjI1NDI2MzI3Myw4MC4yMDI0NTEzIDAuMDA1MzM4MjU5MzEsNTQuMTQ2MTQ5MyBDMC4zMDgyMDY3MTQsMjQuMjg3MTY1NiAyNC4yNjM2NTkzLDAgNTMuNDA2MzM1LDAgQzc0LjU5NzUxMiwwIDg5LjI3NDYxMzQsMTEuOTM2ODYzMSA5Ny44MjIyMzQzLDIxLjg3ODY0MDMgQzk4LjM3MDA4MTIsMjIuNTA5NDMgOTkuMTY0NTE5NiwyMi44NzE2ODg5IDEwMCwyMi44NzE2ODg5IEMxMDAuODM1NDg2LDIyLjg3MTY4ODkgMTAxLjYyOTkyNCwyMi41MDk0MyAxMDIuMTc3NzcxLDIxLjg3ODY0MDMgQzExMC43MjUzOTIsMTEuOTI3MjQ4MiAxMjUuNDAyNDkzLDAgMTQ2LjU5MzY3LDAgQzE3NS43MzYzNDYsMCAxOTkuNjkxNzk5LDI0LjI4NzE2NTYgMTk5Ljk5NDY2Nyw1NC4xNTA5NTY3IEMyMDAuMjU0MjY5LDgwLjIxMjA2NjEgMTkxLjAzODQxNCwxMDQuMjczMjgyIDE3MS44MTgyODYsMTI3LjcwNDcyNCBDMTYyLjc5NDcyOSwxMzguNjk5MzMgMTQ2LjQzNTAyNSwxNTYuMjg0OTMgMTA4LjY1MzM4NywxODEuOTMyNiBDMTA2LjEwMjQ4NCwxODMuNjcxNzA0IDEwMy4wODczMjksMTg0LjYwMzA1MiAxMDAsMTg0LjYwNTUzNCBaIiBpZD0iaGVhcnQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTg1cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTg1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGVhcnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTAwLDE4NC42MDU1MzQgQzk2LjkxMjE3MTYsMTg0LjYwMTYzNSA5My44OTY5NzMzLDE4My42Njg1OTggOTEuMzQ2NjE4MiwxODEuOTI3NzkzIEM1My41NjQ5ODA0LDE1Ni4yODAxMjMgMzcuMjA1Mjc2NCwxMzguNjk0NTIzIDI4LjE4MTcxOTQsMTI3LjY5OTkxNyBDOC45NTE5NzYyNiwxMDQuMjYzNjY3IC0wLjI1NDI2MzI3Myw4MC4yMDI0NTEzIDAuMDA1MzM4MjU5MzEsNTQuMTQ2MTQ5MyBDMC4zMDgyMDY3MTQsMjQuMjg3MTY1NiAyNC4yNjM2NTkzLDAgNTMuNDA2MzM1LDAgQzc0LjU5NzUxMiwwIDg5LjI3NDYxMzQsMTEuOTM2ODYzMSA5Ny44MjIyMzQzLDIxLjg3ODY0MDMgQzk4LjM3MDA4MTIsMjIuNTA5NDMgOTkuMTY0NTE5NiwyMi44NzE2ODg5IDEwMCwyMi44NzE2ODg5IEMxMDAuODM1NDg2LDIyLjg3MTY4ODkgMTAxLjYyOTkyNCwyMi41MDk0MyAxMDIuMTc3NzcxLDIxLjg3ODY0MDMgQzExMC43MjUzOTIsMTEuOTI3MjQ4MiAxMjUuNDAyNDkzLDAgMTQ2LjU5MzY3LDAgQzE3NS43MzYzNDYsMCAxOTkuNjkxNzk5LDI0LjI4NzE2NTYgMTk5Ljk5NDY2Nyw1NC4xNTA5NTY3IEMyMDAuMjU0MjY5LDgwLjIxMjA2NjEgMTkxLjAzODQxNCwxMDQuMjczMjgyIDE3MS44MTgyODYsMTI3LjcwNDcyNCBDMTYyLjc5NDcyOSwxMzguNjk5MzMgMTQ2LjQzNTAyNSwxNTYuMjg0OTMgMTA4LjY1MzM4NywxODEuOTMyNiBDMTA2LjEwMjQ4NCwxODMuNjcxNzA0IDEwMy4wODczMjksMTg0LjYwMzA1MiAxMDAsMTg0LjYwNTUzNCBaIiBpZD0iaGVhcnQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)}.mask-hexagon{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=)}.mask-hexagon-2{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+)}.mask-circle{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+T3ZhbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+T3ZhbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==)}.mask-parallelogram{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXJhbGxlbG9ncmFtIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjQ2LjE1Mzg0NjIgMCAyMDAgMCAxNTMuODQ2MTU0IDE1My44NDYxNTQgMCAxNTMuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXJhbGxlbG9ncmFtIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjQ2LjE1Mzg0NjIgMCAyMDAgMCAxNTMuODQ2MTU0IDE1My44NDYxNTQgMCAxNTMuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)}.mask-parallelogram-2{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNzYuOTIzMDc3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtNzYuOTIzMDc3KSAiIHBvaW50cz0iNDYuMTUzODQ2MiAwIDIwMCAwIDE1My44NDYxNTQgMTUzLjg0NjE1NCAwIDE1My44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNzYuOTIzMDc3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtNzYuOTIzMDc3KSAiIHBvaW50cz0iNDYuMTUzODQ2MiAwIDIwMCAwIDE1My44NDYxNTQgMTUzLjg0NjE1NCAwIDE1My44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)}.mask-parallelogram-3{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0zPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMyIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny4wMDAwMDAsIC0xMDAuOTIzMDc3KSAiIHBvaW50cz0iMjMuMTUzODQ2MiAyNCAxNzcgMjQgMTMwLjg0NjE1NCAxNzcuODQ2MTU0IC0yMyAxNzcuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0zPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMyIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny4wMDAwMDAsIC0xMDAuOTIzMDc3KSAiIHBvaW50cz0iMjMuMTUzODQ2MiAyNCAxNzcgMjQgMTMwLjg0NjE1NCAxNzcuODQ2MTU0IC0yMyAxNzcuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)}.mask-parallelogram-4{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS00PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tNCIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTEwMC45MjMwNzcpICIgcG9pbnRzPSIyMy4xNTM4NDYyIDI0IDE3NyAyNCAxMzAuODQ2MTU0IDE3Ny44NDYxNTQgLTIzIDE3Ny44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS00PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tNCIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTEwMC45MjMwNzcpICIgcG9pbnRzPSIyMy4xNTM4NDYyIDI0IDE3NyAyNCAxMzAuODQ2MTU0IDE3Ny44NDYxNTQgLTIzIDE3Ny44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)}.mask-pentagon{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgxcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGVudGFnb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0icGVudGFnb24iIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iOTYgMCAxOTEuMTA1NjUyIDY5LjA5ODMwMDYgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDM3LjIyMTQ3NDggMTgwLjkwMTY5OSAwLjg5NDM0ODM3IDY5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgxcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGVudGFnb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0icGVudGFnb24iIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iOTYgMCAxOTEuMTA1NjUyIDY5LjA5ODMwMDYgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDM3LjIyMTQ3NDggMTgwLjkwMTY5OSAwLjg5NDM0ODM3IDY5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)}.mask-square{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3F1YXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9InNxdWFyZSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3F1YXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9InNxdWFyZSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+)}.mask-star{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJzdGFyIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDEzNy4yNjMzOTMgMzcuMjIxNDc0OCAxNzkuMjg2NTA2IDU5LjM4NDMyNDEgMTEwLjg5ODA3MyAwLjg5NDM0ODM3IDY4LjQ4MTM1MTUgNzMuMzcwMjY3OCA2OC4yMzgwODgyIDk2IDAgMTE4LjYyOTczMiA2OC4yMzgwODgyIDE5MS4xMDU2NTIgNjguNDgxMzUxNSAxMzIuNjE1Njc2IDExMC44OTgwNzMgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJzdGFyIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDEzNy4yNjMzOTMgMzcuMjIxNDc0OCAxNzkuMjg2NTA2IDU5LjM4NDMyNDEgMTEwLjg5ODA3MyAwLjg5NDM0ODM3IDY4LjQ4MTM1MTUgNzMuMzcwMjY3OCA2OC4yMzgwODgyIDk2IDAgMTE4LjYyOTczMiA2OC4yMzgwODgyIDE5MS4xMDU2NTIgNjguNDgxMzUxNSAxMzIuNjE1Njc2IDExMC44OTgwNzMgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)}.mask-star-2{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3Rhci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InN0YXItMiIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5NiAxNTMuMDQzNjYxIDM3LjIyMTQ3NDggMTc5LjI4NjUwNiA0NC4yNDExOTA0IDExNS43NzQ0NDQgMC44OTQzNDgzNyA2OC40ODEzNTE1IDY0LjAxMTI5NjUgNTUuNDcxNTgyOCA5NiAwIDEyNy45ODg3MDQgNTUuNDcxNTgyOCAxOTEuMTA1NjUyIDY4LjQ4MTM1MTUgMTQ3Ljc1ODgxIDExNS43NzQ0NDQgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3Rhci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InN0YXItMiIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5NiAxNTMuMDQzNjYxIDM3LjIyMTQ3NDggMTc5LjI4NjUwNiA0NC4yNDExOTA0IDExNS43NzQ0NDQgMC44OTQzNDgzNyA2OC40ODEzNTE1IDY0LjAxMTI5NjUgNTUuNDcxNTgyOCA5NiAwIDEyNy45ODg3MDQgNTUuNDcxNTgyOCAxOTEuMTA1NjUyIDY4LjQ4MTM1MTUgMTQ3Ljc1ODgxIDExNS43NzQ0NDQgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)}.mask-triangle{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTQ5cHgiIHZpZXdCb3g9IjAgMCAxNzQgMTQ5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iODcgMTQ4LjQ3NjE3NyAwLjM5NzQ1OTYyMiAxNDguNjYwNzE0IDQzLjg1OTk4MzcgNzQuNDIyNjI1OSA4NyAyLjg0MjE3MDk0ZS0xNCAxMzAuMTQwMDE2IDc0LjQyMjYyNTkgMTczLjYwMjU0IDE0OC42NjA3MTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTQ5cHgiIHZpZXdCb3g9IjAgMCAxNzQgMTQ5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iODcgMTQ4LjQ3NjE3NyAwLjM5NzQ1OTYyMiAxNDguNjYwNzE0IDQzLjg1OTk4MzcgNzQuNDIyNjI1OSA4NyAyLjg0MjE3MDk0ZS0xNCAxMzAuMTQwMDE2IDc0LjQyMjYyNTkgMTczLjYwMjU0IDE0OC42NjA3MTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)}.mask-triangle-2{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNzQgMTUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtYm90dG9tPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InRyaWFuZ2xlLWJvdHRvbSIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA1MC4xMDcxNDMpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC04Ny4wMDAwMDAsIC01MC4xMDcxNDMpICIgcG9pbnRzPSI4NyA5OS40NzYxNzY4IDAuMzk3NDU5NjIyIDk5LjY2MDcxNDMgNDMuODU5OTgzNyAyNS40MjI2MjU5IDg3IC00OSAxMzAuMTQwMDE2IDI1LjQyMjYyNTkgMTczLjYwMjU0IDk5LjY2MDcxNDMiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNzQgMTUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtYm90dG9tPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InRyaWFuZ2xlLWJvdHRvbSIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA1MC4xMDcxNDMpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC04Ny4wMDAwMDAsIC01MC4xMDcxNDMpICIgcG9pbnRzPSI4NyA5OS40NzYxNzY4IDAuMzk3NDU5NjIyIDk5LjY2MDcxNDMgNDMuODU5OTgzNyAyNS40MjI2MjU5IDg3IC00OSAxMzAuMTQwMDE2IDI1LjQyMjYyNTkgMTczLjYwMjU0IDk5LjY2MDcxNDMiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+)}.mask-triangle-3{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJ0cmlhbmdsZS1sZWZ0IiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA4Ny4xMDcxNDMpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMC4wMDAwMDAsIC04Ny4xMDcxNDMpICIgcG9pbnRzPSIxMDAgMTM2LjQ3NjE3NyAxMy4zOTc0NTk2IDEzNi42NjA3MTQgNTYuODU5OTgzNyA2Mi40MjI2MjU5IDEwMCAtMTIgMTQzLjE0MDAxNiA2Mi40MjI2MjU5IDE4Ni42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJ0cmlhbmdsZS1sZWZ0IiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA4Ny4xMDcxNDMpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMC4wMDAwMDAsIC04Ny4xMDcxNDMpICIgcG9pbnRzPSIxMDAgMTM2LjQ3NjE3NyAxMy4zOTc0NTk2IDEzNi42NjA3MTQgNTYuODU5OTgzNyA2Mi40MjI2MjU5IDEwMCAtMTIgMTQzLjE0MDAxNiA2Mi40MjI2MjU5IDE4Ni42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)}.mask-triangle-4{-webkit-mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);mask-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==)}.menu.horizontal li.bordered>a,.menu.horizontal li.bordered>button,.menu.horizontal li.bordered>span{border-left-width:0;border-bottom-width:4px;--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.menu[class*=p-] li *,.menu[class*=p-] li button{border-radius:var(--rounded-btn,.5rem)}.menu :where(li.bordered>*){border-left-width:4px;--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.menu :where(li)>:where(:not(ul)){gap:.75rem;padding-left:1rem;padding-right:1rem;padding-top:.75rem;padding-bottom:.75rem;color:currentColor}.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):focus),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):hover){background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul).active),.menu :where(li:not(.menu-title):not(:empty))>:where(:not(ul):active){--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.menu :where(li:empty){margin-left:1rem;margin-right:1rem;margin-top:.5rem;margin-bottom:.5rem;height:1px;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.1}.menu li.disabled>*{user-select:none;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity:0.2}.menu li.disabled>:hover{background-color:transparent}.menu li.hover-bordered a{border-left-width:4px;border-color:transparent}.menu li.hover-bordered a:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.menu.compact li>a,.menu.compact li>span{padding-top:.5rem;padding-bottom:.5rem;font-size:.875rem;line-height:1.25rem}.menu .menu-title>*{padding-top:.25rem;padding-bottom:.25rem;font-size:.75rem;line-height:1rem;font-weight:700;color:hsl(var(--bc) / var(--tw-text-opacity));--tw-text-opacity:0.4}.menu :where(li:not(.disabled))>:where(:not(ul)){outline:2px solid transparent;outline-offset:2px;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.menu>:where(li:first-child){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li:first-child)>:where(:not(ul)){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li:last-child){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li:last-child)>:where(:not(ul)){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li)>:where(ul){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li)>:where(ul) :where(li){width:100%;white-space:nowrap}.menu>:where(li)>:where(ul) :where(li) :where(ul){padding-left:1rem}.menu>:where(li)>:where(ul) :where(li) :where(:not(ul)){width:100%;white-space:nowrap}.menu>:where(li)>:where(ul)>:where(li:first-child){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li)>:where(ul)>:where(li:first-child)>:where(:not(ul)){border-top-left-radius:inherit;border-top-right-radius:inherit;border-bottom-right-radius:unset;border-bottom-left-radius:unset}.menu>:where(li)>:where(ul)>:where(li:last-child){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.menu>:where(li)>:where(ul)>:where(li:last-child)>:where(:not(ul)){border-top-left-radius:unset;border-top-right-radius:unset;border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.mockup-code{min-width:20rem;--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));padding-top:1.25rem;padding-bottom:1.25rem;--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity));border-radius:var(--rounded-box,1rem)}.mockup-code:before{content:"";margin-bottom:1rem;display:block;height:.75rem;width:.75rem;border-radius:9999px;opacity:.3;box-shadow:1.4em 0,2.8em 0,4.2em 0}.mockup-code pre{padding-right:1.25rem}.mockup-code pre:before{content:"";margin-right:2ch}.mockup-code pre[data-prefix]:before{content:attr(data-prefix);width:2rem;opacity:.5}.mockup-window{padding-top:1.25rem;border-radius:var(--rounded-box,1rem)}.mockup-window:before{content:"";margin-bottom:1rem;display:block;height:.75rem;width:.75rem;border-radius:9999px;opacity:.3;box-shadow:1.4em 0,2.8em 0,4.2em 0}.mockup-phone{display:inline-block;border:4px solid #444;border-radius:50px;background-color:#000;padding:10px;margin:0 auto;overflow:hidden}.mockup-phone .camera{position:relative;top:0;left:0;background:#000;height:25px;width:150px;margin:0 auto;border-bottom-left-radius:17px;border-bottom-right-radius:17px;z-index:11}.mockup-phone .camera:before{content:"";position:absolute;top:35%;left:50%;width:50px;height:4px;border-radius:5px;background-color:#0c0b0e;transform:translate(-50%,-50%)}.mockup-phone .camera:after{content:"";position:absolute;top:20%;left:70%;width:8px;height:8px;border-radius:5px;background-color:#0f0b25}.mockup-phone .display{overflow:hidden;border-radius:40px;margin-top:-25px}.modal{background-color:hsl(var(--nf,var(--n)) / var(--tw-bg-opacity));--tw-bg-opacity:0.4;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-property:transform,opacity;overflow-y:hidden;overscroll-behavior:contain}.modal-box{width:100%;--tw-translate-y:2.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding:1.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-top-left-radius:var(--rounded-box,1rem);border-top-right-radius:var(--rounded-box,1rem)}@media (min-width:640px){.modal-box{max-width:32rem}.modal-box{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-box{--tw-scale-x:.9;--tw-scale-y:.9;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-box{border-bottom-left-radius:var(--rounded-box,1rem);border-bottom-right-radius:var(--rounded-box,1rem)}}.modal-box{box-shadow:0 25px 50px -12px rgba(0,0,0,.25);overflow-y:auto;overscroll-behavior:contain}.modal-open .modal-box,.modal-toggle:checked+.modal .modal-box,.modal:target .modal-box{--tw-translate-y:0px;--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.modal-action{margin-top:1.5rem;justify-content:flex-end}.modal-action>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.navbar{padding:var(--navbar-padding,.5rem);min-height:4rem;width:100%}.progress{height:.5rem;border-radius:var(--rounded-box,1rem)}.progress::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity))}.progress-primary::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity))}.progress-secondary::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity))}.progress-accent::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity))}.progress-info::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity))}.progress-success::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity))}.progress-warning::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity))}.progress-error::-moz-progress-bar{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity))}.progress::-webkit-progress-bar{background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-bg-opacity:0.2;border-radius:var(--rounded-box,1rem)}.progress::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--nf,var(--n)) / var(--tw-bg-opacity));border-radius:var(--rounded-box,1rem)}.progress-primary::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity))}.progress-secondary::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity))}.progress-accent::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity))}.progress-info::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity))}.progress-success::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity))}.progress-warning::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity))}.progress-error::-webkit-progress-value{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity))}.radial-progress{--value:0;--size:5rem;--thickness:calc(var(--size) / 10)}.radial-progress:after{background-color:currentColor}.radio{--chkbg:var(--bc);height:1.5rem;width:1.5rem;cursor:pointer;appearance:none;border-radius:9999px;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;transition:background,box-shadow var(--animation-input,.2s) ease-in-out}.radio:focus-visible{outline:2px solid hsl(var(--bc));outline-offset:2px}.radio:checked{--tw-bg-opacity:1;background-color:hsl(var(--bc) / var(--tw-bg-opacity));animation:radiomark var(--animation-input,.2s) ease-in-out;box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}.radio-primary{--chkbg:var(--p);--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.radio-primary:hover{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.radio-primary:focus-visible{outline:2px solid hsl(var(--p))}.radio-primary:checked{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.radio-secondary{--chkbg:var(--s);--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.radio-secondary:hover{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.radio-secondary:focus-visible{outline:2px solid hsl(var(--s))}.radio-secondary:checked{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.radio-accent{--chkbg:var(--a);--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.radio-accent:hover{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.radio-accent:focus-visible{outline:2px solid hsl(var(--a))}.radio-accent:checked{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.radio:disabled{cursor:not-allowed;opacity:.2}@keyframes radiomark{0%{box-shadow:0 0 0 12px hsl(var(--b1)) inset,0 0 0 12px hsl(var(--b1)) inset}50%{box-shadow:0 0 0 3px hsl(var(--b1)) inset,0 0 0 3px hsl(var(--b1)) inset}100%{box-shadow:0 0 0 4px hsl(var(--b1)) inset,0 0 0 4px hsl(var(--b1)) inset}}.radio-mark{display:none}.range{-webkit-appearance:none;--range-shdw:var(--bc);overflow:hidden;background-color:transparent;border-radius:var(--rounded-box,1rem)}.range:focus-visible::-webkit-slider-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range:focus-visible::-moz-range-thumb{--focus-shadow:0 0 0 6px hsl(var(--b1)) inset,0 0 0 2rem hsl(var(--range-shdw)) inset}.range::-webkit-slider-runnable-track{height:.5rem;width:100%;border-radius:var(--rounded-box,1rem);background-color:hsla(var(--bc) / .1)}.range::-moz-range-track{height:.5rem;width:100%;border-radius:var(--rounded-box,1rem);background-color:hsla(var(--bc) / .1)}.range::-webkit-slider-thumb{background-color:hsl(var(--b1));position:relative;height:1.5rem;width:1.5rem;border-style:none;-webkit-transition-property:all;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-box,1rem);-webkit-appearance:none;top:50%;color:hsl(var(--range-shdw));transform:translateY(-50%);--filler-size:100rem;--filler-offset:0.6rem;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}.range::-moz-range-thumb{background-color:hsl(var(--b1));position:relative;height:1.5rem;width:1.5rem;border-style:none;-moz-transition-property:all;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-box,1rem);top:50%;color:hsl(var(--range-shdw));--filler-size:100rem;--filler-offset:0.5rem;box-shadow:0 0 0 3px hsl(var(--range-shdw)) inset,var(--focus-shadow,0 0),calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size)}.range-primary{--range-shdw:var(--p)}.range-secondary{--range-shdw:var(--s)}.range-accent{--range-shdw:var(--a)}.rating input{appearance:none;-webkit-appearance:none}.rating :where(input){animation:rating-pop var(--animation-input,.25s) ease-out;height:1.5rem;width:1.5rem;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:1}.rating .rating-hidden{width:.5rem;background-color:transparent}.rating input:checked~input{--tw-bg-opacity:0.2}.rating input:focus-visible{transition-property:transform;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);transform:translateY(-.125em)}.rating input:active:focus{animation:none;transform:translateY(-.125em)}.rating-half :where(input:not(.rating-hidden)){width:.75rem}@keyframes rating-pop{0%{transform:translateY(-.125em)}40%{transform:translateY(-.125em)}100%{transform:translateY(0)}}.select{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));padding-right:2.5rem;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-btn,.5rem)}.select-bordered{--tw-border-opacity:0.2}.select{background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 20px) calc(1px + 50%),calc(100% - 16px) calc(1px + 50%);background-size:4px 4px,4px 4px;background-repeat:no-repeat}.select:focus{outline:2px solid hsla(var(--bc) / .2);outline-offset:2px}.select-ghost{--tw-bg-opacity:0.05}.select-ghost:focus{--tw-bg-opacity:1;--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.select-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.select-primary:focus{outline:2px solid hsl(var(--p))}.select-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.select-secondary:focus{outline:2px solid hsl(var(--s))}.select-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.select-accent:focus{outline:2px solid hsl(var(--a))}.select-info{--tw-border-opacity:1;border-color:hsl(var(--in) / var(--tw-border-opacity))}.select-info:focus{outline:2px solid hsl(var(--in))}.select-success{--tw-border-opacity:1;border-color:hsl(var(--su) / var(--tw-border-opacity))}.select-success:focus{outline:2px solid hsl(var(--su))}.select-warning{--tw-border-opacity:1;border-color:hsl(var(--wa) / var(--tw-border-opacity))}.select-warning:focus{outline:2px solid hsl(var(--wa))}.select-error{--tw-border-opacity:1;border-color:hsl(var(--er) / var(--tw-border-opacity))}.select-error:focus{outline:2px solid hsl(var(--er))}.select-disabled,.select[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));--tw-text-opacity:0.2}.select-disabled::placeholder,.select[disabled]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity:0.2}.select-multiple,.select[multiple],.select[size].select:not([size="1"]){background-image:none;padding-right:1rem}.stack{place-items:center;align-items:flex-end}.stack>*{width:100%;opacity:.6}.stack>:nth-child(2){opacity:.8}.stack>:nth-child(1){opacity:1}.stats{--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));border-radius:var(--rounded-box,1rem)}:where(.stats)>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)));--tw-divide-y-reverse:0;border-top-width:calc(0px * calc(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(0px * var(--tw-divide-y-reverse))}:where(.stats){overflow-x:auto}.stat{column-gap:1rem;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.1;padding-left:1.5rem;padding-right:1.5rem;padding-top:1rem;padding-bottom:1rem}.stat-title{opacity:.6}.stat-value{font-size:2.25rem;line-height:2.5rem;font-weight:800}.stat-desc{font-size:.75rem;line-height:1rem;opacity:.6}.stat-actions{margin-top:1rem}.steps .step{grid-template-rows:40px 1fr;grid-template-columns:auto;min-width:4rem}.steps .step:before{top:0;grid-column-start:1;grid-row-start:1;height:.5rem;width:100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));content:"";margin-left:-100%}.steps .step:after{content:counter(step);counter-increment:step;z-index:1;position:relative;grid-column-start:1;grid-row-start:1;display:grid;height:2rem;width:2rem;place-items:center;place-self:center;border-radius:9999px;--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2)) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity))}.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{--tw-bg-opacity:1;background-color:hsl(var(--n) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--nc) / var(--tw-text-opacity))}.steps .step-primary+.step-primary:before,.steps .step-primary:after{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.steps .step-secondary+.step-secondary:before,.steps .step-secondary:after{--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.steps .step-accent+.step-accent:before,.steps .step-accent:after{--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.steps .step-info+.step-info:before{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity))}.steps .step-info:after{--tw-bg-opacity:1;background-color:hsl(var(--in) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--inc,var(--nc)) / var(--tw-text-opacity))}.steps .step-success+.step-success:before{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity))}.steps .step-success:after{--tw-bg-opacity:1;background-color:hsl(var(--su) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--suc,var(--nc)) / var(--tw-text-opacity))}.steps .step-warning+.step-warning:before{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity))}.steps .step-warning:after{--tw-bg-opacity:1;background-color:hsl(var(--wa) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--wac,var(--nc)) / var(--tw-text-opacity))}.steps .step-error+.step-error:before{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity))}.steps .step-error:after{--tw-bg-opacity:1;background-color:hsl(var(--er) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--erc,var(--nc)) / var(--tw-text-opacity))}.swap{cursor:pointer}.swap>*{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.swap-rotate .swap-indeterminate,.swap-rotate .swap-on,.swap-rotate input:indeterminate~.swap-on{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swap-rotate input:checked~.swap-off,.swap-rotate input:indeterminate~.swap-off,.swap-rotate.swap-active .swap-off{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swap-rotate input:checked~.swap-on,.swap-rotate input:indeterminate~.swap-indeterminate,.swap-rotate.swap-active .swap-on{--tw-rotate:0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.swap-flip{transform-style:preserve-3d;perspective:16em}.swap-flip .swap-indeterminate,.swap-flip .swap-on,.swap-flip input:indeterminate~.swap-on{transform:rotateY(180deg);backface-visibility:hidden;opacity:1}.swap-flip input:checked~.swap-off,.swap-flip input:indeterminate~.swap-off,.swap-flip.swap-active .swap-off{transform:rotateY(-180deg);backface-visibility:hidden;opacity:1}.swap-flip input:checked~.swap-on,.swap-flip input:indeterminate~.swap-indeterminate,.swap-flip.swap-active .swap-on{transform:rotateY(0)}.tab{--tw-text-opacity:0.5}.tab:hover{--tw-text-opacity:1}.tab{--tab-color:hsla(var(--bc) / var(--tw-text-opacity, 1));--tab-bg:hsla(var(--b1) / var(--tw-bg-opacity, 1));--tab-border-color:hsla(var(--b3) / var(--tw-bg-opacity, 1));color:var(--tab-color);padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem)}.tab.tab-active{border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:1;--tw-text-opacity:1}.tab:focus{outline:2px solid transparent;outline-offset:2px}.tab:focus-visible{outline:2px solid currentColor;outline-offset:-3px;border-bottom-right-radius:var(--tab-radius,.5rem);border-bottom-left-radius:var(--tab-radius,.5rem)}.tab-bordered{border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;border-style:solid;border-bottom-width:calc(var(--tab-border,1px) + 1px)}.tab-lifted{border:var(--tab-border,1px) solid transparent;border-width:0 0 var(--tab-border,1px) 0;border-top-left-radius:var(--tab-radius,.5rem);border-top-right-radius:var(--tab-radius,.5rem);border-bottom-color:var(--tab-border-color);padding-left:var(--tab-padding,1rem);padding-right:var(--tab-padding,1rem);padding-top:var(--tab-border,1px)}.tab-lifted.tab-active{background-color:var(--tab-bg);border-width:var(--tab-border,1px) var(--tab-border,1px) 0 var(--tab-border,1px);border-left-color:var(--tab-border-color);border-right-color:var(--tab-border-color);border-top-color:var(--tab-border-color);padding-left:calc(var(--tab-padding,1rem) - var(--tab-border,1px));padding-right:calc(var(--tab-padding,1rem) - var(--tab-border,1px));padding-bottom:var(--tab-border,1px);padding-top:0}.tab-lifted.tab-active:after,.tab-lifted.tab-active:before{z-index:1;content:"";display:block;position:absolute;width:var(--tab-radius,.5rem);height:var(--tab-radius,.5rem);bottom:0;--tab-grad:calc(68% - var(--tab-border, 1px));--tab-corner-bg:radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.3px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px))}.tab-lifted.tab-active:before{left:calc(var(--tab-radius,.5rem) * -1);--circle-pos:top left;background-image:var(--tab-corner-bg)}[dir=rtl] .tab-lifted.tab-active:before{--circle-pos:top right}.tab-lifted.tab-active:after{right:calc(var(--tab-radius,.5rem) * -1);--circle-pos:top right;background-image:var(--tab-corner-bg)}[dir=rtl] .tab-lifted.tab-active:after{--circle-pos:top left}.tab-lifted.tab-active:first-child:before{background:0 0}.tab-lifted.tab-active:last-child:after{background:0 0}.tab-lifted.tab-active+.tab-lifted.tab-active:before{background:0 0}.tabs-boxed{--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));padding:.25rem;border-radius:var(--rounded-btn,.5rem)}.tabs-boxed .tab-active{--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity));border-radius:var(--rounded-btn,.5rem)}.tabs-boxed .tab-active:hover{--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.table{text-align:left}.table :where(th,td){white-space:nowrap;padding:1rem;vertical-align:middle}.table tr.active td,.table tr.active th,.table tr.active:nth-child(even) td,.table tr.active:nth-child(even) th{--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2)) / var(--tw-bg-opacity))}.table tr.hover:hover td,.table tr.hover:hover th,.table tr.hover:nth-child(even):hover td,.table tr.hover:nth-child(even):hover th{--tw-bg-opacity:1;background-color:hsl(var(--b3,var(--b2)) / var(--tw-bg-opacity))}.table:where(:not(.table-zebra)) :where(thead,tbody,tfoot) :where(tr:not(:last-child):where(th,td)){border-bottom-width:1px;--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity))}.table :where(thead,tfoot) :where(th,td){--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));font-size:.75rem;line-height:1rem;font-weight:700;text-transform:uppercase}.table :where(thead,tfoot) :where(th,td):first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.table :where(thead,tfoot) :where(th,td):last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.table :where(tbodyth,tbodytd){--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity))}.table-zebra tbody tr td:first-child,.table-zebra tbody tr th:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.table-zebra tbody tr td:last-child,.table-zebra tbody tr th:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.table-zebra tbody tr:nth-child(even) td,.table-zebra tbody tr:nth-child(even) th{--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity))}.textarea{border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0;--tw-bg-opacity:1;background-color:hsl(var(--b1) / var(--tw-bg-opacity));border-radius:var(--rounded-btn,.5rem)}.textarea-bordered{--tw-border-opacity:0.2}.textarea:focus{outline:2px solid hsla(var(--bc) / .2);outline-offset:2px}.textarea-ghost{--tw-bg-opacity:0.05}.textarea-ghost:focus{--tw-bg-opacity:1;--tw-text-opacity:1;color:hsl(var(--bc) / var(--tw-text-opacity));box-shadow:none}.textarea-primary{--tw-border-opacity:1;border-color:hsl(var(--p) / var(--tw-border-opacity))}.textarea-primary:focus{outline:2px solid hsl(var(--p))}.textarea-secondary{--tw-border-opacity:1;border-color:hsl(var(--s) / var(--tw-border-opacity))}.textarea-secondary:focus{outline:2px solid hsl(var(--s))}.textarea-accent{--tw-border-opacity:1;border-color:hsl(var(--a) / var(--tw-border-opacity))}.textarea-accent:focus{outline:2px solid hsl(var(--a))}.textarea-info{--tw-border-opacity:1;border-color:hsl(var(--inc,var(--nc)) / var(--tw-border-opacity))}.textarea-info:focus{outline:2px solid hsl(var(--in))}.textarea-success{--tw-border-opacity:1;border-color:hsl(var(--suc,var(--nc)) / var(--tw-border-opacity))}.textarea-success:focus{outline:2px solid hsl(var(--su))}.textarea-warning{--tw-border-opacity:1;border-color:hsl(var(--wac,var(--nc)) / var(--tw-border-opacity))}.textarea-warning:focus{outline:2px solid hsl(var(--wa))}.textarea-error{--tw-border-opacity:1;border-color:hsl(var(--erc,var(--nc)) / var(--tw-border-opacity))}.textarea-error:focus{outline:2px solid hsl(var(--er))}.textarea-disabled,.textarea[disabled]{cursor:not-allowed;--tw-border-opacity:1;border-color:hsl(var(--b2,var(--b1)) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:hsl(var(--b2,var(--b1)) / var(--tw-bg-opacity));--tw-text-opacity:0.2}.textarea-disabled::placeholder,.textarea[disabled]::placeholder{color:hsl(var(--bc) / var(--tw-placeholder-opacity));--tw-placeholder-opacity:0.2}.toggle{--chkbg:hsla(var(--bc) / 0.2);--handleoffset:1.5rem;height:1.5rem;width:3rem;cursor:pointer;appearance:none;border-width:1px;border-color:hsl(var(--bc) / var(--tw-border-opacity));--tw-border-opacity:0.2;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.2;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);border-radius:var(--rounded-badge,1.9rem);transition:background,box-shadow var(--animation-input,.2s) ease-in-out;box-shadow:calc(var(--handleoffset) * -1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset}.toggle:focus-visible{outline:2px solid hsl(var(--bc));outline-offset:2px}.toggle:checked,.toggle[checked=true]{--chkbg:hsl(var(--bc));--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:var(--handleoffset) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset}[dir=rtl] .toggle:checked,[dir=rtl] .toggle[checked=true]{box-shadow:calc(var(--handleoffset) * 1) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset}.toggle:indeterminate{--chkbg:hsl(var(--bc));--tw-border-opacity:1;--tw-bg-opacity:1;box-shadow:calc(var(--handleoffset)/ 2) 0 0 2px hsl(var(--b1)) inset,calc(var(--handleoffset)/ -2) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset}[dir=rtl] .toggle:indeterminate{box-shadow:calc(var(--handleoffset)/ 2) 0 0 2px hsl(var(--b1)) inset,calc(var(--handleoffset)/ -2) 0 0 2px hsl(var(--b1)) inset,0 0 0 2px hsl(var(--b1)) inset}.toggle-primary:focus-visible{outline:2px solid hsl(var(--p))}.toggle-primary:checked,.toggle-primary[checked=true]{--chkbg:hsl(var(--p));border-color:hsl(var(--p) / var(--tw-border-opacity));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:hsl(var(--p) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--pc) / var(--tw-text-opacity))}.toggle-secondary:focus-visible{outline:2px solid hsl(var(--s))}.toggle-secondary:checked,.toggle-secondary[checked=true]{--chkbg:hsl(var(--s));border-color:hsl(var(--s) / var(--tw-border-opacity));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:hsl(var(--s) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--sc) / var(--tw-text-opacity))}.toggle-accent:focus-visible{outline:2px solid hsl(var(--a))}.toggle-accent:checked,.toggle-accent[checked=true]{--chkbg:hsl(var(--a));border-color:hsl(var(--a) / var(--tw-border-opacity));--tw-border-opacity:0.1;--tw-bg-opacity:1;background-color:hsl(var(--a) / var(--tw-bg-opacity));--tw-text-opacity:1;color:hsl(var(--ac) / var(--tw-text-opacity))}.toggle:disabled{cursor:not-allowed;border-color:transparent;background-color:hsl(var(--bc) / var(--tw-bg-opacity));--tw-bg-opacity:0.2}.toggle-mark{display:none}.tooltip{position:relative;display:inline-block;text-align:center;--tooltip-tail:3px;--tooltip-color:hsl(var(--n));--tooltip-text-color:hsl(var(--nc));--tooltip-tail-offset:calc(100% + 1px - var(--tooltip-tail))}.tooltip:after,.tooltip:before{opacity:0;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-delay:.1s;transition-duration:.2s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.tooltip:after{position:absolute}.tooltip:before{max-width:20rem;border-radius:.25rem;padding-left:.5rem;padding-right:.5rem;padding-top:.25rem;padding-bottom:.25rem;font-size:.875rem;line-height:1.25rem;background-color:var(--tooltip-color);color:var(--tooltip-text-color);width:max-content}.tooltip.tooltip-open:after,.tooltip.tooltip-open:before,.tooltip:hover:after,.tooltip:hover:before{opacity:1;transition-delay:75ms}.tooltip:after{content:"";border-style:solid;border-width:var(--tooltip-tail,0);width:0;height:0;display:block;position:absolute;transform:translateX(-50%);border-color:var(--tooltip-color) transparent transparent transparent;top:auto;left:50%;right:auto;bottom:var(--tooltip-tail-offset)}.tooltip-bottom:after{transform:translateX(-50%);border-color:transparent transparent var(--tooltip-color) transparent;top:var(--tooltip-tail-offset);left:50%;right:auto;bottom:auto}.tooltip-left:after{transform:translateY(-50%);border-color:transparent transparent transparent var(--tooltip-color);top:50%;left:auto;right:calc(var(--tooltip-tail-offset) + 1px);bottom:auto}.tooltip-right:after{transform:translateY(-50%);border-color:transparent var(--tooltip-color) transparent transparent;top:50%;left:calc(var(--tooltip-tail-offset) + 1px);right:auto;bottom:auto}.tooltip-primary{--tooltip-color:hsl(var(--p));--tooltip-text-color:hsl(var(--pc))}.tooltip-secondary{--tooltip-color:hsl(var(--s));--tooltip-text-color:hsl(var(--sc))}.tooltip-accent{--tooltip-color:hsl(var(--a));--tooltip-text-color:hsl(var(--ac))}.tooltip-info{--tooltip-color:hsla(var(--in));--tooltip-text-color:hsl(var(--inc))}.tooltip-success{--tooltip-color:hsla(var(--su));--tooltip-text-color:hsl(var(--suc))}.tooltip-warning{--tooltip-color:hsla(var(--wa));--tooltip-text-color:hsl(var(--wac))}.tooltip-error{--tooltip-color:hsla(var(--er));--tooltip-text-color:hsl(var(--erc))}:root .prose{--tw-prose-body:hsla(var(--bc)/.8);--tw-prose-headings:hsl(var(--bc));--tw-prose-lead:hsl(var(--bc));--tw-prose-links:hsl(var(--bc));--tw-prose-bold:hsl(var(--bc));--tw-prose-counters:hsl(var(--bc));--tw-prose-bullets:hsla(var(--bc)/.5);--tw-prose-hr:hsla(var(--bc)/.2);--tw-prose-quotes:hsl(var(--bc));--tw-prose-quote-borders:hsla(var(--bc)/.2);--tw-prose-captions:hsla(var(--bc)/.5);--tw-prose-code:hsl(var(--bc));--tw-prose-pre-code:hsl(var(--nc));--tw-prose-pre-bg:hsl(var(--n));--tw-prose-th-borders:hsla(var(--bc)/.5);--tw-prose-td-borders:hsla(var(--bc)/.2)}.prose :where(code):not(:where([class~=not-prose]*)){padding:2px 8px;border-radius:var(--rounded-badge)}.prose code:after,.prose code:before{content:none}.prose pre code{border-radius:none;padding:0}.prose :where(tbodytr,thead):not(:where([class~=not-prose]*)){border-bottom-color:hsl(var(--bc) / 20%)}
1
+ .alert {
2
+ display: flex;
3
+ width: 100%;
4
+ flex-direction: column;
5
+ align-items: center;
6
+ justify-content: space-between;
7
+ gap: 1rem
8
+ }
9
+ .alert > :not([hidden]) ~ :not([hidden]) {
10
+ --tw-space-y-reverse: 0;
11
+ margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
12
+ margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
13
+ }
14
+ @media (min-width: 768px) {
15
+ .alert {
16
+ flex-direction: row
17
+ }
18
+ .alert > :not([hidden]) ~ :not([hidden]) {
19
+ --tw-space-y-reverse: 0;
20
+ margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
21
+ margin-bottom: calc(0px * var(--tw-space-y-reverse))
22
+ }
23
+ }
24
+ .alert > :where(*) {
25
+ display: flex;
26
+ align-items: center;
27
+ gap: 0.5rem
28
+ }
29
+ .artboard {
30
+ width: 100%
31
+ }
32
+ .avatar {
33
+ position: relative;
34
+ display: inline-flex
35
+ }
36
+ .avatar > div {
37
+ display: block;
38
+ aspect-ratio: 1 / 1;
39
+ overflow: hidden
40
+ }
41
+ .avatar img {
42
+ height: 100%;
43
+ width: 100%;
44
+ object-fit: cover
45
+ }
46
+ .avatar.placeholder > div {
47
+ display: flex;
48
+ align-items: center;
49
+ justify-content: center
50
+ }
51
+ .badge {
52
+ display: inline-flex;
53
+ align-items: center;
54
+ justify-content: center;
55
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
56
+ transition-duration: 200ms;
57
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
58
+ height: 1.25rem;
59
+ font-size: 0.875rem;
60
+ line-height: 1.25rem;
61
+ width: fit-content;
62
+ padding-left: 0.563rem;
63
+ padding-right: 0.563rem
64
+ }
65
+ .breadcrumbs {
66
+ max-width: 100%;
67
+ overflow-x: auto
68
+ }
69
+ .breadcrumbs > ul {
70
+ display: flex;
71
+ align-items: center;
72
+ white-space: nowrap;
73
+ min-height: min-content
74
+ }
75
+ .breadcrumbs > ul > li {
76
+ display: flex;
77
+ align-items: center
78
+ }
79
+ .breadcrumbs > ul > li > a {
80
+ display: flex;
81
+ cursor: pointer;
82
+ align-items: center
83
+ }
84
+ .breadcrumbs > ul > li > a:hover {
85
+ text-decoration-line: underline
86
+ }
87
+ .btn {
88
+ display: inline-flex;
89
+ flex-shrink: 0;
90
+ cursor: pointer;
91
+ user-select: none;
92
+ flex-wrap: wrap;
93
+ align-items: center;
94
+ justify-content: center;
95
+ border-color: transparent;
96
+ text-align: center;
97
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
98
+ transition-duration: 200ms;
99
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
100
+ border-radius: var(--rounded-btn, 0.5rem);
101
+ height: 3rem;
102
+ padding-left: 1rem;
103
+ padding-right: 1rem;
104
+ font-size: 0.875rem;
105
+ line-height: 1.25rem;
106
+ min-height: 3rem;
107
+ line-height: 1em;
108
+ }
109
+
110
+ /* disabled */
111
+
112
+ .btn-disabled, .btn[disabled] {
113
+ pointer-events: none;
114
+ }
115
+
116
+ /* shapes */
117
+
118
+ .btn-square {
119
+ height: 3rem;
120
+ width: 3rem;
121
+ padding: 0px;
122
+ }
123
+
124
+ .btn-circle {
125
+ height: 3rem;
126
+ width: 3rem;
127
+ border-radius: 9999px;
128
+ padding: 0px;
129
+ }
130
+
131
+ /* loading */
132
+
133
+ .btn.loading, .btn.loading:hover {
134
+ pointer-events: none;
135
+ }
136
+
137
+ .btn.loading:before {
138
+ margin-right: 0.5rem;
139
+ height: 1rem;
140
+ width: 1rem;
141
+ border-radius: 9999px;
142
+ border-width: 2px;
143
+ animation: spin 2s linear infinite;
144
+ content: "";
145
+ border-top-color: transparent;
146
+ border-left-color: transparent;
147
+ border-bottom-color: currentColor;
148
+ border-right-color: currentColor;
149
+ }
150
+ @media (prefers-reduced-motion: reduce) {
151
+ .btn.loading:before {
152
+ animation: spin 10s linear infinite;
153
+ }
154
+ }
155
+ @keyframes spin {
156
+ from {
157
+ transform: rotate(0deg);
158
+ }
159
+ to {
160
+ transform: rotate(360deg);
161
+ }
162
+ }
163
+ /* group */
164
+ .btn-group {
165
+ display: flex;
166
+ flex-wrap: wrap;
167
+ }
168
+ .btn-group > input[type="radio"].btn {
169
+ appearance: none;
170
+ }
171
+ .btn-group > input[type="radio"].btn:before {
172
+ content: attr(data-title);
173
+ }
174
+ .card {
175
+ position: relative;
176
+ display: flex;
177
+ flex-direction: column;
178
+ overflow: hidden
179
+ }
180
+ .card:focus {
181
+ outline: 2px solid transparent;
182
+ outline-offset: 2px
183
+ }
184
+ .card-body {
185
+ display: flex;
186
+ flex: 1 1 auto;
187
+ flex-direction: column
188
+ }
189
+ .card-body :where(p) {
190
+ flex-grow: 1
191
+ }
192
+ .card-actions {
193
+ display: flex;
194
+ flex-wrap: wrap;
195
+ align-items: flex-start;
196
+ gap: 0.5rem
197
+ }
198
+ .card figure {
199
+ display: flex;
200
+ align-items: center;
201
+ justify-content: center
202
+ }
203
+ .card.image-full {
204
+ display: grid
205
+ }
206
+ .card.image-full:before {
207
+ position: relative;
208
+ content: ""
209
+ }
210
+ .card.image-full:before, .card.image-full > * {
211
+ grid-column-start: 1;
212
+ grid-row-start: 1
213
+ }
214
+ .card.image-full > figure img {
215
+ height: 100%;
216
+ object-fit: cover
217
+ }
218
+ .card.image-full > .card-body {
219
+ position: relative
220
+ }
221
+ .carousel {
222
+ display: flex;
223
+ overflow-x: scroll;
224
+ scroll-snap-type: x mandatory;
225
+ scroll-behavior: smooth;
226
+ }
227
+ .carousel-vertical {
228
+ flex-direction: column;
229
+ overflow-y: scroll;
230
+ scroll-snap-type: y mandatory;
231
+ }
232
+ .carousel-item {
233
+ box-sizing: content-box;
234
+ display: flex;
235
+ flex: none;
236
+ scroll-snap-align: start;
237
+ }
238
+ .carousel-center .carousel-item {
239
+ scroll-snap-align: center;
240
+ }
241
+ .carousel-end .carousel-item {
242
+ scroll-snap-align: end;
243
+ }
244
+ .checkbox {
245
+ }
246
+ .collapse {
247
+ position: relative;
248
+ display: grid;
249
+ overflow: hidden;
250
+ }
251
+ .collapse-title, .collapse > input[type="checkbox"], .collapse-content {
252
+ grid-column-start: 1;
253
+ grid-row-start: 1;
254
+ }
255
+ .collapse > input[type="checkbox"] {
256
+ appearance: none;
257
+ opacity: 0;
258
+ }
259
+ .collapse-content {
260
+ grid-row-start: 2;
261
+ overflow: hidden;
262
+ max-height: 0px;
263
+ }
264
+ .collapse-open .collapse-content,
265
+ .collapse:focus:not(.collapse-close) .collapse-content,
266
+ .collapse:not(.collapse-close)
267
+ input[type="checkbox"]:checked
268
+ ~ .collapse-content {
269
+ max-height: 9000px;
270
+ }
271
+ :root .countdown {
272
+ line-height: 1em;
273
+ }
274
+ .countdown {
275
+ display: inline-flex;
276
+ }
277
+ .countdown > * {
278
+ height: 1em;
279
+ display: inline-block;
280
+ overflow-y: hidden;
281
+ }
282
+ .countdown > *:before {
283
+ position: relative;
284
+ content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
285
+ white-space: pre;
286
+ top: calc(var(--value) * -1em);
287
+ }
288
+ .divider {
289
+ display: flex;
290
+ flex-direction: row;
291
+ align-items: center;
292
+ align-self: stretch;
293
+ }
294
+ .divider:before,
295
+ .divider:after {
296
+ content: "";
297
+ flex-grow: 1;
298
+ height: 0.125rem;
299
+ width: 100%;
300
+ }
301
+ .drawer {
302
+ display: grid;
303
+ overflow: hidden;
304
+ }
305
+ /* max-height: 100vh; */
306
+ .drawer.drawer-end {
307
+ direction: rtl;
308
+ }
309
+ .drawer.drawer-end > * {
310
+ direction: ltr;
311
+ }
312
+ .drawer.drawer-end .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
313
+ --tw-translate-x: 100%;
314
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
315
+ justify-self: end;
316
+ }
317
+ .drawer.drawer-end .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
318
+ --tw-translate-x: 0px;
319
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
320
+ }
321
+ .drawer-toggle {
322
+ position: absolute;
323
+ height: 0px;
324
+ width: 0px;
325
+ appearance: none;
326
+ opacity: 0;
327
+ }
328
+ .drawer-toggle ~ .drawer-content {
329
+ z-index: 0;
330
+ grid-column-start: 1;
331
+ grid-row-start: 1;
332
+ max-height: 100vh;
333
+ overflow-y: auto;
334
+ }
335
+ .drawer-toggle ~ .drawer-side {
336
+ grid-column-start: 1;
337
+ grid-row-start: 1;
338
+ display: grid;
339
+ max-height: 100vh;
340
+ }
341
+ .drawer-toggle ~ .drawer-side > .drawer-overlay {
342
+ visibility: hidden;
343
+ grid-column-start: 1;
344
+ grid-row-start: 1;
345
+ opacity: 0;
346
+ }
347
+ .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
348
+ z-index: 10;
349
+ grid-column-start: 1;
350
+ grid-row-start: 1;
351
+ --tw-translate-x: -100%;
352
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
353
+ }
354
+ .drawer-toggle:checked ~ .drawer-side {
355
+ overflow-y: auto;
356
+ }
357
+ .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
358
+ visibility: visible;
359
+ }
360
+ .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
361
+ --tw-translate-x: 0px;
362
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
363
+ }
364
+ [dir="rtl"] .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
365
+ --tw-translate-x: 100%;
366
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
367
+ }
368
+ [dir="rtl"] .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
369
+ --tw-translate-x: 0px;
370
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
371
+ }
372
+ @media (min-width: 1024px) {
373
+ .drawer-mobile {
374
+ grid-auto-columns: max-content auto;
375
+ }
376
+ .drawer-mobile > .drawer-toggle ~ .drawer-content {
377
+ height: auto;
378
+ }
379
+ @media (min-width: 1024px) {
380
+ .drawer-mobile > .drawer-toggle ~ .drawer-content {
381
+ grid-column-start: 2;
382
+ }
383
+ }
384
+ .drawer-mobile > .drawer-toggle ~ .drawer-side {
385
+ overflow-y: auto;
386
+ }
387
+ @media (min-width: 1024px) {
388
+ .drawer-mobile > .drawer-toggle ~ .drawer-side > .drawer-overlay {
389
+ visibility: visible;
390
+ }
391
+ }
392
+ @media (min-width: 1024px) {
393
+ .drawer-mobile > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
394
+ --tw-translate-x: 0px;
395
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
396
+ }
397
+ }
398
+ .drawer-mobile.drawer-end {
399
+ grid-auto-columns: auto max-content;
400
+ direction: ltr;
401
+ }
402
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-content {
403
+ height: auto;
404
+ }
405
+ @media (min-width: 1024px) {
406
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-content {
407
+ grid-column-start: 1;
408
+ }
409
+ }
410
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side {
411
+ overflow-y: auto;
412
+ }
413
+ @media (min-width: 1024px) {
414
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side {
415
+ grid-column-start: 2;
416
+ }
417
+ }
418
+ @media (min-width: 1024px) {
419
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay {
420
+ visibility: visible;
421
+ }
422
+ }
423
+ @media (min-width: 1024px) {
424
+ .drawer-mobile.drawer-end > .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
425
+ --tw-translate-x: 0px;
426
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
427
+ }
428
+ }
429
+ }
430
+ /* @supports (-webkit-touch-callout: none) {
431
+ .drawer {
432
+ max-height: -webkit-fill-available;
433
+ }
434
+ } */
435
+ .dropdown {
436
+ position: relative;
437
+ display: inline-block
438
+ }
439
+ .dropdown > *:focus {
440
+ outline: 2px solid transparent;
441
+ outline-offset: 2px
442
+ }
443
+ .dropdown .dropdown-content {
444
+ visibility: hidden;
445
+ position: absolute;
446
+ z-index: 50;
447
+ opacity: 0
448
+ }
449
+ .dropdown-end .dropdown-content {
450
+ right: 0px
451
+ }
452
+ .dropdown-left .dropdown-content {
453
+ top: 0px;
454
+ right: 100%;
455
+ bottom: auto
456
+ }
457
+ .dropdown-right .dropdown-content {
458
+ left: 100%;
459
+ top: 0px;
460
+ bottom: auto
461
+ }
462
+ .dropdown-top .dropdown-content {
463
+ bottom: 100%;
464
+ top: auto
465
+ }
466
+ .dropdown-end.dropdown-right .dropdown-content {
467
+ bottom: 0px;
468
+ top: auto
469
+ }
470
+ .dropdown-end.dropdown-left .dropdown-content {
471
+ bottom: 0px;
472
+ top: auto
473
+ }
474
+ .dropdown.dropdown-open .dropdown-content, .dropdown.dropdown-hover:hover .dropdown-content, .dropdown:not(.dropdown-hover):focus .dropdown-content, .dropdown:not(.dropdown-hover):focus-within .dropdown-content {
475
+ visibility: visible;
476
+ opacity: 1
477
+ }
478
+ .footer {
479
+ display: grid;
480
+ width: 100%;
481
+ grid-auto-flow: row;
482
+ place-items: start;
483
+ }
484
+ .footer > * {
485
+ display: grid;
486
+ place-items: start;
487
+ }
488
+ .footer-center {
489
+ place-items: center;
490
+ text-align: center;
491
+ }
492
+ .footer-center > * {
493
+ place-items: center;
494
+ }
495
+ @media (min-width: 48rem) {
496
+ .footer {
497
+ grid-auto-flow: column;
498
+ }
499
+ .footer-center {
500
+ grid-auto-flow: row dense;
501
+ }
502
+ }
503
+ .form-control {
504
+ display: flex;
505
+ flex-direction: column
506
+ }
507
+ .label {
508
+ display: flex;
509
+ user-select: none;
510
+ align-items: center;
511
+ justify-content: space-between
512
+ }
513
+ .hero {
514
+ display: grid;
515
+ width: 100%;
516
+ place-items: center;
517
+ background-size: cover;
518
+ background-position: center
519
+ }
520
+ .hero > * {
521
+ grid-column-start: 1;
522
+ grid-row-start: 1
523
+ }
524
+ .hero-overlay {
525
+ grid-column-start: 1;
526
+ grid-row-start: 1;
527
+ height: 100%;
528
+ width: 100%
529
+ }
530
+ .hero-content {
531
+ z-index: 0;
532
+ display: flex;
533
+ align-items: center;
534
+ justify-content: center
535
+ }
536
+ .indicator {
537
+ position: relative;
538
+ display: inline-flex;
539
+ width: fit-content;
540
+ }
541
+ .indicator .indicator-item {
542
+ z-index: 1;
543
+ position: absolute;
544
+ right: 0px;
545
+ left: auto;
546
+ top: 0px;
547
+ bottom: auto;
548
+ --tw-translate-x: 50%;
549
+ --tw-translate-y: -50%;
550
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
551
+ }
552
+ .indicator .indicator-item.indicator-start {
553
+ right: auto;
554
+ left: 0px;
555
+ --tw-translate-x: -50%;
556
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
557
+ }
558
+ .indicator .indicator-item.indicator-center {
559
+ right: 50%;
560
+ left: 50%;
561
+ --tw-translate-x: -50%;
562
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
563
+ }
564
+ .indicator .indicator-item.indicator-end {
565
+ right: 0px;
566
+ left: auto;
567
+ --tw-translate-x: 50%;
568
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
569
+ }
570
+ .indicator .indicator-item.indicator-bottom {
571
+ top: auto;
572
+ bottom: 0px;
573
+ --tw-translate-y: 50%;
574
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
575
+ }
576
+ .indicator .indicator-item.indicator-middle {
577
+ top: 50%;
578
+ bottom: 50%;
579
+ --tw-translate-y: -50%;
580
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
581
+ }
582
+ .indicator .indicator-item.indicator-top {
583
+ top: 0px;
584
+ bottom: auto;
585
+ --tw-translate-y: -50%;
586
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
587
+ }
588
+ .input {
589
+ flex-shrink: 1;
590
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
591
+ transition-duration: 200ms;
592
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
593
+ height: 3rem;
594
+ padding-left: 1rem;
595
+ padding-right: 1rem;
596
+ font-size: 0.875rem;
597
+ line-height: 1.25rem;
598
+ line-height: 2;
599
+ }
600
+ .input-group {
601
+ display: flex;
602
+ width: 100%;
603
+ align-items: stretch;
604
+ }
605
+ .input-group > *, .input-group > .input {
606
+ border-radius: 0px;
607
+ }
608
+ .input-group-md {
609
+ font-size: 0.875rem;
610
+ line-height: 1.25rem;
611
+ line-height: 2;
612
+ }
613
+ .input-group-lg {
614
+ font-size: 1.125rem;
615
+ line-height: 1.75rem;
616
+ line-height: 2;
617
+ }
618
+ .input-group-sm {
619
+ font-size: 0.875rem;
620
+ line-height: 2rem;
621
+ }
622
+ .input-group-xs {
623
+ font-size: 0.75rem;
624
+ line-height: 1rem;
625
+ line-height: 1.625;
626
+ }
627
+ .input-group :where(span) {
628
+ display: flex;
629
+ align-items: center;
630
+ --tw-bg-opacity: 1;
631
+ background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
632
+ padding-left: 1rem;
633
+ padding-right: 1rem;
634
+ }
635
+ .input-group :first-child {
636
+ border-top-left-radius: var(--rounded-btn, 0.5rem);
637
+ border-top-right-radius: 0;
638
+ border-bottom-left-radius: var(--rounded-btn, 0.5rem);
639
+ border-bottom-right-radius: 0;
640
+ }
641
+ .input-group :last-child {
642
+ border-top-left-radius: 0;
643
+ border-top-right-radius: var(--rounded-btn, 0.5rem);
644
+ border-bottom-left-radius: 0;
645
+ border-bottom-right-radius: var(--rounded-btn, 0.5rem);
646
+ }
647
+ .input-group-vertical {
648
+ flex-direction: column;
649
+ }
650
+ .input-group-vertical :first-child {
651
+ border-top-left-radius: var(--rounded-btn, 0.5rem);
652
+ border-top-right-radius: var(--rounded-btn, 0.5rem);
653
+ border-bottom-left-radius: 0;
654
+ border-bottom-right-radius: 0;
655
+ }
656
+ .input-group-vertical :last-child {
657
+ border-top-left-radius: 0;
658
+ border-top-right-radius: 0;
659
+ border-bottom-left-radius: var(--rounded-btn, 0.5rem);
660
+ border-bottom-right-radius: var(--rounded-btn, 0.5rem);
661
+ }
662
+ .kbd {
663
+ display: inline-flex;
664
+ align-items: center;
665
+ justify-content: center
666
+ }
667
+ .link {
668
+ cursor: pointer;
669
+ text-decoration-line: underline
670
+ }
671
+ .link-hover {
672
+ text-decoration-line: none
673
+ }
674
+ .link-hover:hover {
675
+ text-decoration-line: underline
676
+ }
677
+ .mask {
678
+ -webkit-mask-size: contain;
679
+ mask-size: contain;
680
+ -webkit-mask-repeat: no-repeat;
681
+ mask-repeat: no-repeat;
682
+ -webkit-mask-position: center;
683
+ mask-position: center;
684
+ }
685
+ .mask-half-1 {
686
+ -webkit-mask-size: 200%;
687
+ mask-size: 200%;
688
+ -webkit-mask-position: left;
689
+ mask-position: left;
690
+ }
691
+ .mask-half-2 {
692
+ -webkit-mask-size: 200%;
693
+ mask-size: 200%;
694
+ -webkit-mask-position: right;
695
+ mask-position: right;
696
+ }
697
+ .menu {
698
+ display: flex;
699
+ flex-direction: column
700
+ }
701
+ .menu.horizontal {
702
+ display: inline-flex;
703
+ flex-direction: row
704
+ }
705
+ .menu.horizontal :where(li) {
706
+ flex-direction: row
707
+ }
708
+ .menu :where(li) {
709
+ position: relative;
710
+ display: flex;
711
+ flex-direction: column;
712
+ flex-wrap: wrap;
713
+ align-items: stretch
714
+ }
715
+ .menu :where(li:not(.menu-title)) > :where(*:not(ul)) {
716
+ display: flex
717
+ }
718
+ .menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
719
+ cursor: pointer;
720
+ user-select: none;
721
+ align-items: center;
722
+ outline: 2px solid transparent;
723
+ outline-offset: 2px
724
+ }
725
+ .menu > :where(li > *:not(ul):focus) {
726
+ outline: 2px solid transparent;
727
+ outline-offset: 2px
728
+ }
729
+ .menu > :where(li.disabled > *:not(ul):focus) {
730
+ cursor: auto
731
+ }
732
+ .menu > :where(li) :where(ul) {
733
+ display: flex;
734
+ flex-direction: column;
735
+ align-items: stretch
736
+ }
737
+ .menu > :where(li) > :where(ul) {
738
+ position: absolute;
739
+ display: none;
740
+ top: initial;
741
+ left: 100%
742
+ }
743
+ .menu > :where(li:hover) > :where(ul) {
744
+ display: flex
745
+ }
746
+ .menu > :where(li:focus) > :where(ul) {
747
+ display: flex
748
+ }
749
+ .mockup-code {
750
+ position: relative;
751
+ overflow: hidden;
752
+ overflow-x: auto;
753
+ }
754
+ .mockup-code pre[data-prefix]:before {
755
+ content: attr(data-prefix);
756
+ display: inline-block;
757
+ text-align: right;
758
+ }
759
+ .mockup-window {
760
+ position: relative;
761
+ overflow: hidden;
762
+ overflow-x: auto;
763
+ }
764
+ .mockup-window pre[data-prefix]:before {
765
+ content: attr(data-prefix);
766
+ display: inline-block;
767
+ text-align: right;
768
+ }
769
+ .modal {
770
+ pointer-events: none;
771
+ visibility: hidden;
772
+ position: fixed;
773
+ top: 0px;
774
+ right: 0px;
775
+ bottom: 0px;
776
+ left: 0px;
777
+ display: flex;
778
+ align-items: flex-end;
779
+ justify-content: center;
780
+ opacity: 0;
781
+ }@media (min-width: 640px) {.modal {
782
+ align-items: center;
783
+ }
784
+ }.modal {
785
+ z-index: 999;
786
+ }
787
+ .modal-box {
788
+ max-height: calc(100vh - 5em);
789
+ }
790
+ .modal-open, .modal:target, .modal-toggle:checked + .modal {
791
+ pointer-events: auto;
792
+ visibility: visible;
793
+ opacity: 1;
794
+ }
795
+ .modal-action {
796
+ display: flex;
797
+ }
798
+ .modal-toggle {
799
+ position: fixed;
800
+ height: 0px;
801
+ width: 0px;
802
+ appearance: none;
803
+ opacity: 0;
804
+ }
805
+ .navbar {
806
+ display: flex;
807
+ align-items: center;
808
+ }
809
+ .navbar > * {
810
+ display: flex;
811
+ align-items: center;
812
+ }
813
+ .navbar-start {
814
+ width: 50%;
815
+ justify-content: flex-start;
816
+ }
817
+ .navbar-center {
818
+ flex-shrink: 0;
819
+ }
820
+ .navbar-end {
821
+ width: 50%;
822
+ justify-content: flex-end;
823
+ }
824
+ .progress {
825
+ position: relative;
826
+ width: 100%;
827
+ appearance: none;
828
+ overflow: hidden
829
+ }
830
+ .radial-progress {
831
+ position: relative;
832
+ display: inline-grid;
833
+ height: var(--size);
834
+ width: var(--size);
835
+ place-content: center;
836
+ border-radius: 9999px;
837
+ background-color: transparent;
838
+ vertical-align: middle;
839
+ box-sizing: content-box;
840
+ }
841
+ .radial-progress::-moz-progress-bar {
842
+ appearance: none;
843
+ background-color: transparent;
844
+ }
845
+ .radial-progress::-webkit-progress-value {
846
+ appearance: none;
847
+ background-color: transparent;
848
+ }
849
+ .radial-progress::-webkit-progress-bar {
850
+ appearance: none;
851
+ background-color: transparent;
852
+ }
853
+ .radial-progress:before, .radial-progress:after {
854
+ position: absolute;
855
+ border-radius: 9999px;
856
+ content: "";
857
+ }
858
+ .radial-progress:before {
859
+ top: 0px;
860
+ right: 0px;
861
+ bottom: 0px;
862
+ left: 0px;
863
+ background: radial-gradient(farthest-side, currentColor 98%, #0000) top/var(--thickness) var(--thickness) no-repeat, conic-gradient(currentColor calc(var(--value) * 1%), #0000 0);
864
+ -webkit-mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)));
865
+ mask: radial-gradient(farthest-side, #0000 calc(99% - var(--thickness)), #000 calc(100% - var(--thickness)));
866
+ }
867
+ .radial-progress:after {
868
+ inset: calc(50% - var(--thickness) / 2);
869
+ transform: rotate(calc(var(--value) * 3.6deg - 90deg)) translate(calc(var(--size) / 2 - 50%));
870
+ }
871
+ .radio {
872
+ }
873
+ .range {
874
+ height: 1.5rem;
875
+ width: 100%;
876
+ cursor: pointer;
877
+ }
878
+ .range:focus {
879
+ outline: none;
880
+ }
881
+ .rating {
882
+ position: relative;
883
+ display: inline-flex
884
+ }
885
+ .rating :where(input) {
886
+ cursor: pointer
887
+ }
888
+ .select {
889
+
890
+ display: inline-flex;
891
+
892
+ flex-shrink: 0;
893
+
894
+ cursor: pointer;
895
+
896
+ user-select: none;
897
+
898
+ appearance: none;
899
+
900
+ height: 3rem;
901
+
902
+ padding-left: 1rem;
903
+
904
+ padding-right: 2.5rem;
905
+
906
+ font-size: 0.875rem;
907
+
908
+ line-height: 1.25rem;
909
+
910
+ line-height: 2;
911
+
912
+ min-height: 3rem
913
+ }
914
+
915
+ /* disabled */
916
+
917
+ .select-disabled, .select[disabled] {
918
+
919
+ pointer-events: none
920
+ }
921
+ .stack {
922
+ display: inline-grid;
923
+ }
924
+ .stack > * {
925
+ grid-column-start: 1;
926
+ grid-row-start: 1;
927
+ transform: translateY(1rem) scale(0.9);
928
+ z-index: 1;
929
+ }
930
+ .stack > *:nth-child(2) {
931
+ transform: translateY(0.5rem) scale(0.95);
932
+ z-index: 2;
933
+ }
934
+ .stack > *:nth-child(1) {
935
+ transform: translateY(0) scale(1);
936
+ z-index: 3;
937
+ }
938
+ .stats {
939
+ display: inline-grid
940
+ }
941
+ :where(.stats) {
942
+ grid-auto-flow: column
943
+ }
944
+ .stat {
945
+ display: inline-grid;
946
+ width: 100%;
947
+ grid-template-columns: repeat(1, 1fr)
948
+ }
949
+ .stat-figure {
950
+ grid-column-start: 2;
951
+ grid-row: span 3 / span 3;
952
+ grid-row-start: 1;
953
+ place-self: center;
954
+ justify-self: end
955
+ }
956
+ .stat-title {
957
+ grid-column-start: 1;
958
+ white-space: nowrap
959
+ }
960
+ .stat-value {
961
+ grid-column-start: 1;
962
+ white-space: nowrap
963
+ }
964
+ .stat-desc {
965
+ grid-column-start: 1;
966
+ white-space: nowrap
967
+ }
968
+ .stat-actions {
969
+ grid-column-start: 1;
970
+ white-space: nowrap
971
+ }
972
+ /* .stats.grid-flow-row {
973
+ @apply auto-rows-fr;
974
+ } */
975
+ .steps {
976
+ display: inline-grid;
977
+ grid-auto-flow: column;
978
+ overflow: hidden;
979
+ overflow-x: auto;
980
+ counter-reset: step;
981
+ grid-auto-columns: 1fr
982
+ }
983
+ .steps .step {
984
+ display: grid;
985
+ grid-template-columns: repeat(1, minmax(0, 1fr));
986
+ grid-template-rows: repeat(2, minmax(0, 1fr));
987
+ place-items: center;
988
+ text-align: center
989
+ }
990
+ .swap {
991
+
992
+ position: relative;
993
+
994
+ display: inline-grid;
995
+
996
+ user-select: none;
997
+
998
+ place-content: center
999
+ }
1000
+
1001
+ .swap > * {
1002
+
1003
+ grid-column-start: 1;
1004
+
1005
+ grid-row-start: 1
1006
+ }
1007
+
1008
+ .swap input {
1009
+
1010
+ appearance: none
1011
+ }
1012
+
1013
+ .swap .swap-on, .swap .swap-indeterminate, .swap input:indeterminate ~ .swap-on {
1014
+
1015
+ opacity: 0
1016
+ }
1017
+
1018
+ .swap input:checked ~ .swap-off, .swap.swap-active .swap-off, .swap input:indeterminate ~ .swap-off {
1019
+
1020
+ opacity: 0
1021
+ }
1022
+
1023
+ .swap input:checked ~ .swap-on, .swap-active .swap-on, .swap input:indeterminate ~ .swap-indeterminate {
1024
+
1025
+ opacity: 1
1026
+ }
1027
+ .tabs {
1028
+ display: flex;
1029
+ flex-wrap: wrap;
1030
+ align-items: flex-end
1031
+ }
1032
+ .tab {
1033
+ position: relative;
1034
+ display: inline-flex;
1035
+ cursor: pointer;
1036
+ user-select: none;
1037
+ flex-wrap: wrap;
1038
+ align-items: center;
1039
+ justify-content: center;
1040
+ text-align: center;
1041
+ height: 2rem;
1042
+ font-size: 0.875rem;
1043
+ line-height: 1.25rem;
1044
+ line-height: 2;
1045
+ --tab-padding: 1rem
1046
+ }
1047
+ .table {
1048
+ position: relative
1049
+ }
1050
+ .table th:first-child {
1051
+ position: sticky;
1052
+ left: 0px;
1053
+ z-index: 11;
1054
+ /* because safari */
1055
+ position: -webkit-sticky
1056
+ }
1057
+ .textarea {
1058
+ flex-shrink: 1;
1059
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
1060
+ transition-duration: 200ms;
1061
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1062
+ padding-left: 1rem;
1063
+ padding-right: 1rem;
1064
+ padding-top: 0.5rem;
1065
+ padding-bottom: 0.5rem;
1066
+ font-size: 0.875rem;
1067
+ line-height: 1.25rem;
1068
+ line-height: 2;
1069
+ min-height: 3rem
1070
+ }
1071
+ .toggle {
1072
+ flex-shrink: 0;
1073
+ }
1074
+ .tooltip {
1075
+ position: relative;
1076
+ display: inline-block;
1077
+ --tooltip-offset: calc(100% + 1px + var(--tooltip-tail, 0px));
1078
+ }
1079
+ .tooltip:before {
1080
+ position: absolute;
1081
+ pointer-events: none;
1082
+ content: attr(data-tip);
1083
+ transform: translateX(-50%);
1084
+ top: auto;
1085
+ left: 50%;
1086
+ right: auto;
1087
+ bottom: var(--tooltip-offset);
1088
+ }
1089
+ .tooltip-bottom:before {
1090
+ transform: translateX(-50%);
1091
+ top: var(--tooltip-offset);
1092
+ left: 50%;
1093
+ right: auto;
1094
+ bottom: auto;
1095
+ }
1096
+ .tooltip-left:before {
1097
+ transform: translateY(-50%);
1098
+ top: 50%;
1099
+ left: auto;
1100
+ right: var(--tooltip-offset);
1101
+ bottom: auto;
1102
+ }
1103
+ .tooltip-right:before {
1104
+ transform: translateY(-50%);
1105
+ top: 50%;
1106
+ left: var(--tooltip-offset);
1107
+ right: auto;
1108
+ bottom: auto;
1109
+ }
1110
+ .alert {
1111
+ --tw-bg-opacity: 1;
1112
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
1113
+ padding: 1rem;
1114
+ border-radius: var(--rounded-box, 1rem)
1115
+ }
1116
+ .avatar-group {
1117
+ display: flex;
1118
+ overflow: hidden
1119
+ }
1120
+ .avatar-group .avatar {
1121
+ overflow: hidden;
1122
+ border-radius: 9999px;
1123
+ border-width: 4px;
1124
+ --tw-border-opacity: 1;
1125
+ border-color: hsl(var(--b1) / var(--tw-border-opacity))
1126
+ }
1127
+ .badge {
1128
+
1129
+ border-width: 1px;
1130
+
1131
+ --tw-border-opacity: 1;
1132
+
1133
+ border-color: hsl(var(--n) / var(--tw-border-opacity));
1134
+
1135
+ --tw-bg-opacity: 1;
1136
+
1137
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1138
+
1139
+ --tw-text-opacity: 1;
1140
+
1141
+ color: hsl(var(--nc) / var(--tw-text-opacity));
1142
+
1143
+ border-radius: var(--rounded-badge, 1.9rem)
1144
+ }
1145
+
1146
+ .btn-outline .badge {
1147
+
1148
+ --tw-border-opacity: 1;
1149
+
1150
+ border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
1151
+
1152
+ --tw-text-opacity: 1;
1153
+
1154
+ color: hsl(var(--nc) / var(--tw-text-opacity))
1155
+ }
1156
+
1157
+ .btn-outline.btn-primary .badge {
1158
+
1159
+ --tw-border-opacity: 1;
1160
+
1161
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1162
+
1163
+ --tw-bg-opacity: 1;
1164
+
1165
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
1166
+
1167
+ --tw-text-opacity: 1;
1168
+
1169
+ color: hsl(var(--pc) / var(--tw-text-opacity))
1170
+ }
1171
+
1172
+ .btn-outline.btn-secondary .badge {
1173
+
1174
+ --tw-border-opacity: 1;
1175
+
1176
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1177
+
1178
+ --tw-bg-opacity: 1;
1179
+
1180
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
1181
+
1182
+ --tw-text-opacity: 1;
1183
+
1184
+ color: hsl(var(--sc) / var(--tw-text-opacity))
1185
+ }
1186
+
1187
+ .btn-outline.btn-accent .badge {
1188
+
1189
+ --tw-border-opacity: 1;
1190
+
1191
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1192
+
1193
+ --tw-bg-opacity: 1;
1194
+
1195
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
1196
+
1197
+ --tw-text-opacity: 1;
1198
+
1199
+ color: hsl(var(--ac) / var(--tw-text-opacity))
1200
+ }
1201
+
1202
+ .btn-outline .badge.outline {
1203
+
1204
+ --tw-border-opacity: 1;
1205
+
1206
+ border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
1207
+
1208
+ background-color: transparent
1209
+ }
1210
+
1211
+ .btn-outline.btn-primary .badge-outline {
1212
+
1213
+ --tw-border-opacity: 1;
1214
+
1215
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1216
+
1217
+ background-color: transparent;
1218
+
1219
+ --tw-text-opacity: 1;
1220
+
1221
+ color: hsl(var(--p) / var(--tw-text-opacity))
1222
+ }
1223
+
1224
+ .btn-outline.btn-secondary .badge-outline {
1225
+
1226
+ --tw-border-opacity: 1;
1227
+
1228
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1229
+
1230
+ background-color: transparent;
1231
+
1232
+ --tw-text-opacity: 1;
1233
+
1234
+ color: hsl(var(--s) / var(--tw-text-opacity))
1235
+ }
1236
+
1237
+ .btn-outline.btn-accent .badge-outline {
1238
+
1239
+ --tw-border-opacity: 1;
1240
+
1241
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1242
+
1243
+ background-color: transparent;
1244
+
1245
+ --tw-text-opacity: 1;
1246
+
1247
+ color: hsl(var(--a) / var(--tw-text-opacity))
1248
+ }
1249
+
1250
+ .btn-outline:hover .badge {
1251
+
1252
+ --tw-border-opacity: 1;
1253
+
1254
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1255
+
1256
+ --tw-bg-opacity: 1;
1257
+
1258
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
1259
+
1260
+ --tw-text-opacity: 1;
1261
+
1262
+ color: hsl(var(--bc) / var(--tw-text-opacity))
1263
+ }
1264
+
1265
+ .btn-outline:hover .badge.outline {
1266
+
1267
+ --tw-border-opacity: 1;
1268
+
1269
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1270
+
1271
+ --tw-text-opacity: 1;
1272
+
1273
+ color: hsl(var(--nc) / var(--tw-text-opacity))
1274
+ }
1275
+
1276
+ .btn-outline.btn-primary:hover .badge {
1277
+
1278
+ --tw-border-opacity: 1;
1279
+
1280
+ border-color: hsl(var(--pc) / var(--tw-border-opacity));
1281
+
1282
+ --tw-bg-opacity: 1;
1283
+
1284
+ background-color: hsl(var(--pc) / var(--tw-bg-opacity));
1285
+
1286
+ --tw-text-opacity: 1;
1287
+
1288
+ color: hsl(var(--p) / var(--tw-text-opacity))
1289
+ }
1290
+
1291
+ .btn-outline.btn-primary:hover .badge.outline {
1292
+
1293
+ --tw-border-opacity: 1;
1294
+
1295
+ border-color: hsl(var(--pc) / var(--tw-border-opacity));
1296
+
1297
+ --tw-bg-opacity: 1;
1298
+
1299
+ background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
1300
+
1301
+ --tw-text-opacity: 1;
1302
+
1303
+ color: hsl(var(--pc) / var(--tw-text-opacity))
1304
+ }
1305
+
1306
+ .btn-outline.btn-secondary:hover .badge {
1307
+
1308
+ --tw-border-opacity: 1;
1309
+
1310
+ border-color: hsl(var(--sc) / var(--tw-border-opacity));
1311
+
1312
+ --tw-bg-opacity: 1;
1313
+
1314
+ background-color: hsl(var(--sc) / var(--tw-bg-opacity));
1315
+
1316
+ --tw-text-opacity: 1;
1317
+
1318
+ color: hsl(var(--s) / var(--tw-text-opacity))
1319
+ }
1320
+
1321
+ .btn-outline.btn-secondary:hover .badge.outline {
1322
+
1323
+ --tw-border-opacity: 1;
1324
+
1325
+ border-color: hsl(var(--sc) / var(--tw-border-opacity));
1326
+
1327
+ --tw-bg-opacity: 1;
1328
+
1329
+ background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
1330
+
1331
+ --tw-text-opacity: 1;
1332
+
1333
+ color: hsl(var(--sc) / var(--tw-text-opacity))
1334
+ }
1335
+
1336
+ .btn-outline.btn-accent:hover .badge {
1337
+
1338
+ --tw-border-opacity: 1;
1339
+
1340
+ border-color: hsl(var(--ac) / var(--tw-border-opacity));
1341
+
1342
+ --tw-bg-opacity: 1;
1343
+
1344
+ background-color: hsl(var(--ac) / var(--tw-bg-opacity));
1345
+
1346
+ --tw-text-opacity: 1;
1347
+
1348
+ color: hsl(var(--a) / var(--tw-text-opacity))
1349
+ }
1350
+
1351
+ .btn-outline.btn-accent:hover .badge.outline {
1352
+
1353
+ --tw-border-opacity: 1;
1354
+
1355
+ border-color: hsl(var(--ac) / var(--tw-border-opacity));
1356
+
1357
+ --tw-bg-opacity: 1;
1358
+
1359
+ background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
1360
+
1361
+ --tw-text-opacity: 1;
1362
+
1363
+ color: hsl(var(--ac) / var(--tw-text-opacity))
1364
+ }
1365
+ .breadcrumbs {
1366
+ padding-top: 0.5rem;
1367
+ padding-bottom: 0.5rem;
1368
+ }
1369
+ .breadcrumbs > ul > li > a:focus {
1370
+ outline: 2px solid transparent;
1371
+ outline-offset: 2px;
1372
+ }
1373
+ .breadcrumbs > ul > li > a:focus-visible {
1374
+ outline: 2px solid currentColor;
1375
+ outline-offset: 2px;
1376
+ }
1377
+ .breadcrumbs > ul > li + *:before {
1378
+ content: "";
1379
+ margin-left: 0.5rem;
1380
+ margin-right: 0.75rem;
1381
+ display: block;
1382
+ height: 0.375rem;
1383
+ width: 0.375rem;
1384
+ --tw-rotate: 45deg;
1385
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
1386
+ opacity: 0.4;
1387
+ border-top: 1px solid;
1388
+ border-right: 1px solid;
1389
+ background-color: transparent;
1390
+ }
1391
+ .btn {
1392
+ font-weight: 600;
1393
+ text-transform: uppercase;
1394
+ border-width: var(--border-btn, 1px);
1395
+ animation: button-pop var(--animation-btn, 0.25s) ease-out;
1396
+ text-transform: var(--btn-text-case, uppercase);
1397
+ }
1398
+ .btn:active:hover,
1399
+ .btn:active:focus {
1400
+ animation: none;
1401
+ transform: scale(var(--btn-focus-scale, 0.95));
1402
+ }
1403
+ /* default btn */
1404
+ .btn {
1405
+ --tw-border-opacity: 1;
1406
+ border-color: hsl(var(--n) / var(--tw-border-opacity));
1407
+ --tw-bg-opacity: 1;
1408
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1409
+ --tw-text-opacity: 1;
1410
+ color: hsl(var(--nc) / var(--tw-text-opacity));
1411
+ }
1412
+ .btn:hover, .btn-active {
1413
+ --tw-border-opacity: 1;
1414
+ border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
1415
+ --tw-bg-opacity: 1;
1416
+ background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
1417
+ }
1418
+ .btn:focus-visible {
1419
+ outline: 2px solid hsl(var(--nf));
1420
+ outline-offset: 2px;
1421
+ }
1422
+ /* brand colors */
1423
+ .btn-primary {
1424
+ --tw-border-opacity: 1;
1425
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1426
+ --tw-bg-opacity: 1;
1427
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
1428
+ --tw-text-opacity: 1;
1429
+ color: hsl(var(--pc) / var(--tw-text-opacity));
1430
+ }
1431
+ .btn-primary:hover, .btn-primary.btn-active {
1432
+ --tw-border-opacity: 1;
1433
+ border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
1434
+ --tw-bg-opacity: 1;
1435
+ background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
1436
+ }
1437
+ .btn-primary:focus-visible {
1438
+ outline: 2px solid hsl(var(--p));
1439
+ }
1440
+ .btn-secondary {
1441
+ --tw-border-opacity: 1;
1442
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1443
+ --tw-bg-opacity: 1;
1444
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
1445
+ --tw-text-opacity: 1;
1446
+ color: hsl(var(--sc) / var(--tw-text-opacity));
1447
+ }
1448
+ .btn-secondary:hover, .btn-secondary.btn-active {
1449
+ --tw-border-opacity: 1;
1450
+ border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
1451
+ --tw-bg-opacity: 1;
1452
+ background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
1453
+ }
1454
+ .btn-secondary:focus-visible {
1455
+ outline: 2px solid hsl(var(--s));
1456
+ }
1457
+ .btn-accent {
1458
+ --tw-border-opacity: 1;
1459
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1460
+ --tw-bg-opacity: 1;
1461
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
1462
+ --tw-text-opacity: 1;
1463
+ color: hsl(var(--ac) / var(--tw-text-opacity));
1464
+ }
1465
+ .btn-accent:hover, .btn-accent.btn-active {
1466
+ --tw-border-opacity: 1;
1467
+ border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
1468
+ --tw-bg-opacity: 1;
1469
+ background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
1470
+ }
1471
+ .btn-accent:focus-visible {
1472
+ outline: 2px solid hsl(var(--a));
1473
+ }
1474
+ /* btn with state colors */
1475
+ .btn-info {
1476
+ --tw-border-opacity: 1;
1477
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
1478
+ --tw-bg-opacity: 1;
1479
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
1480
+ --tw-text-opacity: 1;
1481
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
1482
+ }
1483
+ .btn-info:hover, .btn-info.btn-active {
1484
+ --tw-border-opacity: 1;
1485
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
1486
+ --tw-bg-opacity: 1;
1487
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
1488
+ }
1489
+ .btn-info:focus-visible {
1490
+ outline: 2px solid hsl(var(--in));
1491
+ }
1492
+ .btn-success {
1493
+ --tw-border-opacity: 1;
1494
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
1495
+ --tw-bg-opacity: 1;
1496
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
1497
+ --tw-text-opacity: 1;
1498
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
1499
+ }
1500
+ .btn-success:hover, .btn-success.btn-active {
1501
+ --tw-border-opacity: 1;
1502
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
1503
+ --tw-bg-opacity: 1;
1504
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
1505
+ }
1506
+ .btn-success:focus-visible {
1507
+ outline: 2px solid hsl(var(--su));
1508
+ }
1509
+ .btn-warning {
1510
+ --tw-border-opacity: 1;
1511
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
1512
+ --tw-bg-opacity: 1;
1513
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1514
+ --tw-text-opacity: 1;
1515
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
1516
+ }
1517
+ .btn-warning:hover, .btn-warning.btn-active {
1518
+ --tw-border-opacity: 1;
1519
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
1520
+ --tw-bg-opacity: 1;
1521
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1522
+ }
1523
+ .btn-warning:focus-visible {
1524
+ outline: 2px solid hsl(var(--wa));
1525
+ }
1526
+ .btn-error {
1527
+ --tw-border-opacity: 1;
1528
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
1529
+ --tw-bg-opacity: 1;
1530
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
1531
+ --tw-text-opacity: 1;
1532
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
1533
+ }
1534
+ .btn-error:hover, .btn-error.btn-active {
1535
+ --tw-border-opacity: 1;
1536
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
1537
+ --tw-bg-opacity: 1;
1538
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
1539
+ }
1540
+ .btn-error:focus-visible {
1541
+ outline: 2px solid hsl(var(--er));
1542
+ }
1543
+ /* glass */
1544
+ .btn.glass:hover,
1545
+ .btn.glass.btn-active {
1546
+ --glass-opacity: 25%;
1547
+ --glass-border-opacity: 15%;
1548
+ }
1549
+ .btn.glass:focus-visible {
1550
+ outline: 2px solid 0 0 2px currentColor;
1551
+ }
1552
+ /* btn variants */
1553
+ .btn-ghost {
1554
+ border-width: 1px;
1555
+ border-color: transparent;
1556
+ background-color: transparent;
1557
+ color: currentColor;
1558
+ }
1559
+ .btn-ghost:hover, .btn-ghost.btn-active {
1560
+ --tw-border-opacity: 0;
1561
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1562
+ --tw-bg-opacity: 0.2;
1563
+ }
1564
+ .btn-ghost:focus-visible {
1565
+ outline: 2px solid 0 0 2px currentColor;
1566
+ }
1567
+ .btn-link {
1568
+ border-color: transparent;
1569
+ background-color: transparent;
1570
+ --tw-text-opacity: 1;
1571
+ color: hsl(var(--p) / var(--tw-text-opacity));
1572
+ }
1573
+ .btn-link:hover, .btn-link.btn-active {
1574
+ border-color: transparent;
1575
+ background-color: transparent;
1576
+ text-decoration-line: underline;
1577
+ }
1578
+ .btn-link:focus-visible {
1579
+ outline: 2px solid 0 0 2px currentColor;
1580
+ }
1581
+ /* outline */
1582
+ .btn-outline {
1583
+ border-color: currentColor;
1584
+ background-color: transparent;
1585
+ --tw-text-opacity: 1;
1586
+ color: hsl(var(--bc) / var(--tw-text-opacity));
1587
+ }
1588
+ .btn-outline:hover {
1589
+ --tw-border-opacity: 1;
1590
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
1591
+ --tw-bg-opacity: 1;
1592
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1593
+ --tw-text-opacity: 1;
1594
+ color: hsl(var(--b1) / var(--tw-text-opacity));
1595
+ }
1596
+ .btn-outline.btn-primary {
1597
+ --tw-text-opacity: 1;
1598
+ color: hsl(var(--p) / var(--tw-text-opacity));
1599
+ }
1600
+ .btn-outline.btn-primary:hover {
1601
+ --tw-border-opacity: 1;
1602
+ border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
1603
+ --tw-bg-opacity: 1;
1604
+ background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
1605
+ --tw-text-opacity: 1;
1606
+ color: hsl(var(--pc) / var(--tw-text-opacity));
1607
+ }
1608
+ .btn-outline.btn-secondary {
1609
+ --tw-text-opacity: 1;
1610
+ color: hsl(var(--s) / var(--tw-text-opacity));
1611
+ }
1612
+ .btn-outline.btn-secondary:hover {
1613
+ --tw-border-opacity: 1;
1614
+ border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
1615
+ --tw-bg-opacity: 1;
1616
+ background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
1617
+ --tw-text-opacity: 1;
1618
+ color: hsl(var(--sc) / var(--tw-text-opacity));
1619
+ }
1620
+ .btn-outline.btn-accent {
1621
+ --tw-text-opacity: 1;
1622
+ color: hsl(var(--a) / var(--tw-text-opacity));
1623
+ }
1624
+ .btn-outline.btn-accent:hover {
1625
+ --tw-border-opacity: 1;
1626
+ border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
1627
+ --tw-bg-opacity: 1;
1628
+ background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
1629
+ --tw-text-opacity: 1;
1630
+ color: hsl(var(--ac) / var(--tw-text-opacity));
1631
+ }
1632
+ .btn-outline.btn-success {
1633
+ --tw-text-opacity: 1;
1634
+ color: hsl(var(--su) / var(--tw-text-opacity));
1635
+ }
1636
+ .btn-outline.btn-success:hover {
1637
+ --tw-border-opacity: 1;
1638
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
1639
+ --tw-bg-opacity: 1;
1640
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
1641
+ --tw-text-opacity: 1;
1642
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
1643
+ }
1644
+ .btn-outline.btn-info {
1645
+ --tw-text-opacity: 1;
1646
+ color: hsl(var(--in) / var(--tw-text-opacity));
1647
+ }
1648
+ .btn-outline.btn-info:hover {
1649
+ --tw-border-opacity: 1;
1650
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
1651
+ --tw-bg-opacity: 1;
1652
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
1653
+ --tw-text-opacity: 1;
1654
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
1655
+ }
1656
+ .btn-outline.btn-warning {
1657
+ --tw-text-opacity: 1;
1658
+ color: hsl(var(--wa) / var(--tw-text-opacity));
1659
+ }
1660
+ .btn-outline.btn-warning:hover {
1661
+ --tw-border-opacity: 1;
1662
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
1663
+ --tw-bg-opacity: 1;
1664
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
1665
+ --tw-text-opacity: 1;
1666
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
1667
+ }
1668
+ .btn-outline.btn-error {
1669
+ --tw-text-opacity: 1;
1670
+ color: hsl(var(--er) / var(--tw-text-opacity));
1671
+ }
1672
+ .btn-outline.btn-error:hover {
1673
+ --tw-border-opacity: 1;
1674
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
1675
+ --tw-bg-opacity: 1;
1676
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
1677
+ --tw-text-opacity: 1;
1678
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
1679
+ }
1680
+ /* disabled */
1681
+ .btn-disabled, .btn[disabled] {
1682
+ --tw-border-opacity: 0;
1683
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1684
+ --tw-bg-opacity: 0.2;
1685
+ color: hsl(var(--bc) / var(--tw-text-opacity));
1686
+ --tw-text-opacity: 0.2;
1687
+ }
1688
+ /* loading */
1689
+ .btn.loading.btn-square:before, .btn.loading.btn-circle:before {
1690
+ margin-right: 0px;
1691
+ }
1692
+ .btn.loading.btn-xl:before, .btn.loading.btn-lg:before {
1693
+ height: 1.25rem;
1694
+ width: 1.25rem;
1695
+ }
1696
+ .btn.loading.btn-sm:before, .btn.loading.btn-xs:before {
1697
+ height: 0.75rem;
1698
+ width: 0.75rem;
1699
+ }
1700
+ /* group */
1701
+ .btn-group > input[type="radio"]:checked.btn, .btn-group > .btn-active {
1702
+ --tw-border-opacity: 1;
1703
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1704
+ --tw-bg-opacity: 1;
1705
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
1706
+ --tw-text-opacity: 1;
1707
+ color: hsl(var(--pc) / var(--tw-text-opacity));
1708
+ }
1709
+ .btn-group > input[type="radio"]:checked.btn:focus-visible, .btn-group > .btn-active:focus-visible {
1710
+ outline: 2px solid hsl(var(--p));
1711
+ }
1712
+ .btn-group > .btn:not(:first-child) {
1713
+ margin-left: -1px;
1714
+ border-top-left-radius: 0px;
1715
+ border-bottom-left-radius: 0px;
1716
+ }
1717
+ .btn-group > .btn:not(:last-child) {
1718
+ border-top-right-radius: 0px;
1719
+ border-bottom-right-radius: 0px;
1720
+ }
1721
+ @keyframes button-pop {
1722
+ 0% {
1723
+ transform: scale(var(--btn-focus-scale, 0.95));
1724
+ }
1725
+ 40% {
1726
+ transform: scale(1.02);
1727
+ }
1728
+ 100% {
1729
+ transform: scale(1);
1730
+ }
1731
+ }
1732
+ .card {
1733
+ border-radius: var(--rounded-box, 1rem);
1734
+ }
1735
+ .card:focus-visible {
1736
+ outline: 2px solid currentColor;
1737
+ outline-offset: 2px;
1738
+ }
1739
+ .card.bordered {
1740
+ border-width: 1px;
1741
+ --tw-border-opacity: 1;
1742
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1743
+ }
1744
+ .card-bordered {
1745
+ border-width: 1px;
1746
+ --tw-border-opacity: 1;
1747
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
1748
+ }
1749
+ .card.compact .card-body {
1750
+ padding: 1rem;
1751
+ font-size: 0.875rem;
1752
+ line-height: 1.25rem;
1753
+ }
1754
+ .card-body {
1755
+ padding: var(--padding-card, 2rem);
1756
+ display: flex;
1757
+ flex-direction: column;
1758
+ gap: 0.5rem;
1759
+ }
1760
+ .card-title {
1761
+ display: flex;
1762
+ align-items: center;
1763
+ gap: 0.5rem;
1764
+ font-size: 1.25rem;
1765
+ line-height: 1.75rem;
1766
+ font-weight: 600;
1767
+ }
1768
+ .card.image-full:before {
1769
+ z-index: 10;
1770
+ --tw-bg-opacity: 1;
1771
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
1772
+ opacity: 0.75;
1773
+ border-radius: var(--rounded-box, 1rem);
1774
+ }
1775
+ .card.image-full > .card-body {
1776
+ z-index: 20;
1777
+ --tw-text-opacity: 1;
1778
+ color: hsl(var(--nc) / var(--tw-text-opacity));
1779
+ }
1780
+ .carousel {
1781
+ -ms-overflow-style: none;
1782
+ scrollbar-width: none;
1783
+ }
1784
+ .carousel::-webkit-scrollbar {
1785
+ display: none;
1786
+ }
1787
+ .checkbox {
1788
+ --chkbg: var(--bc);
1789
+ --chkfg: var(--b1);
1790
+ height: 1.5rem;
1791
+ width: 1.5rem;
1792
+ cursor: pointer;
1793
+ appearance: none;
1794
+ border-width: 1px;
1795
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
1796
+ --tw-border-opacity: 0.2;
1797
+ border-radius: var(--rounded-btn, 0.5rem);
1798
+ }
1799
+ .checkbox:focus-visible {
1800
+ outline: 2px solid hsl(var(--bc));
1801
+ outline-offset: 2px;
1802
+ }
1803
+ .checkbox:checked, .checkbox[checked="true"] {
1804
+ --tw-bg-opacity: 1;
1805
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1806
+ background-repeat: no-repeat;
1807
+ animation: checkmark var(--animation-input, 0.2s) ease-in-out;
1808
+ background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
1809
+ }
1810
+ .checkbox:indeterminate {
1811
+ --tw-bg-opacity: 1;
1812
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1813
+ background-repeat: no-repeat;
1814
+ animation: checkmark var(--animation-input, 0.2s) ease-in-out;
1815
+ background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 43%, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 57%);
1816
+ }
1817
+ .checkbox-primary {
1818
+ --chkbg: var(--p);
1819
+ --chkfg: var(--pc);
1820
+ --tw-border-opacity: 1;
1821
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1822
+ }
1823
+ .checkbox-primary:hover {
1824
+ --tw-border-opacity: 1;
1825
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1826
+ }
1827
+ .checkbox-primary:focus-visible {
1828
+ outline: 2px solid hsl(var(--p));
1829
+ }
1830
+ .checkbox-primary:checked, .checkbox-primary[checked="true"] {
1831
+ --tw-border-opacity: 1;
1832
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
1833
+ --tw-bg-opacity: 1;
1834
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
1835
+ --tw-text-opacity: 1;
1836
+ color: hsl(var(--pc) / var(--tw-text-opacity));
1837
+ }
1838
+ .checkbox-secondary {
1839
+ --chkbg: var(--s);
1840
+ --chkfg: var(--sc);
1841
+ --tw-border-opacity: 1;
1842
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1843
+ }
1844
+ .checkbox-secondary:hover {
1845
+ --tw-border-opacity: 1;
1846
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1847
+ }
1848
+ .checkbox-secondary:focus-visible {
1849
+ outline: 2px solid hsl(var(--s));
1850
+ }
1851
+ .checkbox-secondary:checked, .checkbox-secondary[checked="true"] {
1852
+ --tw-border-opacity: 1;
1853
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
1854
+ --tw-bg-opacity: 1;
1855
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
1856
+ --tw-text-opacity: 1;
1857
+ color: hsl(var(--sc) / var(--tw-text-opacity));
1858
+ }
1859
+ .checkbox-accent {
1860
+ --chkbg: var(--a);
1861
+ --chkfg: var(--ac);
1862
+ --tw-border-opacity: 1;
1863
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1864
+ }
1865
+ .checkbox-accent:hover {
1866
+ --tw-border-opacity: 1;
1867
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1868
+ }
1869
+ .checkbox-accent:focus-visible {
1870
+ outline: 2px solid hsl(var(--a));
1871
+ }
1872
+ .checkbox-accent:checked, .checkbox-accent[checked="true"] {
1873
+ --tw-border-opacity: 1;
1874
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
1875
+ --tw-bg-opacity: 1;
1876
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
1877
+ --tw-text-opacity: 1;
1878
+ color: hsl(var(--ac) / var(--tw-text-opacity));
1879
+ }
1880
+ .checkbox:disabled {
1881
+ cursor: not-allowed;
1882
+ border-color: transparent;
1883
+ --tw-bg-opacity: 1;
1884
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1885
+ opacity: 0.2;
1886
+ }
1887
+
1888
+ @keyframes checkmark {
1889
+ 0% {
1890
+ background-position-y: 5px;
1891
+ }
1892
+ 50% {
1893
+ background-position-y: -2px;
1894
+ }
1895
+ 100% {
1896
+ background-position-y: 0;
1897
+ }
1898
+ }
1899
+
1900
+ /* backward comptability */
1901
+
1902
+ .checkbox-mark {
1903
+ display: none;
1904
+ }
1905
+
1906
+ body[dir="rtl"] .checkbox {
1907
+ --chkbg: var(--bc);
1908
+ --chkfg: var(--b1);
1909
+ }
1910
+
1911
+ body[dir="rtl"] .checkbox:checked,
1912
+ body[dir="rtl"] .checkbox[checked="true"] {
1913
+ background-image: linear-gradient(45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(-45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
1914
+ }
1915
+ .collapse {
1916
+ outline: 2px solid transparent;
1917
+ outline-offset: 2px;
1918
+ }
1919
+ .collapse-arrow .collapse-title:after {
1920
+ position: absolute;
1921
+ display: block;
1922
+ height: 0.5rem;
1923
+ width: 0.5rem;
1924
+ transition-property: all;
1925
+ transition-duration: 300ms;
1926
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1927
+ top: 1.4rem;
1928
+ right: 1.4rem;
1929
+ content: "";
1930
+ transform-origin: 75% 75%;
1931
+ transform: rotate(45deg);
1932
+ box-shadow: 2px 2px;
1933
+ pointer-events: none;
1934
+ }
1935
+ .collapse-plus .collapse-title:after {
1936
+ position: absolute;
1937
+ display: block;
1938
+ height: 0.5rem;
1939
+ width: 0.5rem;
1940
+ transition-property: all;
1941
+ transition-duration: 300ms;
1942
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
1943
+ top: 0.9rem;
1944
+ right: 1.4rem;
1945
+ content: "+";
1946
+ pointer-events: none;
1947
+ }
1948
+ .collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"], .collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
1949
+ cursor: pointer;
1950
+ }
1951
+ .collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
1952
+ cursor: unset;
1953
+ }
1954
+ .collapse-title, .collapse > input[type="checkbox"] {
1955
+ width: 100%;
1956
+ padding: 1rem;
1957
+ padding-right: 3rem;
1958
+ min-height: 3.75rem;
1959
+ transition: background-color 0.2s ease-in-out;
1960
+ }
1961
+ .collapse:not(.collapse-close) input[type="checkbox"]:focus ~ .collapse-title {
1962
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1963
+ --tw-bg-opacity: 0.1;
1964
+ }
1965
+ .collapse-open .collapse-title, .collapse:focus:not(.collapse-close) .collapse-title, .collapse:not(.collapse-close)
1966
+ input[type="checkbox"]:checked
1967
+ ~ .collapse-title {
1968
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1969
+ --tw-bg-opacity: 0.1;
1970
+ outline: 2px solid transparent;
1971
+ outline-offset: 2px;
1972
+ }
1973
+ .collapse-content {
1974
+ padding-left: 1rem;
1975
+ padding-right: 1rem;
1976
+ cursor: unset;
1977
+ transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
1978
+ }
1979
+ .collapse-open .collapse-content, .collapse:focus:not(.collapse-close) .collapse-content, .collapse:not(.collapse-close)
1980
+ input[type="checkbox"]:checked
1981
+ ~ .collapse-content {
1982
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
1983
+ --tw-bg-opacity: 0.1;
1984
+ padding-bottom: 1rem;
1985
+ opacity: 1;
1986
+ transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
1987
+ }
1988
+ .collapse-open.collapse-arrow .collapse-title:after,
1989
+ .collapse-arrow:focus:not(.collapse-close) .collapse-title:after,
1990
+ .collapse-arrow:not(.collapse-close)
1991
+ input[type="checkbox"]:checked
1992
+ ~ .collapse-title:after {
1993
+ transform: rotate(225deg);
1994
+ }
1995
+ .collapse-open.collapse-plus .collapse-title:after,
1996
+ .collapse-plus:focus:not(.collapse-close) .collapse-title:after,
1997
+ .collapse-plus:not(.collapse-close)
1998
+ input[type="checkbox"]:checked
1999
+ ~ .collapse-title:after {
2000
+ content: "−";
2001
+ }
2002
+ .countdown > *:before {
2003
+ text-align: center;
2004
+ transition: all 1s cubic-bezier(1, 0, 0, 1);
2005
+ }
2006
+ .divider {
2007
+ margin-top: 1rem;
2008
+ margin-bottom: 1rem;
2009
+ height: 1rem
2010
+ }
2011
+ .divider:before {
2012
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2013
+ --tw-bg-opacity: 0.1
2014
+ }
2015
+ .divider:after {
2016
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2017
+ --tw-bg-opacity: 0.1
2018
+ }
2019
+ .divider:not(:empty) {
2020
+ gap: 1rem
2021
+ }
2022
+ .drawer.drawer-end .drawer-toggle:checked ~ .drawer-content {
2023
+ --tw-translate-x: -0.5rem;
2024
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2025
+ }
2026
+ .drawer-toggle ~ .drawer-content {
2027
+ transition-property: all;
2028
+ transition-duration: 300ms;
2029
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2030
+ }
2031
+ .drawer-toggle ~ .drawer-side > .drawer-overlay {
2032
+ cursor: pointer;
2033
+ --tw-bg-opacity: 1;
2034
+ background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
2035
+ transition-property: all;
2036
+ transition-duration: 300ms;
2037
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2038
+ }
2039
+ .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
2040
+ transition-property: all;
2041
+ transition-duration: 300ms;
2042
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2043
+ }
2044
+ .drawer-toggle:checked ~ .drawer-content {
2045
+ --tw-translate-x: 0.5rem;
2046
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2047
+ }
2048
+ .drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
2049
+ opacity: 0.999999; /* 1 causes a bug on chrome 🤷‍♂️ */ --tw-bg-opacity: 0.4;
2050
+ }
2051
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button {
2052
+ outline: 2px solid hsl(var(--nf));
2053
+ outline-offset: 2px;
2054
+ }
2055
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-primary {
2056
+ outline: 2px solid hsl(var(--p));
2057
+ }
2058
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-secondary {
2059
+ outline: 2px solid hsl(var(--s));
2060
+ }
2061
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-accent {
2062
+ outline: 2px solid hsl(var(--a));
2063
+ }
2064
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-info {
2065
+ outline: 2px solid hsl(var(--in));
2066
+ }
2067
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-success {
2068
+ outline: 2px solid hsl(var(--su));
2069
+ }
2070
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-warning {
2071
+ outline: 2px solid hsl(var(--wa));
2072
+ }
2073
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-error {
2074
+ outline: 2px solid hsl(var(--er));
2075
+ }
2076
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.glass {
2077
+ outline: 2px solid currentColor;
2078
+ }
2079
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-ghost {
2080
+ outline: 2px solid currentColor;
2081
+ }
2082
+ .drawer-toggle:focus-visible ~ .drawer-content .drawer-button.btn-link {
2083
+ outline: 2px solid currentColor;
2084
+ }
2085
+ @media (min-width: 1024px) {
2086
+ .drawer-mobile > .drawer-toggle:checked ~ .drawer-content {
2087
+ --tw-translate-x: 0px;
2088
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2089
+ }
2090
+ }
2091
+ .dropdown .dropdown-content {
2092
+ transform-origin: top;
2093
+ --tw-scale-x: .95;
2094
+ --tw-scale-y: .95;
2095
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2096
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2097
+ transition-duration: 200ms;
2098
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
2099
+ }
2100
+ .dropdown-top .dropdown-content {
2101
+ transform-origin: bottom
2102
+ }
2103
+ .dropdown-left .dropdown-content {
2104
+ transform-origin: right
2105
+ }
2106
+ .dropdown-right .dropdown-content {
2107
+ transform-origin: left
2108
+ }
2109
+ .dropdown.dropdown-open .dropdown-content, .dropdown.dropdown-hover:hover .dropdown-content, .dropdown:focus .dropdown-content, .dropdown:focus-within .dropdown-content {
2110
+ --tw-scale-x: 1;
2111
+ --tw-scale-y: 1;
2112
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
2113
+ }
2114
+ .footer {
2115
+ row-gap: 2.5rem;
2116
+ column-gap: 1rem;
2117
+ font-size: 0.875rem;
2118
+ line-height: 1.25rem
2119
+ }
2120
+ .footer > * {
2121
+ gap: 0.5rem
2122
+ }
2123
+ .footer-title {
2124
+ margin-bottom: 0.5rem;
2125
+ font-weight: 700;
2126
+ text-transform: uppercase;
2127
+ opacity: 0.5
2128
+ }
2129
+ .label {
2130
+ padding-left: 0.25rem;
2131
+ padding-right: 0.25rem;
2132
+ padding-top: 0.5rem;
2133
+ padding-bottom: 0.5rem
2134
+ }
2135
+ .label-text {
2136
+ font-size: 0.875rem;
2137
+ line-height: 1.25rem;
2138
+ --tw-text-opacity: 1;
2139
+ color: hsl(var(--bc) / var(--tw-text-opacity))
2140
+ }
2141
+ .label-text-alt {
2142
+ font-size: 0.75rem;
2143
+ line-height: 1rem;
2144
+ --tw-text-opacity: 1;
2145
+ color: hsl(var(--bc) / var(--tw-text-opacity))
2146
+ }
2147
+ .label a:hover {
2148
+ --tw-text-opacity: 1;
2149
+ color: hsl(var(--bc) / var(--tw-text-opacity))
2150
+ }
2151
+ .hero-overlay {
2152
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
2153
+ --tw-bg-opacity: 0.5
2154
+ }
2155
+ .hero-content {
2156
+ max-width: 80rem;
2157
+ gap: 1rem;
2158
+ padding: 1rem
2159
+ }
2160
+ .input {
2161
+ border-width: 1px;
2162
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
2163
+ --tw-border-opacity: 0;
2164
+ --tw-bg-opacity: 1;
2165
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2166
+ border-radius: var(--rounded-btn, 0.5rem);
2167
+ }
2168
+ .input-bordered {
2169
+ --tw-border-opacity: 0.2;
2170
+ }
2171
+ .input:focus {
2172
+ outline: 2px solid hsla(var(--bc) / 0.2);
2173
+ outline-offset: 2px;
2174
+ }
2175
+ .input-ghost {
2176
+ --tw-bg-opacity: 0.05;
2177
+ }
2178
+ .input-ghost:focus {
2179
+ --tw-bg-opacity: 1;
2180
+ --tw-text-opacity: 1;
2181
+ color: hsl(var(--bc) / var(--tw-text-opacity));
2182
+ box-shadow: none;
2183
+ }
2184
+ .input-primary {
2185
+ --tw-border-opacity: 1;
2186
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2187
+ }
2188
+ .input-primary:focus {
2189
+ outline: 2px solid hsl(var(--p));
2190
+ }
2191
+ .input-secondary {
2192
+ --tw-border-opacity: 1;
2193
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
2194
+ }
2195
+ .input-secondary:focus {
2196
+ outline: 2px solid hsl(var(--s));
2197
+ }
2198
+ .input-accent {
2199
+ --tw-border-opacity: 1;
2200
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
2201
+ }
2202
+ .input-accent:focus {
2203
+ outline: 2px solid hsl(var(--a));
2204
+ }
2205
+ .input-info {
2206
+ --tw-border-opacity: 1;
2207
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
2208
+ }
2209
+ .input-info:focus {
2210
+ outline: 2px solid hsl(var(--in));
2211
+ }
2212
+ .input-success {
2213
+ --tw-border-opacity: 1;
2214
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
2215
+ }
2216
+ .input-success:focus {
2217
+ outline: 2px solid hsl(var(--su));
2218
+ }
2219
+ .input-warning {
2220
+ --tw-border-opacity: 1;
2221
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
2222
+ }
2223
+ .input-warning:focus {
2224
+ outline: 2px solid hsl(var(--wa));
2225
+ }
2226
+ .input-error {
2227
+ --tw-border-opacity: 1;
2228
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
2229
+ }
2230
+ .input-error:focus {
2231
+ outline: 2px solid hsl(var(--er));
2232
+ }
2233
+ .input-disabled, .input[disabled] {
2234
+ cursor: not-allowed;
2235
+ --tw-border-opacity: 1;
2236
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
2237
+ --tw-bg-opacity: 1;
2238
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
2239
+ --tw-text-opacity: 0.2;
2240
+ }
2241
+ .input-disabled::placeholder, .input[disabled]::placeholder {
2242
+ color: hsl(var(--bc) / var(--tw-placeholder-opacity));
2243
+ --tw-placeholder-opacity: 0.2;
2244
+ }
2245
+ .input::-webkit-calendar-picker-indicator {
2246
+ display: none;
2247
+ }
2248
+ .kbd {
2249
+ border-width: 1px;
2250
+ border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
2251
+ --tw-border-opacity: 0.2;
2252
+ --tw-bg-opacity: 1;
2253
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
2254
+ padding-left: 0.5rem;
2255
+ padding-right: 0.5rem;
2256
+ border-radius: var(--rounded-btn, 0.5rem);
2257
+ border-bottom-width: 2px;
2258
+ min-height: 2.2em;
2259
+ min-width: 2.2em
2260
+ }
2261
+ .link-primary {
2262
+ --tw-text-opacity: 1;
2263
+ color: hsl(var(--p) / var(--tw-text-opacity));
2264
+ }
2265
+ .link-primary:hover {
2266
+ --tw-text-opacity: 1;
2267
+ color: hsl(var(--pf, var(--p)) / var(--tw-text-opacity));
2268
+ }
2269
+ .link-secondary {
2270
+ --tw-text-opacity: 1;
2271
+ color: hsl(var(--s) / var(--tw-text-opacity));
2272
+ }
2273
+ .link-secondary:hover {
2274
+ --tw-text-opacity: 1;
2275
+ color: hsl(var(--sf, var(--s)) / var(--tw-text-opacity));
2276
+ }
2277
+ .link-accent {
2278
+ --tw-text-opacity: 1;
2279
+ color: hsl(var(--a) / var(--tw-text-opacity));
2280
+ }
2281
+ .link-accent:hover {
2282
+ --tw-text-opacity: 1;
2283
+ color: hsl(var(--af, var(--a)) / var(--tw-text-opacity));
2284
+ }
2285
+ .link-neutral {
2286
+ --tw-text-opacity: 1;
2287
+ color: hsl(var(--n) / var(--tw-text-opacity));
2288
+ }
2289
+ .link-neutral:hover {
2290
+ --tw-text-opacity: 1;
2291
+ color: hsl(var(--nf, var(--n)) / var(--tw-text-opacity));
2292
+ }
2293
+ .link:focus {
2294
+ outline: 2px solid transparent;
2295
+ outline-offset: 2px;
2296
+ }
2297
+ .link:focus-visible {
2298
+ outline: 2px solid currentColor;
2299
+ outline-offset: 2px;
2300
+ }
2301
+ .mask-squircle {
2302
+ -webkit-mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+);
2303
+ mask-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KCiAgPHBhdGggZD0iTSAxMDAgMCBDIDIwIDAgMCAyMCAwIDEwMCBDIDAgMTgwIDIwIDIwMCAxMDAgMjAwIEMgMTgwIDIwMCAyMDAgMTgwIDIwMCAxMDAgQyAyMDAgMjAgMTgwIDAgMTAwIDAgWiIvPgoKPC9zdmc+);
2304
+ }
2305
+ .mask-decagon {
2306
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGVjYWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZWNhZ29uIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDAgMTU0Ljc3ODUyNSAxOS4wOTgzMDA2IDE5MS4xMDU2NTIgNjkuMDk4MzAwNiAxOTEuMTA1NjUyIDEzMC45MDE2OTkgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDk2IDIwMCAzNy4yMjE0NzQ4IDE4MC45MDE2OTkgMC44OTQzNDgzNyAxMzAuOTAxNjk5IDAuODk0MzQ4MzcgNjkuMDk4MzAwNiAzNy4yMjE0NzQ4IDE5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2307
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGVjYWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkZWNhZ29uIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDAgMTU0Ljc3ODUyNSAxOS4wOTgzMDA2IDE5MS4xMDU2NTIgNjkuMDk4MzAwNiAxOTEuMTA1NjUyIDEzMC45MDE2OTkgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDk2IDIwMCAzNy4yMjE0NzQ4IDE4MC45MDE2OTkgMC44OTQzNDgzNyAxMzAuOTAxNjk5IDAuODk0MzQ4MzcgNjkuMDk4MzAwNiAzNy4yMjE0NzQ4IDE5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2308
+ }
2309
+ .mask-diamond {
2310
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGlhbW9uZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkaWFtb25kIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjEwMCAwIDIwMCAxMDAgMTAwIDIwMCAwIDEwMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=);
2311
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+ZGlhbW9uZDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJkaWFtb25kIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjEwMCAwIDIwMCAxMDAgMTAwIDIwMCAwIDEwMCI+PC9wb2x5Z29uPgogICAgPC9nPgo8L3N2Zz4=);
2312
+ }
2313
+ .mask-heart {
2314
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTg1cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTg1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGVhcnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTAwLDE4NC42MDU1MzQgQzk2LjkxMjE3MTYsMTg0LjYwMTYzNSA5My44OTY5NzMzLDE4My42Njg1OTggOTEuMzQ2NjE4MiwxODEuOTI3NzkzIEM1My41NjQ5ODA0LDE1Ni4yODAxMjMgMzcuMjA1Mjc2NCwxMzguNjk0NTIzIDI4LjE4MTcxOTQsMTI3LjY5OTkxNyBDOC45NTE5NzYyNiwxMDQuMjYzNjY3IC0wLjI1NDI2MzI3Myw4MC4yMDI0NTEzIDAuMDA1MzM4MjU5MzEsNTQuMTQ2MTQ5MyBDMC4zMDgyMDY3MTQsMjQuMjg3MTY1NiAyNC4yNjM2NTkzLDAgNTMuNDA2MzM1LDAgQzc0LjU5NzUxMiwwIDg5LjI3NDYxMzQsMTEuOTM2ODYzMSA5Ny44MjIyMzQzLDIxLjg3ODY0MDMgQzk4LjM3MDA4MTIsMjIuNTA5NDMgOTkuMTY0NTE5NiwyMi44NzE2ODg5IDEwMCwyMi44NzE2ODg5IEMxMDAuODM1NDg2LDIyLjg3MTY4ODkgMTAxLjYyOTkyNCwyMi41MDk0MyAxMDIuMTc3NzcxLDIxLjg3ODY0MDMgQzExMC43MjUzOTIsMTEuOTI3MjQ4MiAxMjUuNDAyNDkzLDAgMTQ2LjU5MzY3LDAgQzE3NS43MzYzNDYsMCAxOTkuNjkxNzk5LDI0LjI4NzE2NTYgMTk5Ljk5NDY2Nyw1NC4xNTA5NTY3IEMyMDAuMjU0MjY5LDgwLjIxMjA2NjEgMTkxLjAzODQxNCwxMDQuMjczMjgyIDE3MS44MTgyODYsMTI3LjcwNDcyNCBDMTYyLjc5NDcyOSwxMzguNjk5MzMgMTQ2LjQzNTAyNSwxNTYuMjg0OTMgMTA4LjY1MzM4NywxODEuOTMyNiBDMTA2LjEwMjQ4NCwxODMuNjcxNzA0IDEwMy4wODczMjksMTg0LjYwMzA1MiAxMDAsMTg0LjYwNTUzNCBaIiBpZD0iaGVhcnQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
2315
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTg1cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTg1IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGVhcnQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cGF0aCBkPSJNMTAwLDE4NC42MDU1MzQgQzk2LjkxMjE3MTYsMTg0LjYwMTYzNSA5My44OTY5NzMzLDE4My42Njg1OTggOTEuMzQ2NjE4MiwxODEuOTI3NzkzIEM1My41NjQ5ODA0LDE1Ni4yODAxMjMgMzcuMjA1Mjc2NCwxMzguNjk0NTIzIDI4LjE4MTcxOTQsMTI3LjY5OTkxNyBDOC45NTE5NzYyNiwxMDQuMjYzNjY3IC0wLjI1NDI2MzI3Myw4MC4yMDI0NTEzIDAuMDA1MzM4MjU5MzEsNTQuMTQ2MTQ5MyBDMC4zMDgyMDY3MTQsMjQuMjg3MTY1NiAyNC4yNjM2NTkzLDAgNTMuNDA2MzM1LDAgQzc0LjU5NzUxMiwwIDg5LjI3NDYxMzQsMTEuOTM2ODYzMSA5Ny44MjIyMzQzLDIxLjg3ODY0MDMgQzk4LjM3MDA4MTIsMjIuNTA5NDMgOTkuMTY0NTE5NiwyMi44NzE2ODg5IDEwMCwyMi44NzE2ODg5IEMxMDAuODM1NDg2LDIyLjg3MTY4ODkgMTAxLjYyOTkyNCwyMi41MDk0MyAxMDIuMTc3NzcxLDIxLjg3ODY0MDMgQzExMC43MjUzOTIsMTEuOTI3MjQ4MiAxMjUuNDAyNDkzLDAgMTQ2LjU5MzY3LDAgQzE3NS43MzYzNDYsMCAxOTkuNjkxNzk5LDI0LjI4NzE2NTYgMTk5Ljk5NDY2Nyw1NC4xNTA5NTY3IEMyMDAuMjU0MjY5LDgwLjIxMjA2NjEgMTkxLjAzODQxNCwxMDQuMjczMjgyIDE3MS44MTgyODYsMTI3LjcwNDcyNCBDMTYyLjc5NDcyOSwxMzguNjk5MzMgMTQ2LjQzNTAyNSwxNTYuMjg0OTMgMTA4LjY1MzM4NywxODEuOTMyNiBDMTA2LjEwMjQ4NCwxODMuNjcxNzA0IDEwMy4wODczMjksMTg0LjYwMzA1MiAxMDAsMTg0LjYwNTUzNCBaIiBpZD0iaGVhcnQiIGZpbGw9IiMwMDAwMDAiIGZpbGwtcnVsZT0ibm9uemVybyI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
2316
+ }
2317
+ .mask-hexagon {
2318
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
2319
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTgycHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxODIgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwYXRoIGQ9Ik01NS43ODU3ODg5LDE5MS40MDAyMDkgQzQ2LjU5MDM4NjYsMTkxLjQwMDIwOSAzNS43MjMwOTMsMTg0LjcxMjY0NCAzMC43MDc0MTksMTc3LjE4OTEzMyBMLTUuMjM4MjQ0NTEsMTE1LjMyOTE1NCBDLTEwLjI1MzkxODUsMTA2Ljk2OTY5NyAtMTAuMjUzOTE4NSw5NC40MzA1MTIgLTUuMjM4MjQ0NTEsODYuMDcxMDU1NCBMMzAuNzA3NDE5LDI0LjIxMTA3NjMgQzM1LjcyMzA5MywxNS44NTE2MTk2IDQ2LjU5MDM4NjYsMTAgNTUuNzg1Nzg4OSwxMCBMMTI2Ljg0MTE3LDEwIEMxMzYuMDM2NTczLDEwIDE0Ni45MDM4NjYsMTYuNjg3NTY1MyAxNTEuOTE5NTQsMjQuMjExMDc2MyBMMTg3Ljg2NTIwNCw4Ni4wNzEwNTU0IEMxOTIuMDQ0OTMyLDk0LjQzMDUxMiAxOTIuMDQ0OTMyLDEwNi45Njk2OTcgMTg3Ljg2NTIwNCwxMTUuMzI5MTU0IEwxNTEuOTE5NTQsMTc3LjE4OTEzMyBDMTQ3LjczOTgxMiwxODUuNTQ4NTg5IDEzNi4wMzY1NzMsMTkxLjQwMDIwOSAxMjYuODQxMTcsMTkxLjQwMDIwOSBMNTUuNzg1Nzg4OSwxOTEuNDAwMjA5IFoiIGlkPSJoZXhhZ29uIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKDkxLjAwMDAwMCwgMTAwLjcwMDEwNCkgcm90YXRlKC0yNzAuMDAwMDAwKSB0cmFuc2xhdGUoLTkxLjAwMDAwMCwgLTEwMC43MDAxMDQpICI+PC9wYXRoPgogICAgPC9nPgo8L3N2Zz4=);
2320
+ }
2321
+ .mask-hexagon-2 {
2322
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
2323
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTgycHgiIHZpZXdCb3g9IjAgMCAyMDAgMTgyIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+aGV4YWdvbi0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZD0iTTY0Ljc4NTc4ODksMTgxLjQwMDIwOSBDNTUuNTkwMzg2NiwxODEuNDAwMjA5IDQ0LjcyMzA5MywxNzQuNzEyNjQ0IDM5LjcwNzQxOSwxNjcuMTg5MTMzIEwzLjc2MTc1NTQ5LDEwNS4zMjkxNTQgQy0xLjI1MzkxODUsOTYuOTY5Njk3IC0xLjI1MzkxODUsODQuNDMwNTEyIDMuNzYxNzU1NDksNzYuMDcxMDU1NCBMMzkuNzA3NDE5LDE0LjIxMTA3NjMgQzQ0LjcyMzA5Myw1Ljg1MTYxOTY0IDU1LjU5MDM4NjYsMCA2NC43ODU3ODg5LDAgTDEzNS44NDExNywwIEMxNDUuMDM2NTczLDAgMTU1LjkwMzg2Niw2LjY4NzU2NTMxIDE2MC45MTk1NCwxNC4yMTEwNzYzIEwxOTYuODY1MjA0LDc2LjA3MTA1NTQgQzIwMS4wNDQ5MzIsODQuNDMwNTEyIDIwMS4wNDQ5MzIsOTYuOTY5Njk3IDE5Ni44NjUyMDQsMTA1LjMyOTE1NCBMMTYwLjkxOTU0LDE2Ny4xODkxMzMgQzE1Ni43Mzk4MTIsMTc1LjU0ODU4OSAxNDUuMDM2NTczLDE4MS40MDAyMDkgMTM1Ljg0MTE3LDE4MS40MDAyMDkgTDY0Ljc4NTc4ODksMTgxLjQwMDIwOSBaIiBpZD0iaGV4YWdvbi0yIiBmaWxsPSIjMDAwMDAwIiBmaWxsLXJ1bGU9Im5vbnplcm8iPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+);
2324
+ }
2325
+ .mask-circle {
2326
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+T3ZhbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==);
2327
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+T3ZhbDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxjaXJjbGUgaWQ9Ik92YWwiIGZpbGw9IiMwMDAwMDAiIGN4PSIxMDAiIGN5PSIxMDAiIHI9IjEwMCI+PC9jaXJjbGU+CiAgICA8L2c+Cjwvc3ZnPg==);
2328
+ }
2329
+ .mask-parallelogram {
2330
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXJhbGxlbG9ncmFtIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjQ2LjE1Mzg0NjIgMCAyMDAgMCAxNTMuODQ2MTU0IDE1My44NDYxNTQgMCAxNTMuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2331
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbTwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJwYXJhbGxlbG9ncmFtIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9IjQ2LjE1Mzg0NjIgMCAyMDAgMCAxNTMuODQ2MTU0IDE1My44NDYxNTQgMCAxNTMuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2332
+ }
2333
+ .mask-parallelogram-2 {
2334
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNzYuOTIzMDc3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtNzYuOTIzMDc3KSAiIHBvaW50cz0iNDYuMTUzODQ2MiAwIDIwMCAwIDE1My44NDYxNTQgMTUzLjg0NjE1NCAwIDE1My44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2335
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMTU0cHgiIHZpZXdCb3g9IjAgMCAyMDAgMTU0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMiIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAwLjAwMDAwMCwgNzYuOTIzMDc3KSBzY2FsZSgtMSwgMSkgdHJhbnNsYXRlKC0xMDAuMDAwMDAwLCAtNzYuOTIzMDc3KSAiIHBvaW50cz0iNDYuMTUzODQ2MiAwIDIwMCAwIDE1My44NDYxNTQgMTUzLjg0NjE1NCAwIDE1My44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2336
+ }
2337
+ .mask-parallelogram-3 {
2338
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0zPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMyIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny4wMDAwMDAsIC0xMDAuOTIzMDc3KSAiIHBvaW50cz0iMjMuMTUzODQ2MiAyNCAxNzcgMjQgMTMwLjg0NjE1NCAxNzcuODQ2MTU0IC0yMyAxNzcuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2339
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS0zPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tMyIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSBzY2FsZSgtMSwgMSkgcm90YXRlKDkwLjAwMDAwMCkgdHJhbnNsYXRlKC03Ny4wMDAwMDAsIC0xMDAuOTIzMDc3KSAiIHBvaW50cz0iMjMuMTUzODQ2MiAyNCAxNzcgMjQgMTMwLjg0NjE1NCAxNzcuODQ2MTU0IC0yMyAxNzcuODQ2MTU0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2340
+ }
2341
+ .mask-parallelogram-4 {
2342
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS00PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tNCIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTEwMC45MjMwNzcpICIgcG9pbnRzPSIyMy4xNTM4NDYyIDI0IDE3NyAyNCAxMzAuODQ2MTU0IDE3Ny44NDYxNTQgLTIzIDE3Ny44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2343
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTU0cHgiIGhlaWdodD0iMjAxcHgiIHZpZXdCb3g9IjAgMCAxNTQgMjAxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGFyYWxsZWxvZ3JhbS00PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InBhcmFsbGVsb2dyYW0tNCIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNzcuMDAwMDAwLCAxMDAuOTIzMDc3KSByb3RhdGUoOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTc3LjAwMDAwMCwgLTEwMC45MjMwNzcpICIgcG9pbnRzPSIyMy4xNTM4NDYyIDI0IDE3NyAyNCAxMzAuODQ2MTU0IDE3Ny44NDYxNTQgLTIzIDE3Ny44NDYxNTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2344
+ }
2345
+ .mask-pentagon {
2346
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgxcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGVudGFnb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0icGVudGFnb24iIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iOTYgMCAxOTEuMTA1NjUyIDY5LjA5ODMwMDYgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDM3LjIyMTQ3NDggMTgwLjkwMTY5OSAwLjg5NDM0ODM3IDY5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2347
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgxcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgxIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+cGVudGFnb248L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0icGVudGFnb24iIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iOTYgMCAxOTEuMTA1NjUyIDY5LjA5ODMwMDYgMTU0Ljc3ODUyNSAxODAuOTAxNjk5IDM3LjIyMTQ3NDggMTgwLjkwMTY5OSAwLjg5NDM0ODM3IDY5LjA5ODMwMDYiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2348
+ }
2349
+ .mask-square {
2350
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3F1YXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9InNxdWFyZSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+);
2351
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMjAwcHgiIGhlaWdodD0iMjAwcHgiIHZpZXdCb3g9IjAgMCAyMDAgMjAwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3F1YXJlPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHJlY3QgaWQ9InNxdWFyZSIgZmlsbD0iIzAwMDAwMCIgeD0iMCIgeT0iMCIgd2lkdGg9IjIwMCIgaGVpZ2h0PSIyMDAiPjwvcmVjdD4KICAgIDwvZz4KPC9zdmc+);
2352
+ }
2353
+ .mask-star {
2354
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJzdGFyIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDEzNy4yNjMzOTMgMzcuMjIxNDc0OCAxNzkuMjg2NTA2IDU5LjM4NDMyNDEgMTEwLjg5ODA3MyAwLjg5NDM0ODM3IDY4LjQ4MTM1MTUgNzMuMzcwMjY3OCA2OC4yMzgwODgyIDk2IDAgMTE4LjYyOTczMiA2OC4yMzgwODgyIDE5MS4xMDU2NTIgNjguNDgxMzUxNSAxMzIuNjE1Njc2IDExMC44OTgwNzMgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2355
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3RhcjwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJzdGFyIiBmaWxsPSIjMDAwMDAwIiBwb2ludHM9Ijk2IDEzNy4yNjMzOTMgMzcuMjIxNDc0OCAxNzkuMjg2NTA2IDU5LjM4NDMyNDEgMTEwLjg5ODA3MyAwLjg5NDM0ODM3IDY4LjQ4MTM1MTUgNzMuMzcwMjY3OCA2OC4yMzgwODgyIDk2IDAgMTE4LjYyOTczMiA2OC4yMzgwODgyIDE5MS4xMDU2NTIgNjguNDgxMzUxNSAxMzIuNjE1Njc2IDExMC44OTgwNzMgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2356
+ }
2357
+ .mask-star-2 {
2358
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3Rhci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InN0YXItMiIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5NiAxNTMuMDQzNjYxIDM3LjIyMTQ3NDggMTc5LjI4NjUwNiA0NC4yNDExOTA0IDExNS43NzQ0NDQgMC44OTQzNDgzNyA2OC40ODEzNTE1IDY0LjAxMTI5NjUgNTUuNDcxNTgyOCA5NiAwIDEyNy45ODg3MDQgNTUuNDcxNTgyOCAxOTEuMTA1NjUyIDY4LjQ4MTM1MTUgMTQ3Ljc1ODgxIDExNS43NzQ0NDQgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2359
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTkycHgiIGhlaWdodD0iMTgwcHgiIHZpZXdCb3g9IjAgMCAxOTIgMTgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+c3Rhci0yPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InN0YXItMiIgZmlsbD0iIzAwMDAwMCIgcG9pbnRzPSI5NiAxNTMuMDQzNjYxIDM3LjIyMTQ3NDggMTc5LjI4NjUwNiA0NC4yNDExOTA0IDExNS43NzQ0NDQgMC44OTQzNDgzNyA2OC40ODEzNTE1IDY0LjAxMTI5NjUgNTUuNDcxNTgyOCA5NiAwIDEyNy45ODg3MDQgNTUuNDcxNTgyOCAxOTEuMTA1NjUyIDY4LjQ4MTM1MTUgMTQ3Ljc1ODgxIDExNS43NzQ0NDQgMTU0Ljc3ODUyNSAxNzkuMjg2NTA2Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2360
+ }
2361
+ .mask-triangle {
2362
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTQ5cHgiIHZpZXdCb3g9IjAgMCAxNzQgMTQ5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iODcgMTQ4LjQ3NjE3NyAwLjM5NzQ1OTYyMiAxNDguNjYwNzE0IDQzLjg1OTk4MzcgNzQuNDIyNjI1OSA4NyAyLjg0MjE3MDk0ZS0xNCAxMzAuMTQwMDE2IDc0LjQyMjYyNTkgMTczLjYwMjU0IDE0OC42NjA3MTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2363
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTQ5cHgiIHZpZXdCb3g9IjAgMCAxNzQgMTQ5IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGU8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUiIGZpbGw9IiMwMDAwMDAiIHBvaW50cz0iODcgMTQ4LjQ3NjE3NyAwLjM5NzQ1OTYyMiAxNDguNjYwNzE0IDQzLjg1OTk4MzcgNzQuNDIyNjI1OSA4NyAyLjg0MjE3MDk0ZS0xNCAxMzAuMTQwMDE2IDc0LjQyMjYyNTkgMTczLjYwMjU0IDE0OC42NjA3MTQiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2364
+ }
2365
+ .mask-triangle-2 {
2366
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNzQgMTUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtYm90dG9tPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InRyaWFuZ2xlLWJvdHRvbSIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA1MC4xMDcxNDMpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC04Ny4wMDAwMDAsIC01MC4xMDcxNDMpICIgcG9pbnRzPSI4NyA5OS40NzYxNzY4IDAuMzk3NDU5NjIyIDk5LjY2MDcxNDMgNDMuODU5OTgzNyAyNS40MjI2MjU5IDg3IC00OSAxMzAuMTQwMDE2IDI1LjQyMjYyNTkgMTczLjYwMjU0IDk5LjY2MDcxNDMiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2367
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTc0cHgiIGhlaWdodD0iMTUwcHgiIHZpZXdCb3g9IjAgMCAxNzQgMTUwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtYm90dG9tPC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IlBhZ2UtMSIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBvbHlnb24gaWQ9InRyaWFuZ2xlLWJvdHRvbSIgZmlsbD0iIzAwMDAwMCIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoODcuMDAwMDAwLCA1MC4xMDcxNDMpIHJvdGF0ZSgtMTgwLjAwMDAwMCkgdHJhbnNsYXRlKC04Ny4wMDAwMDAsIC01MC4xMDcxNDMpICIgcG9pbnRzPSI4NyA5OS40NzYxNzY4IDAuMzk3NDU5NjIyIDk5LjY2MDcxNDMgNDMuODU5OTgzNyAyNS40MjI2MjU5IDg3IC00OSAxMzAuMTQwMDE2IDI1LjQyMjYyNTkgMTczLjYwMjU0IDk5LjY2MDcxNDMiPjwvcG9seWdvbj4KICAgIDwvZz4KPC9zdmc+);
2368
+ }
2369
+ .mask-triangle-3 {
2370
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJ0cmlhbmdsZS1sZWZ0IiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA4Ny4xMDcxNDMpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMC4wMDAwMDAsIC04Ny4xMDcxNDMpICIgcG9pbnRzPSIxMDAgMTM2LjQ3NjE3NyAxMy4zOTc0NTk2IDEzNi42NjA3MTQgNTYuODU5OTgzNyA2Mi40MjI2MjU5IDEwMCAtMTIgMTQzLjE0MDAxNiA2Mi40MjI2MjU5IDE4Ni42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2371
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtbGVmdDwvdGl0bGU+CiAgICA8ZGVzYz5DcmVhdGVkIHdpdGggU2tldGNoLjwvZGVzYz4KICAgIDxnIGlkPSJQYWdlLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxwb2x5Z29uIGlkPSJ0cmlhbmdsZS1sZWZ0IiBmaWxsPSIjMDAwMDAwIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMDAuMDAwMDAwLCA4Ny4xMDcxNDMpIHJvdGF0ZSgtOTAuMDAwMDAwKSB0cmFuc2xhdGUoLTEwMC4wMDAwMDAsIC04Ny4xMDcxNDMpICIgcG9pbnRzPSIxMDAgMTM2LjQ3NjE3NyAxMy4zOTc0NTk2IDEzNi42NjA3MTQgNTYuODU5OTgzNyA2Mi40MjI2MjU5IDEwMCAtMTIgMTQzLjE0MDAxNiA2Mi40MjI2MjU5IDE4Ni42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2372
+ }
2373
+ .mask-triangle-4 {
2374
+ -webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2375
+ mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
2376
+ }
2377
+ .menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
2378
+ border-left-width: 0px;
2379
+ border-bottom-width: 4px;
2380
+ --tw-border-opacity: 1;
2381
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2382
+ }
2383
+ .menu[class*="p-"] li *, .menu[class*="p-"] li button {
2384
+ border-radius: var(--rounded-btn, 0.5rem);
2385
+ }
2386
+ .menu :where(li.bordered > *) {
2387
+ border-left-width: 4px;
2388
+ --tw-border-opacity: 1;
2389
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2390
+ }
2391
+ .menu :where(li) > :where(*:not(ul)) {
2392
+ gap: 0.75rem;
2393
+ padding-left: 1rem;
2394
+ padding-right: 1rem;
2395
+ padding-top: 0.75rem;
2396
+ padding-bottom: 0.75rem;
2397
+ color: currentColor;
2398
+ }
2399
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
2400
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2401
+ --tw-bg-opacity: 0.1;
2402
+ }
2403
+ .menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
2404
+ --tw-bg-opacity: 1;
2405
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
2406
+ --tw-text-opacity: 1;
2407
+ color: hsl(var(--pc) / var(--tw-text-opacity));
2408
+ }
2409
+ .menu :where(li:empty) {
2410
+ margin-left: 1rem;
2411
+ margin-right: 1rem;
2412
+ margin-top: 0.5rem;
2413
+ margin-bottom: 0.5rem;
2414
+ height: 1px;
2415
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2416
+ --tw-bg-opacity: 0.1;
2417
+ }
2418
+ .menu li.disabled > * {
2419
+ user-select: none;
2420
+ color: hsl(var(--bc) / var(--tw-text-opacity));
2421
+ --tw-text-opacity: 0.2;
2422
+ }
2423
+ .menu li.disabled > *:hover {
2424
+ background-color: transparent;
2425
+ }
2426
+ .menu li.hover-bordered a {
2427
+ border-left-width: 4px;
2428
+ border-color: transparent;
2429
+ }
2430
+ .menu li.hover-bordered a:hover {
2431
+ --tw-border-opacity: 1;
2432
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2433
+ }
2434
+ .menu.compact li > a, .menu.compact li > span {
2435
+ padding-top: 0.5rem;
2436
+ padding-bottom: 0.5rem;
2437
+ font-size: 0.875rem;
2438
+ line-height: 1.25rem;
2439
+ }
2440
+ .menu .menu-title > * {
2441
+ padding-top: 0.25rem;
2442
+ padding-bottom: 0.25rem;
2443
+ font-size: 0.75rem;
2444
+ line-height: 1rem;
2445
+ font-weight: 700;
2446
+ color: hsl(var(--bc) / var(--tw-text-opacity));
2447
+ --tw-text-opacity: 0.4;
2448
+ }
2449
+
2450
+ .menu :where(li:not(.disabled)) > :where(*:not(ul)) {
2451
+ outline: 2px solid transparent;
2452
+ outline-offset: 2px;
2453
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2454
+ transition-duration: 200ms;
2455
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2456
+ }
2457
+
2458
+ .menu > :where(li:first-child) {
2459
+ border-top-left-radius: inherit;
2460
+ border-top-right-radius: inherit;
2461
+ border-bottom-right-radius: unset;
2462
+ border-bottom-left-radius: unset;
2463
+ }
2464
+
2465
+ .menu > :where(li:first-child) > :where(:not(ul)) {
2466
+ border-top-left-radius: inherit;
2467
+ border-top-right-radius: inherit;
2468
+ border-bottom-right-radius: unset;
2469
+ border-bottom-left-radius: unset;
2470
+ }
2471
+
2472
+ .menu > :where(li:last-child) {
2473
+ border-top-left-radius: unset;
2474
+ border-top-right-radius: unset;
2475
+ border-bottom-right-radius: inherit;
2476
+ border-bottom-left-radius: inherit;
2477
+ }
2478
+
2479
+ .menu > :where(li:last-child) > :where(:not(ul)) {
2480
+ border-top-left-radius: unset;
2481
+ border-top-right-radius: unset;
2482
+ border-bottom-right-radius: inherit;
2483
+ border-bottom-left-radius: inherit;
2484
+ }
2485
+
2486
+ .menu > :where(li) > :where(ul) {
2487
+ border-top-left-radius: inherit;
2488
+ border-top-right-radius: inherit;
2489
+ border-bottom-right-radius: inherit;
2490
+ border-bottom-left-radius: inherit;
2491
+ }
2492
+
2493
+ .menu > :where(li) > :where(ul) :where(li) {
2494
+ width: 100%;
2495
+ white-space: nowrap;
2496
+ }
2497
+
2498
+ .menu > :where(li) > :where(ul) :where(li) :where(ul) {
2499
+ padding-left: 1rem;
2500
+ }
2501
+
2502
+ .menu > :where(li) > :where(ul) :where(li) :where(:not(ul)) {
2503
+ width: 100%;
2504
+ white-space: nowrap;
2505
+ }
2506
+
2507
+ .menu > :where(li) > :where(ul) > :where(li:first-child) {
2508
+ border-top-left-radius: inherit;
2509
+ border-top-right-radius: inherit;
2510
+ border-bottom-right-radius: unset;
2511
+ border-bottom-left-radius: unset;
2512
+ }
2513
+
2514
+ .menu > :where(li) > :where(ul) > :where(li:first-child) > :where(:not(ul)) {
2515
+ border-top-left-radius: inherit;
2516
+ border-top-right-radius: inherit;
2517
+ border-bottom-right-radius: unset;
2518
+ border-bottom-left-radius: unset;
2519
+ }
2520
+
2521
+ .menu > :where(li) > :where(ul) > :where(li:last-child) {
2522
+ border-top-left-radius: unset;
2523
+ border-top-right-radius: unset;
2524
+ border-bottom-right-radius: inherit;
2525
+ border-bottom-left-radius: inherit;
2526
+ }
2527
+
2528
+ .menu > :where(li) > :where(ul) > :where(li:last-child) > :where(:not(ul)) {
2529
+ border-top-left-radius: unset;
2530
+ border-top-right-radius: unset;
2531
+ border-bottom-right-radius: inherit;
2532
+ border-bottom-left-radius: inherit;
2533
+ }
2534
+ .mockup-code {
2535
+ min-width: 20rem;
2536
+ --tw-bg-opacity: 1;
2537
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
2538
+ padding-top: 1.25rem;
2539
+ padding-bottom: 1.25rem;
2540
+ --tw-text-opacity: 1;
2541
+ color: hsl(var(--nc) / var(--tw-text-opacity));
2542
+ border-radius: var(--rounded-box, 1rem);
2543
+ }
2544
+ .mockup-code:before {
2545
+ content: "";
2546
+ margin-bottom: 1rem;
2547
+ display: block;
2548
+ height: 0.75rem;
2549
+ width: 0.75rem;
2550
+ border-radius: 9999px;
2551
+ opacity: 0.3;
2552
+ box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
2553
+ }
2554
+ .mockup-code pre {
2555
+ padding-right: 1.25rem;
2556
+ }
2557
+ .mockup-code pre:before {
2558
+ content: "";
2559
+ margin-right: 2ch;
2560
+ }
2561
+ .mockup-code pre[data-prefix]:before {
2562
+ content: attr(data-prefix);
2563
+ width: 2rem;
2564
+ opacity: 0.5;
2565
+ }
2566
+ .mockup-window {
2567
+ padding-top: 1.25rem;
2568
+ border-radius: var(--rounded-box, 1rem);
2569
+ }
2570
+ .mockup-window:before {
2571
+ content: "";
2572
+ margin-bottom: 1rem;
2573
+ display: block;
2574
+ height: 0.75rem;
2575
+ width: 0.75rem;
2576
+ border-radius: 9999px;
2577
+ opacity: 0.3;
2578
+ box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
2579
+ }
2580
+ .mockup-phone {
2581
+ display: inline-block;
2582
+ border: 4px solid #444;
2583
+ border-radius: 50px;
2584
+ background-color: #000;
2585
+ padding: 10px;
2586
+ margin: 0 auto;
2587
+ overflow: hidden;
2588
+ }
2589
+ .mockup-phone .camera {
2590
+ position: relative;
2591
+ top: 0px;
2592
+ left: 0px;
2593
+ background: #000;
2594
+ height: 25px;
2595
+ width: 150px;
2596
+ margin: 0 auto;
2597
+ border-bottom-left-radius: 17px;
2598
+ border-bottom-right-radius: 17px;
2599
+ z-index: 11;
2600
+ }
2601
+ .mockup-phone .camera:before {
2602
+ content: "";
2603
+ position: absolute;
2604
+ top: 35%;
2605
+ left: 50%;
2606
+ width: 50px;
2607
+ height: 4px;
2608
+ border-radius: 5px;
2609
+ background-color: #0c0b0e;
2610
+ transform: translate(-50%, -50%);
2611
+ }
2612
+ .mockup-phone .camera:after {
2613
+ content: "";
2614
+ position: absolute;
2615
+ top: 20%;
2616
+ left: 70%;
2617
+ width: 8px;
2618
+ height: 8px;
2619
+ border-radius: 5px;
2620
+ background-color: #0f0b25;
2621
+ }
2622
+ .mockup-phone .display {
2623
+ overflow: hidden;
2624
+ border-radius: 40px;
2625
+ margin-top: -25px;
2626
+ }
2627
+ .modal {
2628
+ background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
2629
+ --tw-bg-opacity: 0.4;
2630
+ transition-duration: 200ms;
2631
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2632
+ transition-property: transform, opacity;
2633
+ overflow-y: hidden;
2634
+ overscroll-behavior: contain;
2635
+ }
2636
+ .modal-box {
2637
+ width: 100%;
2638
+ --tw-translate-y: 2.5rem;
2639
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2640
+ --tw-bg-opacity: 1;
2641
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2642
+ padding: 1.5rem;
2643
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2644
+ transition-duration: 200ms;
2645
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2646
+ border-top-left-radius: var(--rounded-box, 1rem);
2647
+ border-top-right-radius: var(--rounded-box, 1rem);
2648
+ }
2649
+ @media (min-width: 640px) {
2650
+ .modal-box {
2651
+ max-width: 32rem;
2652
+ }
2653
+ .modal-box {
2654
+ --tw-translate-y: 0px;
2655
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2656
+ }
2657
+ .modal-box {
2658
+ --tw-scale-x: .9;
2659
+ --tw-scale-y: .9;
2660
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2661
+ }
2662
+ .modal-box {
2663
+ border-bottom-left-radius: var(--rounded-box, 1rem);
2664
+ border-bottom-right-radius: var(--rounded-box, 1rem);
2665
+ }
2666
+ }
2667
+ .modal-box {
2668
+ box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
2669
+ overflow-y: auto;
2670
+ overscroll-behavior: contain;
2671
+ }
2672
+ .modal-open .modal-box, .modal-toggle:checked + .modal .modal-box, .modal:target .modal-box {
2673
+ --tw-translate-y: 0px;
2674
+ --tw-scale-x: 1;
2675
+ --tw-scale-y: 1;
2676
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
2677
+ }
2678
+ .modal-action {
2679
+ margin-top: 1.5rem;
2680
+ justify-content: flex-end;
2681
+ }
2682
+ .modal-action > :not([hidden]) ~ :not([hidden]) {
2683
+ --tw-space-x-reverse: 0;
2684
+ margin-right: calc(0.5rem * var(--tw-space-x-reverse));
2685
+ margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
2686
+ }
2687
+ .navbar {
2688
+ padding: var(--navbar-padding, 0.5rem);
2689
+ min-height: 4rem;
2690
+ width: 100%;
2691
+ }
2692
+ .progress {
2693
+ height: 0.5rem;
2694
+ border-radius: var(--rounded-box, 1rem)
2695
+ }
2696
+ .progress::-moz-progress-bar {
2697
+ --tw-bg-opacity: 1;
2698
+ background-color: hsl(var(--n) / var(--tw-bg-opacity))
2699
+ }
2700
+ .progress-primary::-moz-progress-bar {
2701
+ --tw-bg-opacity: 1;
2702
+ background-color: hsl(var(--p) / var(--tw-bg-opacity))
2703
+ }
2704
+ .progress-secondary::-moz-progress-bar {
2705
+ --tw-bg-opacity: 1;
2706
+ background-color: hsl(var(--s) / var(--tw-bg-opacity))
2707
+ }
2708
+ .progress-accent::-moz-progress-bar {
2709
+ --tw-bg-opacity: 1;
2710
+ background-color: hsl(var(--a) / var(--tw-bg-opacity))
2711
+ }
2712
+ .progress-info::-moz-progress-bar {
2713
+ --tw-bg-opacity: 1;
2714
+ background-color: hsl(var(--in) / var(--tw-bg-opacity))
2715
+ }
2716
+ .progress-success::-moz-progress-bar {
2717
+ --tw-bg-opacity: 1;
2718
+ background-color: hsl(var(--su) / var(--tw-bg-opacity))
2719
+ }
2720
+ .progress-warning::-moz-progress-bar {
2721
+ --tw-bg-opacity: 1;
2722
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity))
2723
+ }
2724
+ .progress-error::-moz-progress-bar {
2725
+ --tw-bg-opacity: 1;
2726
+ background-color: hsl(var(--er) / var(--tw-bg-opacity))
2727
+ }
2728
+ .progress::-webkit-progress-bar {
2729
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
2730
+ --tw-bg-opacity: 0.2;
2731
+ border-radius: var(--rounded-box, 1rem)
2732
+ }
2733
+ .progress::-webkit-progress-value {
2734
+ --tw-bg-opacity: 1;
2735
+ background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
2736
+ border-radius: var(--rounded-box, 1rem)
2737
+ }
2738
+ .progress-primary::-webkit-progress-value {
2739
+ --tw-bg-opacity: 1;
2740
+ background-color: hsl(var(--p) / var(--tw-bg-opacity))
2741
+ }
2742
+ .progress-secondary::-webkit-progress-value {
2743
+ --tw-bg-opacity: 1;
2744
+ background-color: hsl(var(--s) / var(--tw-bg-opacity))
2745
+ }
2746
+ .progress-accent::-webkit-progress-value {
2747
+ --tw-bg-opacity: 1;
2748
+ background-color: hsl(var(--a) / var(--tw-bg-opacity))
2749
+ }
2750
+ .progress-info::-webkit-progress-value {
2751
+ --tw-bg-opacity: 1;
2752
+ background-color: hsl(var(--in) / var(--tw-bg-opacity))
2753
+ }
2754
+ .progress-success::-webkit-progress-value {
2755
+ --tw-bg-opacity: 1;
2756
+ background-color: hsl(var(--su) / var(--tw-bg-opacity))
2757
+ }
2758
+ .progress-warning::-webkit-progress-value {
2759
+ --tw-bg-opacity: 1;
2760
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity))
2761
+ }
2762
+ .progress-error::-webkit-progress-value {
2763
+ --tw-bg-opacity: 1;
2764
+ background-color: hsl(var(--er) / var(--tw-bg-opacity))
2765
+ }
2766
+ .radial-progress {
2767
+ --value: 0;
2768
+ --size: 5rem;
2769
+ --thickness: calc(var(--size) / 10);
2770
+ }
2771
+ .radial-progress:after {
2772
+ background-color: currentColor;
2773
+ }
2774
+ .radio {
2775
+ --chkbg: var(--bc);
2776
+ height: 1.5rem;
2777
+ width: 1.5rem;
2778
+ cursor: pointer;
2779
+ appearance: none;
2780
+ border-radius: 9999px;
2781
+ border-width: 1px;
2782
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
2783
+ --tw-border-opacity: 0.2;
2784
+ transition: background, box-shadow var(--animation-input, 0.2s) ease-in-out;
2785
+ }
2786
+ .radio:focus-visible {
2787
+ outline: 2px solid hsl(var(--bc));
2788
+ outline-offset: 2px;
2789
+ }
2790
+ .radio:checked {
2791
+ --tw-bg-opacity: 1;
2792
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2793
+ animation: radiomark var(--animation-input, 0.2s) ease-in-out;
2794
+ box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
2795
+ }
2796
+ .radio-primary {
2797
+ --chkbg: var(--p);
2798
+ --tw-border-opacity: 1;
2799
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2800
+ }
2801
+ .radio-primary:hover {
2802
+ --tw-border-opacity: 1;
2803
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2804
+ }
2805
+ .radio-primary:focus-visible {
2806
+ outline: 2px solid hsl(var(--p));
2807
+ }
2808
+ .radio-primary:checked {
2809
+ --tw-border-opacity: 1;
2810
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
2811
+ --tw-bg-opacity: 1;
2812
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
2813
+ --tw-text-opacity: 1;
2814
+ color: hsl(var(--pc) / var(--tw-text-opacity));
2815
+ }
2816
+ .radio-secondary {
2817
+ --chkbg: var(--s);
2818
+ --tw-border-opacity: 1;
2819
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
2820
+ }
2821
+ .radio-secondary:hover {
2822
+ --tw-border-opacity: 1;
2823
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
2824
+ }
2825
+ .radio-secondary:focus-visible {
2826
+ outline: 2px solid hsl(var(--s));
2827
+ }
2828
+ .radio-secondary:checked {
2829
+ --tw-border-opacity: 1;
2830
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
2831
+ --tw-bg-opacity: 1;
2832
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
2833
+ --tw-text-opacity: 1;
2834
+ color: hsl(var(--sc) / var(--tw-text-opacity));
2835
+ }
2836
+ .radio-accent {
2837
+ --chkbg: var(--a);
2838
+ --tw-border-opacity: 1;
2839
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
2840
+ }
2841
+ .radio-accent:hover {
2842
+ --tw-border-opacity: 1;
2843
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
2844
+ }
2845
+ .radio-accent:focus-visible {
2846
+ outline: 2px solid hsl(var(--a));
2847
+ }
2848
+ .radio-accent:checked {
2849
+ --tw-border-opacity: 1;
2850
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
2851
+ --tw-bg-opacity: 1;
2852
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
2853
+ --tw-text-opacity: 1;
2854
+ color: hsl(var(--ac) / var(--tw-text-opacity));
2855
+ }
2856
+ .radio:disabled {
2857
+ cursor: not-allowed;
2858
+ opacity: 0.2;
2859
+ }
2860
+
2861
+ @keyframes radiomark {
2862
+ 0% {
2863
+ box-shadow: 0 0 0 12px hsl(var(--b1)) inset, 0 0 0 12px hsl(var(--b1)) inset;
2864
+ }
2865
+ 50% {
2866
+ box-shadow: 0 0 0 3px hsl(var(--b1)) inset, 0 0 0 3px hsl(var(--b1)) inset;
2867
+ }
2868
+ 100% {
2869
+ box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
2870
+ }
2871
+ }
2872
+
2873
+ /* backward comptability */
2874
+
2875
+ .radio-mark {
2876
+ display: none;
2877
+ }
2878
+ .range {
2879
+ -webkit-appearance: none;
2880
+ --range-shdw: var(--bc);
2881
+ overflow: hidden;
2882
+ background-color: transparent;
2883
+ border-radius: var(--rounded-box, 1rem);
2884
+ }
2885
+ .range:focus-visible::-webkit-slider-thumb {
2886
+ --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset;
2887
+ }
2888
+ .range:focus-visible::-moz-range-thumb {
2889
+ --focus-shadow: 0 0 0 6px hsl(var(--b1)) inset, 0 0 0 2rem hsl(var(--range-shdw)) inset;
2890
+ }
2891
+ .range::-webkit-slider-runnable-track {
2892
+ height: 0.5rem;
2893
+ width: 100%;
2894
+ border-radius: var(--rounded-box, 1rem);
2895
+ background-color: hsla(var(--bc) / 0.1);
2896
+ }
2897
+ .range::-moz-range-track {
2898
+ height: 0.5rem;
2899
+ width: 100%;
2900
+ border-radius: var(--rounded-box, 1rem);
2901
+ background-color: hsla(var(--bc) / 0.1);
2902
+ }
2903
+ .range::-webkit-slider-thumb {
2904
+ background-color: hsl(var(--b1));
2905
+ position: relative;
2906
+ height: 1.5rem;
2907
+ width: 1.5rem;
2908
+ border-style: none;
2909
+ -webkit-transition-property: all;
2910
+ transition-property: all;
2911
+ transition-duration: 300ms;
2912
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2913
+ border-radius: var(--rounded-box, 1rem);
2914
+ -webkit-appearance: none;
2915
+ top: 50%;
2916
+ color: hsl(var(--range-shdw));
2917
+ transform: translateY(-50%);
2918
+ --filler-size: 100rem;
2919
+ --filler-offset: 0.6rem;
2920
+ box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
2921
+ }
2922
+ .range::-moz-range-thumb {
2923
+ background-color: hsl(var(--b1));
2924
+ position: relative;
2925
+ height: 1.5rem;
2926
+ width: 1.5rem;
2927
+ border-style: none;
2928
+ -moz-transition-property: all;
2929
+ transition-property: all;
2930
+ transition-duration: 300ms;
2931
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2932
+ border-radius: var(--rounded-box, 1rem);
2933
+ top: 50%;
2934
+ color: hsl(var(--range-shdw));
2935
+ --filler-size: 100rem;
2936
+ --filler-offset: 0.5rem;
2937
+ box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
2938
+ }
2939
+ .range-primary {
2940
+ --range-shdw: var(--p);
2941
+ }
2942
+ .range-secondary {
2943
+ --range-shdw: var(--s);
2944
+ }
2945
+ .range-accent {
2946
+ --range-shdw: var(--a);
2947
+ }
2948
+ .rating input {
2949
+ appearance: none;
2950
+ -webkit-appearance: none;
2951
+ }
2952
+ .rating :where(input) {
2953
+ animation: rating-pop var(--animation-input, 0.25s) ease-out;
2954
+ height: 1.5rem;
2955
+ width: 1.5rem;
2956
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
2957
+ --tw-bg-opacity: 1;
2958
+ }
2959
+ .rating .rating-hidden {
2960
+ width: 0.5rem;
2961
+ background-color: transparent;
2962
+ }
2963
+ .rating input:checked ~ input {
2964
+ --tw-bg-opacity: 0.2;
2965
+ }
2966
+ .rating input:focus-visible {
2967
+ transition-property: transform;
2968
+ transition-duration: 300ms;
2969
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
2970
+ transform: translateY(-0.125em);
2971
+ }
2972
+ .rating input:active:focus {
2973
+ animation: none;
2974
+ transform: translateY(-0.125em);
2975
+ }
2976
+ .rating-half :where(input:not(.rating-hidden)) {
2977
+ width: 0.75rem;
2978
+ }
2979
+ @keyframes rating-pop {
2980
+ 0% {
2981
+ transform: translateY(-0.125em);
2982
+ }
2983
+ 40% {
2984
+ transform: translateY(-0.125em);
2985
+ }
2986
+ 100% {
2987
+ transform: translateY(0);
2988
+ }
2989
+ }
2990
+ .select {
2991
+ border-width: 1px;
2992
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
2993
+ --tw-border-opacity: 0;
2994
+ --tw-bg-opacity: 1;
2995
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
2996
+ padding-right: 2.5rem;
2997
+ font-weight: 600;
2998
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
2999
+ transition-duration: 200ms;
3000
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3001
+ border-radius: var(--rounded-btn, 0.5rem);
3002
+ }
3003
+ .select-bordered {
3004
+ --tw-border-opacity: 0.2;
3005
+ }
3006
+ .select {
3007
+ background-image: linear-gradient(45deg, transparent 50%, currentColor 50%), linear-gradient(135deg, currentColor 50%, transparent 50%);
3008
+ background-position: calc(100% - 20px) calc(1px + 50%), calc(100% - 16px) calc(1px + 50%);
3009
+ background-size: 4px 4px, 4px 4px;
3010
+ background-repeat: no-repeat;
3011
+ }
3012
+ .select:focus {
3013
+ outline: 2px solid hsla(var(--bc) / 0.2);
3014
+ outline-offset: 2px;
3015
+ }
3016
+ .select-ghost {
3017
+ --tw-bg-opacity: 0.05;
3018
+ }
3019
+ .select-ghost:focus {
3020
+ --tw-bg-opacity: 1;
3021
+ --tw-text-opacity: 1;
3022
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3023
+ }
3024
+ .select-primary {
3025
+ --tw-border-opacity: 1;
3026
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
3027
+ }
3028
+ .select-primary:focus {
3029
+ outline: 2px solid hsl(var(--p));
3030
+ }
3031
+ .select-secondary {
3032
+ --tw-border-opacity: 1;
3033
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
3034
+ }
3035
+ .select-secondary:focus {
3036
+ outline: 2px solid hsl(var(--s));
3037
+ }
3038
+ .select-accent {
3039
+ --tw-border-opacity: 1;
3040
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
3041
+ }
3042
+ .select-accent:focus {
3043
+ outline: 2px solid hsl(var(--a));
3044
+ }
3045
+ .select-info {
3046
+ --tw-border-opacity: 1;
3047
+ border-color: hsl(var(--in) / var(--tw-border-opacity));
3048
+ }
3049
+ .select-info:focus {
3050
+ outline: 2px solid hsl(var(--in));
3051
+ }
3052
+ .select-success {
3053
+ --tw-border-opacity: 1;
3054
+ border-color: hsl(var(--su) / var(--tw-border-opacity));
3055
+ }
3056
+ .select-success:focus {
3057
+ outline: 2px solid hsl(var(--su));
3058
+ }
3059
+ .select-warning {
3060
+ --tw-border-opacity: 1;
3061
+ border-color: hsl(var(--wa) / var(--tw-border-opacity));
3062
+ }
3063
+ .select-warning:focus {
3064
+ outline: 2px solid hsl(var(--wa));
3065
+ }
3066
+ .select-error {
3067
+ --tw-border-opacity: 1;
3068
+ border-color: hsl(var(--er) / var(--tw-border-opacity));
3069
+ }
3070
+ .select-error:focus {
3071
+ outline: 2px solid hsl(var(--er));
3072
+ }
3073
+ .select-disabled, .select[disabled] {
3074
+ cursor: not-allowed;
3075
+ --tw-border-opacity: 1;
3076
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
3077
+ --tw-bg-opacity: 1;
3078
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3079
+ --tw-text-opacity: 0.2;
3080
+ }
3081
+ .select-disabled::placeholder, .select[disabled]::placeholder {
3082
+ color: hsl(var(--bc) / var(--tw-placeholder-opacity));
3083
+ --tw-placeholder-opacity: 0.2;
3084
+ }
3085
+ .select-multiple, .select[multiple], .select[size].select:not([size="1"]) {
3086
+ background-image: none;
3087
+ padding-right: 1rem;
3088
+ }
3089
+ .stack {
3090
+ place-items: center;
3091
+ align-items: flex-end
3092
+ }
3093
+ .stack > * {
3094
+ width: 100%;
3095
+ opacity: 0.6
3096
+ }
3097
+ .stack > *:nth-child(2) {
3098
+ opacity: 0.8
3099
+ }
3100
+ .stack > *:nth-child(1) {
3101
+ opacity: 1
3102
+ }
3103
+ .stats {
3104
+ --tw-bg-opacity: 1;
3105
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3106
+ --tw-text-opacity: 1;
3107
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3108
+ border-radius: var(--rounded-box, 1rem)
3109
+ }
3110
+ :where(.stats) > :not([hidden]) ~ :not([hidden]) {
3111
+ --tw-divide-x-reverse: 0;
3112
+ border-right-width: calc(1px * var(--tw-divide-x-reverse));
3113
+ border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
3114
+ --tw-divide-y-reverse: 0;
3115
+ border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
3116
+ border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
3117
+ }
3118
+ :where(.stats) {
3119
+ overflow-x: auto
3120
+ }
3121
+ .stat {
3122
+ column-gap: 1rem;
3123
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
3124
+ --tw-border-opacity: 0.1;
3125
+ padding-left: 1.5rem;
3126
+ padding-right: 1.5rem;
3127
+ padding-top: 1rem;
3128
+ padding-bottom: 1rem
3129
+ }
3130
+ .stat-title {
3131
+ opacity: 0.6
3132
+ }
3133
+ .stat-value {
3134
+ font-size: 2.25rem;
3135
+ line-height: 2.5rem;
3136
+ font-weight: 800
3137
+ }
3138
+ .stat-desc {
3139
+ font-size: 0.75rem;
3140
+ line-height: 1rem;
3141
+ opacity: 0.6
3142
+ }
3143
+ .stat-actions {
3144
+ margin-top: 1rem
3145
+ }
3146
+ /* .stat + .stat {
3147
+ @apply border-l border-base-content border-opacity-10;
3148
+ }
3149
+ .stats.grid-flow-row {
3150
+ .stat + .stat {
3151
+ @apply border-l-0 border-t;
3152
+ }
3153
+ } */
3154
+ .steps {
3155
+ /* &-vertical{
3156
+ .step {
3157
+ gap: .5rem;
3158
+ grid-template-columns: 40px 1fr;
3159
+ grid-template-rows: auto;
3160
+ min-height: 4rem;
3161
+ justify-items: start;
3162
+ &:before {
3163
+ @apply w-2 h-full top-0 transform -translate-y-1/2 -translate-x-1/2;
3164
+ margin-left: 50%;
3165
+ }
3166
+ }
3167
+ } */
3168
+ }
3169
+ /* &,
3170
+ &-horizontal{ */
3171
+ .steps .step {
3172
+ grid-template-rows: 40px 1fr;
3173
+ grid-template-columns: auto;
3174
+ min-width: 4rem;
3175
+ }
3176
+ .steps .step:before {
3177
+ top: 0px;
3178
+ grid-column-start: 1;
3179
+ grid-row-start: 1;
3180
+ height: 0.5rem;
3181
+ width: 100%;
3182
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3183
+ --tw-bg-opacity: 1;
3184
+ background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
3185
+ --tw-text-opacity: 1;
3186
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3187
+ content: "";
3188
+ margin-left: -100%;
3189
+ }
3190
+ /* } */
3191
+ .steps .step:after {
3192
+ content: counter(step);
3193
+ counter-increment: step;
3194
+ z-index: 1;
3195
+ position: relative;
3196
+ grid-column-start: 1;
3197
+ grid-row-start: 1;
3198
+ display: grid;
3199
+ height: 2rem;
3200
+ width: 2rem;
3201
+ place-items: center;
3202
+ place-self: center;
3203
+ border-radius: 9999px;
3204
+ --tw-bg-opacity: 1;
3205
+ background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
3206
+ --tw-text-opacity: 1;
3207
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3208
+ }
3209
+ .steps .step:first-child:before {
3210
+ content: none;
3211
+ }
3212
+ .steps .step[data-content]:after {
3213
+ content: attr(data-content);
3214
+ }
3215
+ .steps .step-neutral + .step-neutral:before, .steps .step-neutral:after {
3216
+ --tw-bg-opacity: 1;
3217
+ background-color: hsl(var(--n) / var(--tw-bg-opacity));
3218
+ --tw-text-opacity: 1;
3219
+ color: hsl(var(--nc) / var(--tw-text-opacity));
3220
+ }
3221
+ .steps .step-primary + .step-primary:before, .steps .step-primary:after {
3222
+ --tw-bg-opacity: 1;
3223
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
3224
+ --tw-text-opacity: 1;
3225
+ color: hsl(var(--pc) / var(--tw-text-opacity));
3226
+ }
3227
+ .steps .step-secondary + .step-secondary:before, .steps .step-secondary:after {
3228
+ --tw-bg-opacity: 1;
3229
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
3230
+ --tw-text-opacity: 1;
3231
+ color: hsl(var(--sc) / var(--tw-text-opacity));
3232
+ }
3233
+ .steps .step-accent + .step-accent:before, .steps .step-accent:after {
3234
+ --tw-bg-opacity: 1;
3235
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
3236
+ --tw-text-opacity: 1;
3237
+ color: hsl(var(--ac) / var(--tw-text-opacity));
3238
+ }
3239
+ .steps .step-info + .step-info:before {
3240
+ --tw-bg-opacity: 1;
3241
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
3242
+ }
3243
+ .steps .step-info:after {
3244
+ --tw-bg-opacity: 1;
3245
+ background-color: hsl(var(--in) / var(--tw-bg-opacity));
3246
+ --tw-text-opacity: 1;
3247
+ color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
3248
+ }
3249
+ .steps .step-success + .step-success:before {
3250
+ --tw-bg-opacity: 1;
3251
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
3252
+ }
3253
+ .steps .step-success:after {
3254
+ --tw-bg-opacity: 1;
3255
+ background-color: hsl(var(--su) / var(--tw-bg-opacity));
3256
+ --tw-text-opacity: 1;
3257
+ color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
3258
+ }
3259
+ .steps .step-warning + .step-warning:before {
3260
+ --tw-bg-opacity: 1;
3261
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
3262
+ }
3263
+ .steps .step-warning:after {
3264
+ --tw-bg-opacity: 1;
3265
+ background-color: hsl(var(--wa) / var(--tw-bg-opacity));
3266
+ --tw-text-opacity: 1;
3267
+ color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
3268
+ }
3269
+ .steps .step-error + .step-error:before {
3270
+ --tw-bg-opacity: 1;
3271
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
3272
+ }
3273
+ .steps .step-error:after {
3274
+ --tw-bg-opacity: 1;
3275
+ background-color: hsl(var(--er) / var(--tw-bg-opacity));
3276
+ --tw-text-opacity: 1;
3277
+ color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
3278
+ }
3279
+ .swap {
3280
+ cursor: pointer;
3281
+ }
3282
+
3283
+ .swap > * {
3284
+ transition-property: all;
3285
+ transition-duration: 300ms;
3286
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3287
+ }
3288
+
3289
+ .swap-rotate .swap-on, .swap-rotate .swap-indeterminate, .swap-rotate input:indeterminate ~ .swap-on {
3290
+ --tw-rotate: 45deg;
3291
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3292
+ }
3293
+
3294
+ .swap-rotate input:checked ~ .swap-off, .swap-rotate.swap-active .swap-off, .swap-rotate input:indeterminate ~ .swap-off {
3295
+ --tw-rotate: -45deg;
3296
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3297
+ }
3298
+
3299
+ .swap-rotate input:checked ~ .swap-on, .swap-rotate.swap-active .swap-on, .swap-rotate input:indeterminate ~ .swap-indeterminate {
3300
+ --tw-rotate: 0deg;
3301
+ transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
3302
+ }
3303
+
3304
+ .swap-flip {
3305
+ transform-style: preserve-3d;
3306
+ perspective: 16em;
3307
+ }
3308
+
3309
+ .swap-flip .swap-on,
3310
+ .swap-flip .swap-indeterminate,
3311
+ .swap-flip input:indeterminate ~ .swap-on {
3312
+ transform: rotateY(180deg);
3313
+ backface-visibility: hidden;
3314
+ opacity: 1;
3315
+ }
3316
+
3317
+ .swap-flip input:checked ~ .swap-off,
3318
+ .swap-flip.swap-active .swap-off,
3319
+ .swap-flip input:indeterminate ~ .swap-off {
3320
+ transform: rotateY(-180deg);
3321
+ backface-visibility: hidden;
3322
+ opacity: 1;
3323
+ }
3324
+
3325
+ .swap-flip input:checked ~ .swap-on,
3326
+ .swap-flip.swap-active .swap-on,
3327
+ .swap-flip input:indeterminate ~ .swap-indeterminate {
3328
+ transform: rotateY(0deg);
3329
+ }
3330
+ .tab {
3331
+ --tw-text-opacity: 0.5;
3332
+ }.tab:hover {
3333
+ --tw-text-opacity: 1;
3334
+ }.tab {
3335
+ --tab-color: hsla(var(--bc) / var(--tw-text-opacity, 1));
3336
+ --tab-bg: hsla(var(--b1) / var(--tw-bg-opacity, 1));
3337
+ --tab-border-color: hsla(var(--b3) / var(--tw-bg-opacity, 1));
3338
+ color: var(--tab-color);
3339
+ padding-left: var(--tab-padding, 1rem);
3340
+ padding-right: var(--tab-padding, 1rem);
3341
+ }
3342
+ .tab.tab-active {
3343
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
3344
+ --tw-border-opacity: 1;
3345
+ --tw-text-opacity: 1;
3346
+ }
3347
+ .tab:focus {
3348
+ outline: 2px solid transparent;
3349
+ outline-offset: 2px;
3350
+ }
3351
+ .tab:focus-visible {
3352
+ outline: 2px solid currentColor;
3353
+ outline-offset: -3px;
3354
+ border-bottom-right-radius: var(--tab-radius, 0.5rem);
3355
+ border-bottom-left-radius: var(--tab-radius, 0.5rem);
3356
+ }
3357
+ .tab-bordered {
3358
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
3359
+ --tw-border-opacity: 0.2;
3360
+ border-style: solid;
3361
+ border-bottom-width: calc(var(--tab-border, 1px) + 1px);
3362
+ }
3363
+ .tab-lifted {
3364
+ border: var(--tab-border, 1px) solid transparent;
3365
+ border-width: 0 0 var(--tab-border, 1px) 0;
3366
+ border-top-left-radius: var(--tab-radius, 0.5rem);
3367
+ border-top-right-radius: var(--tab-radius, 0.5rem);
3368
+ border-bottom-color: var(--tab-border-color);
3369
+ padding-left: var(--tab-padding, 1rem);
3370
+ padding-right: var(--tab-padding, 1rem);
3371
+ padding-top: var(--tab-border, 1px);
3372
+ }
3373
+ .tab-lifted.tab-active {
3374
+ background-color: var(--tab-bg);
3375
+ border-width: var(--tab-border, 1px) var(--tab-border, 1px) 0 var(--tab-border, 1px);
3376
+ border-left-color: var(--tab-border-color);
3377
+ border-right-color: var(--tab-border-color);
3378
+ border-top-color: var(--tab-border-color);
3379
+ padding-left: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
3380
+ padding-right: calc(var(--tab-padding, 1rem) - var(--tab-border, 1px));
3381
+ padding-bottom: var(--tab-border, 1px);
3382
+ padding-top: 0;
3383
+ }
3384
+ .tab-lifted.tab-active:before,
3385
+ .tab-lifted.tab-active:after {
3386
+ z-index: 1;
3387
+ content: "";
3388
+ display: block;
3389
+ position: absolute;
3390
+ width: var(--tab-radius, 0.5rem);
3391
+ height: var(--tab-radius, 0.5rem);
3392
+ bottom: 0;
3393
+ --tab-grad: calc(68% - var(--tab-border, 1px));
3394
+ --tab-corner-bg: radial-gradient(circle at var(--circle-pos), transparent var(--tab-grad), var(--tab-border-color) calc(var(--tab-grad) + 0.3px), var(--tab-border-color) calc(var(--tab-grad) + var(--tab-border, 1px)), var(--tab-bg) calc(var(--tab-grad) + var(--tab-border, 1px) + 0.3px));
3395
+ }
3396
+ .tab-lifted.tab-active:before {
3397
+ left: calc(var(--tab-radius, 0.5rem) * -1);
3398
+ --circle-pos: top left;
3399
+ background-image: var(--tab-corner-bg);
3400
+ }
3401
+ /* RTL quick fix */
3402
+ [dir="rtl"] .tab-lifted.tab-active:before {
3403
+ --circle-pos: top right;
3404
+ }
3405
+ .tab-lifted.tab-active:after {
3406
+ right: calc(var(--tab-radius, 0.5rem) * -1);
3407
+ --circle-pos: top right;
3408
+ background-image: var(--tab-corner-bg);
3409
+ }
3410
+ /* RTL quick fix */
3411
+ [dir="rtl"] .tab-lifted.tab-active:after {
3412
+ --circle-pos: top left;
3413
+ }
3414
+ .tab-lifted.tab-active:first-child:before {
3415
+ background: none;
3416
+ }
3417
+ .tab-lifted.tab-active:last-child:after {
3418
+ background: none;
3419
+ }
3420
+ .tab-lifted.tab-active + .tab-lifted.tab-active:before {
3421
+ background: none;
3422
+ }
3423
+ .tabs-boxed {
3424
+ --tw-bg-opacity: 1;
3425
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3426
+ padding: 0.25rem;
3427
+ border-radius: var(--rounded-btn, 0.5rem);
3428
+ }
3429
+ .tabs-boxed .tab-active {
3430
+ --tw-bg-opacity: 1;
3431
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
3432
+ --tw-text-opacity: 1;
3433
+ color: hsl(var(--pc) / var(--tw-text-opacity));
3434
+ border-radius: var(--rounded-btn, 0.5rem);
3435
+ }
3436
+ .tabs-boxed .tab-active:hover {
3437
+ --tw-text-opacity: 1;
3438
+ color: hsl(var(--pc) / var(--tw-text-opacity));
3439
+ }
3440
+ .table {
3441
+ text-align: left
3442
+ }
3443
+ .table :where(th, td) {
3444
+ white-space: nowrap;
3445
+ padding: 1rem;
3446
+ vertical-align: middle
3447
+ }
3448
+ .table tr.active th, .table tr.active td, .table tr.active:nth-child(even) th, .table tr.active:nth-child(even) td {
3449
+ --tw-bg-opacity: 1;
3450
+ background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
3451
+ }
3452
+ .table tr.hover:hover th, .table tr.hover:hover td, .table tr.hover:nth-child(even):hover th, .table tr.hover:nth-child(even):hover td {
3453
+ --tw-bg-opacity: 1;
3454
+ background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
3455
+ }
3456
+ .table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)) {
3457
+ border-bottom-width: 1px;
3458
+ --tw-border-opacity: 1;
3459
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))
3460
+ }
3461
+ .table :where(thead, tfoot) :where(th, td) {
3462
+ --tw-bg-opacity: 1;
3463
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3464
+ font-size: 0.75rem;
3465
+ line-height: 1rem;
3466
+ font-weight: 700;
3467
+ text-transform: uppercase
3468
+ }
3469
+ .table :where(thead, tfoot) :where(th, td):first-child {
3470
+ border-top-left-radius: 0.5rem;
3471
+ border-bottom-left-radius: 0.5rem
3472
+ }
3473
+ .table :where(thead, tfoot) :where(th, td):last-child {
3474
+ border-top-right-radius: 0.5rem;
3475
+ border-bottom-right-radius: 0.5rem
3476
+ }
3477
+ /* th:first-child{
3478
+ box-shadow: -1px 0 hsl(var(--b2, 210 20% 98%)) inset;
3479
+ } */
3480
+ .table :where(tbody th, tbody td) {
3481
+ --tw-bg-opacity: 1;
3482
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity))
3483
+ }
3484
+ .table-zebra tbody tr th:first-child, .table-zebra tbody tr td:first-child {
3485
+ border-top-left-radius: 0.5rem;
3486
+ border-bottom-left-radius: 0.5rem
3487
+ }
3488
+ .table-zebra tbody tr th:last-child, .table-zebra tbody tr td:last-child {
3489
+ border-top-right-radius: 0.5rem;
3490
+ border-bottom-right-radius: 0.5rem
3491
+ }
3492
+ .table-zebra tbody tr:nth-child(even) th, .table-zebra tbody tr:nth-child(even) td {
3493
+ --tw-bg-opacity: 1;
3494
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
3495
+ }
3496
+ .textarea {
3497
+ border-width: 1px;
3498
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
3499
+ --tw-border-opacity: 0;
3500
+ --tw-bg-opacity: 1;
3501
+ background-color: hsl(var(--b1) / var(--tw-bg-opacity));
3502
+ border-radius: var(--rounded-btn, 0.5rem);
3503
+ }
3504
+ .textarea-bordered {
3505
+ --tw-border-opacity: 0.2;
3506
+ }
3507
+ .textarea:focus {
3508
+ outline: 2px solid hsla(var(--bc) / 0.2);
3509
+ outline-offset: 2px;
3510
+ }
3511
+ .textarea-ghost {
3512
+ --tw-bg-opacity: 0.05;
3513
+ }
3514
+ .textarea-ghost:focus {
3515
+ --tw-bg-opacity: 1;
3516
+ --tw-text-opacity: 1;
3517
+ color: hsl(var(--bc) / var(--tw-text-opacity));
3518
+ box-shadow: none;
3519
+ }
3520
+ .textarea-primary {
3521
+ --tw-border-opacity: 1;
3522
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
3523
+ }
3524
+ .textarea-primary:focus {
3525
+ outline: 2px solid hsl(var(--p));
3526
+ }
3527
+ .textarea-secondary {
3528
+ --tw-border-opacity: 1;
3529
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
3530
+ }
3531
+ .textarea-secondary:focus {
3532
+ outline: 2px solid hsl(var(--s));
3533
+ }
3534
+ .textarea-accent {
3535
+ --tw-border-opacity: 1;
3536
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
3537
+ }
3538
+ .textarea-accent:focus {
3539
+ outline: 2px solid hsl(var(--a));
3540
+ }
3541
+ .textarea-info {
3542
+ --tw-border-opacity: 1;
3543
+ border-color: hsl(var(--inc, var(--nc)) / var(--tw-border-opacity));
3544
+ }
3545
+ .textarea-info:focus {
3546
+ outline: 2px solid hsl(var(--in));
3547
+ }
3548
+ .textarea-success {
3549
+ --tw-border-opacity: 1;
3550
+ border-color: hsl(var(--suc, var(--nc)) / var(--tw-border-opacity));
3551
+ }
3552
+ .textarea-success:focus {
3553
+ outline: 2px solid hsl(var(--su));
3554
+ }
3555
+ .textarea-warning {
3556
+ --tw-border-opacity: 1;
3557
+ border-color: hsl(var(--wac, var(--nc)) / var(--tw-border-opacity));
3558
+ }
3559
+ .textarea-warning:focus {
3560
+ outline: 2px solid hsl(var(--wa));
3561
+ }
3562
+ .textarea-error {
3563
+ --tw-border-opacity: 1;
3564
+ border-color: hsl(var(--erc, var(--nc)) / var(--tw-border-opacity));
3565
+ }
3566
+ .textarea-error:focus {
3567
+ outline: 2px solid hsl(var(--er));
3568
+ }
3569
+ .textarea-disabled, .textarea[disabled] {
3570
+ cursor: not-allowed;
3571
+ --tw-border-opacity: 1;
3572
+ border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
3573
+ --tw-bg-opacity: 1;
3574
+ background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
3575
+ --tw-text-opacity: 0.2;
3576
+ }
3577
+ .textarea-disabled::placeholder, .textarea[disabled]::placeholder {
3578
+ color: hsl(var(--bc) / var(--tw-placeholder-opacity));
3579
+ --tw-placeholder-opacity: 0.2;
3580
+ }
3581
+ .toggle {
3582
+ --chkbg: hsla(var(--bc) / 0.2);
3583
+ --handleoffset: 1.5rem;
3584
+ height: 1.5rem;
3585
+ width: 3rem;
3586
+ cursor: pointer;
3587
+ appearance: none;
3588
+ border-width: 1px;
3589
+ border-color: hsl(var(--bc) / var(--tw-border-opacity));
3590
+ --tw-border-opacity: 0.2;
3591
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
3592
+ --tw-bg-opacity: 0.2;
3593
+ transition-duration: 300ms;
3594
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3595
+ border-radius: var(--rounded-badge, 1.9rem);
3596
+ transition: background, box-shadow var(--animation-input, 0.2s) ease-in-out;
3597
+ box-shadow: calc(var(--handleoffset) * -1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3598
+ }
3599
+ .toggle:focus-visible {
3600
+ outline: 2px solid hsl(var(--bc));
3601
+ outline-offset: 2px;
3602
+ }
3603
+ .toggle:checked,
3604
+ .toggle[checked="true"] {
3605
+ --chkbg: hsl(var(--bc));
3606
+ --tw-border-opacity: 1;
3607
+ --tw-bg-opacity: 1;
3608
+ box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3609
+ }
3610
+ [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"] {
3611
+ box-shadow: calc(var(--handleoffset) * 1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3612
+ }
3613
+ .toggle:indeterminate {
3614
+ --chkbg: hsl(var(--bc));
3615
+ --tw-border-opacity: 1;
3616
+ --tw-bg-opacity: 1;
3617
+ box-shadow: calc(var(--handleoffset) / 2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset) / -2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3618
+ }
3619
+ [dir="rtl"] .toggle:indeterminate {
3620
+ box-shadow: calc(var(--handleoffset) / 2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset) / -2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
3621
+ }
3622
+ .toggle-primary:focus-visible {
3623
+ outline: 2px solid hsl(var(--p));
3624
+ }
3625
+ .toggle-primary:checked,
3626
+ .toggle-primary[checked="true"] {
3627
+ --chkbg: hsl(var(--p));
3628
+ border-color: hsl(var(--p) / var(--tw-border-opacity));
3629
+ --tw-border-opacity: 0.1;
3630
+ --tw-bg-opacity: 1;
3631
+ background-color: hsl(var(--p) / var(--tw-bg-opacity));
3632
+ --tw-text-opacity: 1;
3633
+ color: hsl(var(--pc) / var(--tw-text-opacity));
3634
+ }
3635
+ .toggle-secondary:focus-visible {
3636
+ outline: 2px solid hsl(var(--s));
3637
+ }
3638
+ .toggle-secondary:checked,
3639
+ .toggle-secondary[checked="true"] {
3640
+ --chkbg: hsl(var(--s));
3641
+ border-color: hsl(var(--s) / var(--tw-border-opacity));
3642
+ --tw-border-opacity: 0.1;
3643
+ --tw-bg-opacity: 1;
3644
+ background-color: hsl(var(--s) / var(--tw-bg-opacity));
3645
+ --tw-text-opacity: 1;
3646
+ color: hsl(var(--sc) / var(--tw-text-opacity));
3647
+ }
3648
+ .toggle-accent:focus-visible {
3649
+ outline: 2px solid hsl(var(--a));
3650
+ }
3651
+ .toggle-accent:checked,
3652
+ .toggle-accent[checked="true"] {
3653
+ --chkbg: hsl(var(--a));
3654
+ border-color: hsl(var(--a) / var(--tw-border-opacity));
3655
+ --tw-border-opacity: 0.1;
3656
+ --tw-bg-opacity: 1;
3657
+ background-color: hsl(var(--a) / var(--tw-bg-opacity));
3658
+ --tw-text-opacity: 1;
3659
+ color: hsl(var(--ac) / var(--tw-text-opacity));
3660
+ }
3661
+ .toggle:disabled {
3662
+ cursor: not-allowed;
3663
+ border-color: transparent;
3664
+ background-color: hsl(var(--bc) / var(--tw-bg-opacity));
3665
+ --tw-bg-opacity: 0.2;
3666
+ }
3667
+
3668
+ /* backward comptability */
3669
+
3670
+ .toggle-mark {
3671
+ display: none;
3672
+ }
3673
+ .tooltip {
3674
+ position: relative;
3675
+ display: inline-block;
3676
+ text-align: center;
3677
+ --tooltip-tail: 3px;
3678
+ --tooltip-color: hsl(var(--n));
3679
+ --tooltip-text-color: hsl(var(--nc));
3680
+ --tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
3681
+ }
3682
+ .tooltip:before, .tooltip:after {
3683
+ opacity: 0;
3684
+ transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
3685
+ transition-delay: 100ms;
3686
+ transition-duration: 200ms;
3687
+ transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
3688
+ }
3689
+ .tooltip:after {
3690
+ position: absolute;
3691
+ }
3692
+ .tooltip:before {
3693
+ max-width: 20rem;
3694
+ border-radius: 0.25rem;
3695
+ padding-left: 0.5rem;
3696
+ padding-right: 0.5rem;
3697
+ padding-top: 0.25rem;
3698
+ padding-bottom: 0.25rem;
3699
+ font-size: 0.875rem;
3700
+ line-height: 1.25rem;
3701
+ background-color: var(--tooltip-color);
3702
+ color: var(--tooltip-text-color);
3703
+ width: max-content;
3704
+ }
3705
+ .tooltip.tooltip-open:before, .tooltip.tooltip-open:after, .tooltip:hover:before, .tooltip:hover:after {
3706
+ opacity: 1;
3707
+ transition-delay: 75ms;
3708
+ }
3709
+ .tooltip:after {
3710
+ content: "";
3711
+ border-style: solid;
3712
+ border-width: var(--tooltip-tail, 0);
3713
+ width: 0;
3714
+ height: 0;
3715
+ display: block;
3716
+ position: absolute;
3717
+ transform: translateX(-50%);
3718
+ border-color: var(--tooltip-color) transparent transparent transparent;
3719
+ top: auto;
3720
+ left: 50%;
3721
+ right: auto;
3722
+ bottom: var(--tooltip-tail-offset);
3723
+ }
3724
+ .tooltip-bottom:after {
3725
+ transform: translateX(-50%);
3726
+ border-color: transparent transparent var(--tooltip-color) transparent;
3727
+ top: var(--tooltip-tail-offset);
3728
+ left: 50%;
3729
+ right: auto;
3730
+ bottom: auto;
3731
+ }
3732
+ .tooltip-left:after {
3733
+ transform: translateY(-50%);
3734
+ border-color: transparent transparent transparent var(--tooltip-color);
3735
+ top: 50%;
3736
+ left: auto;
3737
+ right: calc(var(--tooltip-tail-offset) + 1px);
3738
+ bottom: auto;
3739
+ }
3740
+ .tooltip-right:after {
3741
+ transform: translateY(-50%);
3742
+ border-color: transparent var(--tooltip-color) transparent transparent;
3743
+ top: 50%;
3744
+ left: calc(var(--tooltip-tail-offset) + 1px);
3745
+ right: auto;
3746
+ bottom: auto;
3747
+ }
3748
+ .tooltip-primary {
3749
+ --tooltip-color: hsl(var(--p));
3750
+ --tooltip-text-color: hsl(var(--pc));
3751
+ }
3752
+ .tooltip-secondary {
3753
+ --tooltip-color: hsl(var(--s));
3754
+ --tooltip-text-color: hsl(var(--sc));
3755
+ }
3756
+ .tooltip-accent {
3757
+ --tooltip-color: hsl(var(--a));
3758
+ --tooltip-text-color: hsl(var(--ac));
3759
+ }
3760
+ .tooltip-info {
3761
+ --tooltip-color: hsla(var(--in));
3762
+ --tooltip-text-color: hsl(var(--inc));
3763
+ }
3764
+ .tooltip-success {
3765
+ --tooltip-color: hsla(var(--su));
3766
+ --tooltip-text-color: hsl(var(--suc));
3767
+ }
3768
+ .tooltip-warning {
3769
+ --tooltip-color: hsla(var(--wa));
3770
+ --tooltip-text-color: hsl(var(--wac));
3771
+ }
3772
+ .tooltip-error {
3773
+ --tooltip-color: hsla(var(--er));
3774
+ --tooltip-text-color: hsl(var(--erc));
3775
+ }
3776
+ :root .prose{
3777
+ --tw-prose-body: hsla(var(--bc)/.8);
3778
+ --tw-prose-headings: hsl(var(--bc));
3779
+ --tw-prose-lead: hsl(var(--bc));
3780
+ --tw-prose-links: hsl(var(--bc));
3781
+ --tw-prose-bold: hsl(var(--bc));
3782
+ --tw-prose-counters: hsl(var(--bc));
3783
+ --tw-prose-bullets: hsla(var(--bc)/.5);
3784
+ --tw-prose-hr: hsla(var(--bc)/.2);
3785
+ --tw-prose-quotes: hsl(var(--bc));
3786
+ --tw-prose-quote-borders: hsla(var(--bc)/.2);
3787
+ --tw-prose-captions: hsla(var(--bc)/.5);
3788
+ --tw-prose-code: hsl(var(--bc));
3789
+ --tw-prose-pre-code: hsl(var(--nc));
3790
+ --tw-prose-pre-bg: hsl(var(--n));
3791
+ --tw-prose-th-borders: hsla(var(--bc)/.5);
3792
+ --tw-prose-td-borders: hsla(var(--bc)/.2);
3793
+ }
3794
+ .prose :where(code):not(:where([class~="not-prose"] *)){
3795
+ padding: 2px 8px;
3796
+ border-radius: var(--rounded-badge);
3797
+ }
3798
+ .prose code:after,
3799
+ .prose code:before{
3800
+ content: none;
3801
+ }
3802
+ .prose pre code{
3803
+ border-radius: none;
3804
+ padding: 0;
3805
+ }
3806
+ .prose :where(tbody tr, thead):not(:where([class~="not-prose"] *)){
3807
+ border-bottom-color: hsl(var(--bc) / 20%);
3808
+ }