@charset "UTF-8"; /** * simplemde v1.11.2 * Copyright Next Step Webs, Inc. * @link https://github.com/NextStepWebs/simplemde-markdown-editor * @license MIT */ .CodeMirror{ color:#000 } .CodeMirror-lines{ padding:4px 0 } .CodeMirror pre{ padding:0 4px } .CodeMirror-gutter-filler,.CodeMirror-scrollbar-filler{ background-color:#fff } .CodeMirror-gutters{ border-right:1px solid #ddd; background-color:#f7f7f7; white-space:nowrap } .CodeMirror-linenumber{ padding:0 3px 0 5px; min-width:20px; text-align:right; color:#999; white-space:nowrap } .CodeMirror-guttermarker{ color:#000 } .CodeMirror-guttermarker-subtle{ color:#999 } .CodeMirror-cursor{ border-left:1px solid #000; border-right:none; width:0 } .CodeMirror div.CodeMirror-secondarycursor{ border-left:1px solid silver } .cm-fat-cursor .CodeMirror-cursor{ width:auto; border:0!important; background:#7e7 } .cm-fat-cursor div.CodeMirror-cursors{ z-index:1 } .cm-animate-fat-cursor{ width:auto; border:0; animation:blink 1.06s steps(1) infinite; background-color:#7e7 } @keyframes blink{ 50%{ background-color:transparent } } .cm-tab{ display:inline-block; text-decoration:inherit } .CodeMirror-ruler{ border-left:1px solid #ccc; position:absolute } .cm-s-default .cm-header{ color:#00f } .cm-s-default .cm-quote{ color:#090 } .cm-negative{ color:#d44 } .cm-positive{ color:#292 } .cm-header,.cm-strong{ font-weight:700 } .cm-em{ font-style:italic } .cm-link{ text-decoration:underline } .cm-strikethrough{ text-decoration:line-through } .cm-s-default .cm-keyword{ color:#708 } .cm-s-default .cm-atom{ color:#219 } .cm-s-default .cm-number{ color:#164 } .cm-s-default .cm-def{ color:#00f } .cm-s-default .cm-variable-2{ color:#05a } .cm-s-default .cm-variable-3{ color:#085 } .cm-s-default .cm-comment{ color:#a50 } .cm-s-default .cm-string{ color:#a11 } .cm-s-default .cm-string-2{ color:#f50 } .cm-s-default .cm-meta,.cm-s-default .cm-qualifier{ color:#555 } .cm-s-default .cm-builtin{ color:#30a } .cm-s-default .cm-bracket{ color:#997 } .cm-s-default .cm-tag{ color:#170 } .cm-s-default .cm-attribute{ color:#00c } .cm-s-default .cm-hr{ color:#999 } .cm-s-default .cm-link{ color:#00c } .cm-invalidchar,.cm-s-default .cm-error{ color:red } .CodeMirror-composing{ border-bottom:2px solid } div.CodeMirror span.CodeMirror-matchingbracket{ color:#0f0 } div.CodeMirror span.CodeMirror-nonmatchingbracket{ color:#f22 } .CodeMirror-matchingtag{ background:rgba(255,150,0,.3) } .CodeMirror-activeline-background{ background:#e8f2ff } .CodeMirror{ position:relative; overflow:hidden; background:#fff } .CodeMirror-scroll{ overflow:scroll!important; margin-bottom:-30px; margin-right:-30px; padding-bottom:30px; height:100%; outline:0; position:relative } .CodeMirror-sizer{ position:relative; border-right:30px solid transparent } .CodeMirror-gutter-filler,.CodeMirror-hscrollbar,.CodeMirror-scrollbar-filler,.CodeMirror-vscrollbar{ position:absolute; z-index:6; display:none } .CodeMirror-vscrollbar{ right:0; top:0; overflow-x:hidden; overflow-y:scroll } .CodeMirror-hscrollbar{ bottom:0; left:0; overflow-y:hidden; overflow-x:scroll } .CodeMirror-scrollbar-filler{ right:0; bottom:0 } .CodeMirror-gutter-filler{ left:0; bottom:0 } .CodeMirror-gutters{ position:absolute; left:0; top:0; min-height:100%; z-index:3 } .CodeMirror-gutter{ white-space:normal; height:100%; display:inline-block; vertical-align:top; margin-bottom:-30px } .CodeMirror-gutter-wrapper{ position:absolute; z-index:4; background:0 0!important; border:none!important; -webkit-user-select:none; user-select:none } .CodeMirror-gutter-background{ position:absolute; top:0; bottom:0; z-index:4 } .CodeMirror-gutter-elt{ position:absolute; cursor:default; z-index:4 } .CodeMirror-lines{ cursor:text; min-height:1px } .CodeMirror pre{ border-radius:0; border-width:0; background:0 0; font-family:inherit; font-size:inherit; margin:0; white-space:pre; word-wrap:normal; line-height:inherit; color:inherit; z-index:2; position:relative; overflow:visible; -webkit-tap-highlight-color:transparent; font-variant-ligatures:none } .CodeMirror-wrap pre{ word-wrap:break-word; white-space:pre-wrap; word-break:normal } .CodeMirror-linebackground{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0 } .CodeMirror-linewidget{ position:relative; z-index:2; overflow:auto } .CodeMirror-code{ outline:0 } .CodeMirror-gutter,.CodeMirror-gutters,.CodeMirror-linenumber,.CodeMirror-scroll,.CodeMirror-sizer{ box-sizing:content-box } .CodeMirror-measure{ position:absolute; width:100%; height:0; overflow:hidden; visibility:hidden } .CodeMirror-cursor{ position:absolute } .CodeMirror-measure pre{ position:static } div.CodeMirror-cursors{ visibility:hidden; position:relative; z-index:3 } .CodeMirror-focused div.CodeMirror-cursors,div.CodeMirror-dragcursors{ visibility:visible } .CodeMirror-selected{ background:#d9d9d9 } .CodeMirror-focused .CodeMirror-selected,.CodeMirror-line::selection,.CodeMirror-line>span::selection,.CodeMirror-line>span>span::selection{ background:#d7d4f0 } .CodeMirror-crosshair{ cursor:crosshair } .CodeMirror-line::-moz-selection,.CodeMirror-line>span::-moz-selection,.CodeMirror-line>span>span::-moz-selection{ background:#d7d4f0 } .cm-searching{ background:#ffa; background:rgba(255,255,0,.4) } .cm-force-border{ padding-right:.1px } @media print{ .CodeMirror div.CodeMirror-cursors{ visibility:hidden } } .cm-tab-wrap-hack:after{ content:'' } span.CodeMirror-selectedtext{ background:0 0 } .CodeMirror{ height:auto; min-height:300px; border:1px solid #ddd; border-bottom-left-radius:4px; border-bottom-right-radius:4px; padding:10px; font:inherit; z-index:1 } .CodeMirror-scroll{ min-height:300px } .CodeMirror-fullscreen{ background:#fff; position:fixed!important; top:50px; left:0; right:0; bottom:0; height:auto; z-index:9 } .CodeMirror-sided{ width:50%!important } .editor-toolbar{ position:relative; opacity:.6; -webkit-user-select:none; -o-user-select:none; user-select:none; padding:0 10px; border-top:1px solid #bbb; border-left:1px solid #bbb; border-right:1px solid #bbb; border-top-left-radius:4px; border-top-right-radius:4px } .editor-toolbar:after,.editor-toolbar:before{ display:block; content:' '; height:1px } .editor-toolbar:before{ margin-bottom:8px } .editor-toolbar:after{ margin-top:8px } .editor-toolbar:hover,.editor-wrapper input.title:focus,.editor-wrapper input.title:hover{ opacity:.8 } .editor-toolbar.fullscreen{ width:100%; height:50px; overflow-x:auto; overflow-y:hidden; white-space:nowrap; padding-top:10px; padding-bottom:10px; box-sizing:border-box; background:#fff; border:0; position:fixed; top:0; left:0; opacity:1; z-index:9 } .editor-toolbar.fullscreen::before{ width:20px; height:50px; background:linear-gradient(to right,rgba(255,255,255,1) 0,rgba(255,255,255,0) 100%); position:fixed; top:0; left:0; margin:0; padding:0 } .editor-toolbar.fullscreen::after{ width:20px; height:50px; background:linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%); position:fixed; top:0; right:0; margin:0; padding:0 } .editor-toolbar a{ display:inline-block; text-align:center; text-decoration:none!important; color:#2c3e50!important; width:30px; height:30px; margin:0; border:1px solid transparent; border-radius:3px; cursor:pointer } .editor-toolbar a.active,.editor-toolbar a:hover{ background:#fcfcfc; border-color:#95a5a6 } .editor-toolbar a:before{ line-height:30px } .editor-toolbar i.separator{ display:inline-block; width:0; border-left:1px solid #d9d9d9; border-right:1px solid #fff; color:transparent; text-indent:-10px; margin:0 6px } .editor-toolbar a.fa-header-x:after{ font-family:Arial,"Helvetica Neue",Helvetica,sans-serif; font-size:65%; vertical-align:text-bottom; position:relative; top:2px } .editor-toolbar a.fa-header-1:after{ content:"1" } .editor-toolbar a.fa-header-2:after{ content:"2" } .editor-toolbar a.fa-header-3:after{ content:"3" } .editor-toolbar a.fa-header-bigger:after{ content:"▲" } .editor-toolbar a.fa-header-smaller:after{ content:"▼" } .editor-toolbar.disabled-for-preview a:not(.no-disable){ pointer-events:none; background:#fff; border-color:transparent; text-shadow:inherit } @media only screen and (max-width:700px){ .editor-toolbar a.no-mobile{ display:none } } .editor-statusbar{ padding:8px 10px; font-size:12px; color:#959694; text-align:right } .editor-statusbar span{ display:inline-block; min-width:4em; margin-left:1em } .editor-preview,.editor-preview-side{ padding:10px; background:#fafafa; overflow:auto; display:none; box-sizing:border-box } .editor-statusbar .lines:before{ content:'lines: ' } .editor-statusbar .words:before{ content:'words: ' } .editor-statusbar .characters:before{ content:'characters: ' } .editor-preview{ position:absolute; width:100%; height:100%; top:0; left:0; z-index:7 } .editor-preview-side{ position:fixed; bottom:0; width:50%; top:50px; right:0; z-index:9; border:1px solid #ddd } .editor-preview-active,.editor-preview-active-side{ display:block } .editor-preview-side>p,.editor-preview>p{ margin-top:0 } .editor-preview pre,.editor-preview-side pre{ background:#eee; margin-bottom:10px } .editor-preview table td,.editor-preview table th,.editor-preview-side table td,.editor-preview-side table th{ border:1px solid #ddd; padding:5px } .CodeMirror .CodeMirror-code .cm-tag{ color:#63a35c } .CodeMirror .CodeMirror-code .cm-attribute{ color:#795da3 } .CodeMirror .CodeMirror-code .cm-string{ color:#183691 } .CodeMirror .CodeMirror-selected{ background:#d9d9d9 } .CodeMirror .CodeMirror-code .cm-header-1{ font-size:200%; line-height:200% } .CodeMirror .CodeMirror-code .cm-header-2{ font-size:160%; line-height:160% } .CodeMirror .CodeMirror-code .cm-header-3{ font-size:125%; line-height:125% } .CodeMirror .CodeMirror-code .cm-header-4{ font-size:110%; line-height:110% } .CodeMirror .CodeMirror-code .cm-comment{ background:rgba(0,0,0,.05); border-radius:2px } .CodeMirror .CodeMirror-code .cm-link{ color:#7f8c8d } .CodeMirror .CodeMirror-code .cm-url{ color:#aab2b3 } .CodeMirror .CodeMirror-code .cm-strikethrough{ text-decoration:line-through } .CodeMirror .CodeMirror-placeholder{ opacity:.5 } .CodeMirror .cm-spell-error:not(.cm-url):not(.cm-comment):not(.cm-tag):not(.cm-word){ background:rgba(255,0,0,.15) } .tippy-box[data-animation=fade][data-state=hidden]{ opacity:0 } [data-tippy-root]{ max-width:calc(100vw - 10px) } .tippy-box{ position:relative; background-color:#333; color:#fff; border-radius:4px; font-size:14px; line-height:1.4; outline:0; transition-property:transform,visibility,opacity } .tippy-box[data-placement^=top]>.tippy-arrow{ bottom:0 } .tippy-box[data-placement^=top]>.tippy-arrow:before{ bottom:-7px; left:0; border-width:8px 8px 0; border-top-color:initial; transform-origin:center top } .tippy-box[data-placement^=bottom]>.tippy-arrow{ top:0 } .tippy-box[data-placement^=bottom]>.tippy-arrow:before{ top:-7px; left:0; border-width:0 8px 8px; border-bottom-color:initial; transform-origin:center bottom } .tippy-box[data-placement^=left]>.tippy-arrow{ right:0 } .tippy-box[data-placement^=left]>.tippy-arrow:before{ border-width:8px 0 8px 8px; border-left-color:initial; right:-7px; transform-origin:center left } .tippy-box[data-placement^=right]>.tippy-arrow{ left:0 } .tippy-box[data-placement^=right]>.tippy-arrow:before{ left:-7px; border-width:8px 8px 8px 0; border-right-color:initial; transform-origin:center right } .tippy-box[data-inertia][data-state=visible]{ transition-timing-function:cubic-bezier(.54,1.5,.38,1.11) } .tippy-arrow{ width:16px; height:16px; color:#333 } .tippy-arrow:before{ content:""; position:absolute; border-color:transparent; border-style:solid } .tippy-content{ position:relative; padding:5px 9px; z-index:1 } .tippy-box[data-theme~=light]{ color:#26323d; box-shadow:0 0 20px 4px rgba(154,161,177,.15),0 4px 80px -8px rgba(36,40,47,.25),0 4px 4px -2px rgba(91,94,105,.15); background-color:#fff } .tippy-box[data-theme~=light][data-placement^=top]>.tippy-arrow:before{ border-top-color:#fff } .tippy-box[data-theme~=light][data-placement^=bottom]>.tippy-arrow:before{ border-bottom-color:#fff } .tippy-box[data-theme~=light][data-placement^=left]>.tippy-arrow:before{ border-left-color:#fff } .tippy-box[data-theme~=light][data-placement^=right]>.tippy-arrow:before{ border-right-color:#fff } .tippy-box[data-theme~=light]>.tippy-backdrop{ background-color:#fff } .tippy-box[data-theme~=light]>.tippy-svg-arrow{ fill:#fff } .flatpickr-calendar { background: transparent; opacity: 0; display: none; text-align: center; visibility: hidden; padding: 0; animation: none; direction: ltr; border: 0; font-size: 14px; line-height: 24px; border-radius: 5px; position: absolute; width: 307.875px; box-sizing: border-box; touch-action: manipulation; background: #fff; box-shadow: 1px 0 0 #e6e6e6, -1px 0 0 #e6e6e6, 0 1px 0 #e6e6e6, 0 -1px 0 #e6e6e6, 0 3px 13px rgba(0,0,0,0.08); } .flatpickr-calendar.open, .flatpickr-calendar.inline { opacity: 1; max-height: 640px; visibility: visible; } .flatpickr-calendar.open { display: inline-block; z-index: 99999; } .flatpickr-calendar.animate.open { animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); } .flatpickr-calendar.inline { display: block; position: relative; top: 2px; } .flatpickr-calendar.static { position: absolute; top: calc(100% + 2px); } .flatpickr-calendar.static.open { z-index: 999; display: block; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) { box-shadow: none !important; } .flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) { box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-calendar .hasWeeks .dayContainer, .flatpickr-calendar .hasTime .dayContainer { border-bottom: 0; border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .flatpickr-calendar .hasWeeks .dayContainer { border-left: 0; } .flatpickr-calendar.hasTime .flatpickr-time { height: 40px; border-top: 1px solid #e6e6e6; } .flatpickr-calendar.noCalendar.hasTime .flatpickr-time { height: auto; } .flatpickr-calendar:before, .flatpickr-calendar:after { position: absolute; display: block; pointer-events: none; border: solid transparent; content: ''; height: 0; width: 0; left: 22px; } .flatpickr-calendar.rightMost:before, .flatpickr-calendar.arrowRight:before, .flatpickr-calendar.rightMost:after, .flatpickr-calendar.arrowRight:after { left: auto; right: 22px; } .flatpickr-calendar.arrowCenter:before, .flatpickr-calendar.arrowCenter:after { left: 50%; right: 50%; } .flatpickr-calendar:before { border-width: 5px; margin: 0 -5px; } .flatpickr-calendar:after { border-width: 4px; margin: 0 -4px; } .flatpickr-calendar.arrowTop:before, .flatpickr-calendar.arrowTop:after { bottom: 100%; } .flatpickr-calendar.arrowTop:before { border-bottom-color: #e6e6e6; } .flatpickr-calendar.arrowTop:after { border-bottom-color: #fff; } .flatpickr-calendar.arrowBottom:before, .flatpickr-calendar.arrowBottom:after { top: 100%; } .flatpickr-calendar.arrowBottom:before { border-top-color: #e6e6e6; } .flatpickr-calendar.arrowBottom:after { border-top-color: #fff; } .flatpickr-calendar:focus { outline: 0; } .flatpickr-wrapper { position: relative; display: inline-block; } .flatpickr-months { display: flex; } .flatpickr-months .flatpickr-month { background: transparent; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); height: 34px; line-height: 1; text-align: center; position: relative; -webkit-user-select: none; user-select: none; overflow: hidden; flex: 1; } .flatpickr-months .flatpickr-prev-month, .flatpickr-months .flatpickr-next-month { text-decoration: none; cursor: pointer; position: absolute; top: 0; height: 34px; padding: 10px; z-index: 3; color: rgba(0,0,0,0.9); fill: rgba(0,0,0,0.9); } .flatpickr-months .flatpickr-prev-month.flatpickr-disabled, .flatpickr-months .flatpickr-next-month.flatpickr-disabled { display: none; } .flatpickr-months .flatpickr-prev-month i, .flatpickr-months .flatpickr-next-month i { position: relative; } .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month, .flatpickr-months .flatpickr-next-month.flatpickr-prev-month { /* /*rtl:begin:ignore*/ /* */ left: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month.flatpickr-next-month, .flatpickr-months .flatpickr-next-month.flatpickr-next-month { /* /*rtl:begin:ignore*/ /* */ right: 0; /* /*rtl:end:ignore*/ /* */ } /* /*rtl:begin:ignore*/ /* /*rtl:end:ignore*/ .flatpickr-months .flatpickr-prev-month:hover, .flatpickr-months .flatpickr-next-month:hover { color: #959ea9; } .flatpickr-months .flatpickr-prev-month:hover svg, .flatpickr-months .flatpickr-next-month:hover svg { fill: #f64747; } .flatpickr-months .flatpickr-prev-month svg, .flatpickr-months .flatpickr-next-month svg { width: 14px; height: 14px; } .flatpickr-months .flatpickr-prev-month svg path, .flatpickr-months .flatpickr-next-month svg path { transition: fill 0.1s; fill: inherit; } .numInputWrapper { position: relative; height: auto; } .numInputWrapper input, .numInputWrapper span { display: inline-block; } .numInputWrapper input { width: 100%; } .numInputWrapper input::-ms-clear { display: none; } .numInputWrapper input::-webkit-outer-spin-button, .numInputWrapper input::-webkit-inner-spin-button { margin: 0; -webkit-appearance: none; } .numInputWrapper span { position: absolute; right: 0; width: 14px; padding: 0 4px 0 2px; height: 50%; line-height: 50%; opacity: 0; cursor: pointer; border: 1px solid rgba(57,57,57,0.15); box-sizing: border-box; } .numInputWrapper span:hover { background: rgba(0,0,0,0.1); } .numInputWrapper span:active { background: rgba(0,0,0,0.2); } .numInputWrapper span:after { display: block; content: ""; position: absolute; } .numInputWrapper span.arrowUp { top: 0; border-bottom: 0; } .numInputWrapper span.arrowUp:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 4px solid rgba(57,57,57,0.6); top: 26%; } .numInputWrapper span.arrowDown { top: 50%; } .numInputWrapper span.arrowDown:after { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid rgba(57,57,57,0.6); top: 40%; } .numInputWrapper span svg { width: inherit; height: auto; } .numInputWrapper span svg path { fill: rgba(0,0,0,0.5); } .numInputWrapper:hover { background: rgba(0,0,0,0.05); } .numInputWrapper:hover span { opacity: 1; } .flatpickr-current-month { font-size: 135%; line-height: inherit; font-weight: 300; color: inherit; position: absolute; width: 75%; left: 12.5%; padding: 7.48px 0 0 0; line-height: 1; height: 34px; display: inline-block; text-align: center; transform: translate3d(0px, 0px, 0px); } .flatpickr-current-month span.cur-month { font-family: inherit; font-weight: 700; color: inherit; display: inline-block; margin-left: 0.5ch; padding: 0; } .flatpickr-current-month span.cur-month:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .numInputWrapper { width: 6ch; width: 7ch\0; display: inline-block; } .flatpickr-current-month .numInputWrapper span.arrowUp:after { border-bottom-color: rgba(0,0,0,0.9); } .flatpickr-current-month .numInputWrapper span.arrowDown:after { border-top-color: rgba(0,0,0,0.9); } .flatpickr-current-month input.cur-year { background: transparent; box-sizing: border-box; color: inherit; cursor: text; padding: 0 0 0 0.5ch; margin: 0; display: inline-block; font-size: inherit; font-family: inherit; font-weight: 300; line-height: inherit; height: auto; border: 0; border-radius: 0; vertical-align: initial; -webkit-appearance: textfield; appearance: textfield; } .flatpickr-current-month input.cur-year:focus { outline: 0; } .flatpickr-current-month input.cur-year[disabled], .flatpickr-current-month input.cur-year[disabled]:hover { font-size: 100%; color: rgba(0,0,0,0.5); background: transparent; pointer-events: none; } .flatpickr-current-month .flatpickr-monthDropdown-months { appearance: menulist; background: transparent; border: none; border-radius: 0; box-sizing: border-box; color: inherit; cursor: pointer; font-size: inherit; font-family: inherit; font-weight: 300; height: auto; line-height: inherit; margin: -1px 0 0 0; outline: none; padding: 0 0 0 0.5ch; position: relative; vertical-align: initial; -webkit-box-sizing: border-box; -webkit-appearance: menulist; -moz-appearance: menulist; width: auto; } .flatpickr-current-month .flatpickr-monthDropdown-months:focus, .flatpickr-current-month .flatpickr-monthDropdown-months:active { outline: none; } .flatpickr-current-month .flatpickr-monthDropdown-months:hover { background: rgba(0,0,0,0.05); } .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month { background-color: transparent; outline: none; padding: 0; } .flatpickr-weekdays { background: transparent; text-align: center; overflow: hidden; width: 100%; display: flex; align-items: center; height: 28px; } .flatpickr-weekdays .flatpickr-weekdaycontainer { display: flex; flex: 1; } span.flatpickr-weekday { cursor: default; font-size: 90%; background: transparent; color: rgba(0,0,0,0.54); line-height: 1; margin: 0; text-align: center; display: block; flex: 1; font-weight: bolder; } .dayContainer, .flatpickr-weeks { padding: 1px 0 0 0; } .flatpickr-days { position: relative; overflow: hidden; display: flex; align-items: flex-start; width: 307.875px; } .flatpickr-days:focus { outline: 0; } .dayContainer { padding: 0; outline: 0; text-align: left; width: 307.875px; min-width: 307.875px; max-width: 307.875px; box-sizing: border-box; display: inline-block; display: flex; flex-wrap: wrap; -ms-flex-wrap: wrap; justify-content: space-around; transform: translate3d(0px, 0px, 0px); opacity: 1; } .dayContainer + .dayContainer { box-shadow: -1px 0 0 #e6e6e6; } .flatpickr-day { background: none; border: 1px solid transparent; border-radius: 150px; box-sizing: border-box; color: #393939; cursor: pointer; font-weight: 400; width: 14.2857143%; flex-basis: 14.2857143%; max-width: 39px; height: 39px; line-height: 39px; margin: 0; display: inline-block; position: relative; justify-content: center; text-align: center; } .flatpickr-day.inRange, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.today.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day:hover, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.nextMonthDay:hover, .flatpickr-day:focus, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.nextMonthDay:focus { cursor: pointer; outline: 0; background: #e6e6e6; border-color: #e6e6e6; } .flatpickr-day.today { border-color: #959ea9; } .flatpickr-day.today:hover, .flatpickr-day.today:focus { border-color: #959ea9; background: #959ea9; color: #fff; } .flatpickr-day.selected, .flatpickr-day.startRange, .flatpickr-day.endRange, .flatpickr-day.selected.inRange, .flatpickr-day.startRange.inRange, .flatpickr-day.endRange.inRange, .flatpickr-day.selected:focus, .flatpickr-day.startRange:focus, .flatpickr-day.endRange:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange:hover, .flatpickr-day.endRange:hover, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.endRange.nextMonthDay { background: #569ff7; box-shadow: none; color: #fff; border-color: #569ff7; } .flatpickr-day.selected.startRange, .flatpickr-day.startRange.startRange, .flatpickr-day.endRange.startRange { border-radius: 50px 0 0 50px; } .flatpickr-day.selected.endRange, .flatpickr-day.startRange.endRange, .flatpickr-day.endRange.endRange { border-radius: 0 50px 50px 0; } .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)), .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) { box-shadow: -10px 0 0 #569ff7; } .flatpickr-day.selected.startRange.endRange, .flatpickr-day.startRange.startRange.endRange, .flatpickr-day.endRange.startRange.endRange { border-radius: 50px; } .flatpickr-day.inRange { border-radius: 0; box-shadow: -5px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover, .flatpickr-day.prevMonthDay, .flatpickr-day.nextMonthDay, .flatpickr-day.notAllowed, .flatpickr-day.notAllowed.prevMonthDay, .flatpickr-day.notAllowed.nextMonthDay { color: rgba(57,57,57,0.3); background: transparent; border-color: transparent; cursor: default; } .flatpickr-day.flatpickr-disabled, .flatpickr-day.flatpickr-disabled:hover { cursor: not-allowed; color: rgba(57,57,57,0.1); } .flatpickr-day.week.selected { border-radius: 0; box-shadow: -5px 0 0 #569ff7, 5px 0 0 #569ff7; } .flatpickr-day.hidden { visibility: hidden; } .rangeMode .flatpickr-day { margin-top: 1px; } .flatpickr-weekwrapper { float: left; } .flatpickr-weekwrapper .flatpickr-weeks { padding: 0 12px; box-shadow: 1px 0 0 #e6e6e6; } .flatpickr-weekwrapper .flatpickr-weekday { float: none; width: 100%; line-height: 28px; } .flatpickr-weekwrapper span.flatpickr-day, .flatpickr-weekwrapper span.flatpickr-day:hover { display: block; width: 100%; max-width: none; color: rgba(57,57,57,0.3); background: transparent; cursor: default; border: none; } .flatpickr-innerContainer { display: block; display: flex; box-sizing: border-box; overflow: hidden; } .flatpickr-rContainer { display: inline-block; padding: 0; box-sizing: border-box; } .flatpickr-time { text-align: center; outline: 0; display: block; height: 0; line-height: 40px; max-height: 40px; box-sizing: border-box; overflow: hidden; display: flex; } .flatpickr-time:after { content: ""; display: table; clear: both; } .flatpickr-time .numInputWrapper { flex: 1; width: 40%; height: 40px; float: left; } .flatpickr-time .numInputWrapper span.arrowUp:after { border-bottom-color: #393939; } .flatpickr-time .numInputWrapper span.arrowDown:after { border-top-color: #393939; } .flatpickr-time.hasSeconds .numInputWrapper { width: 26%; } .flatpickr-time.time24hr .numInputWrapper { width: 49%; } .flatpickr-time input { background: transparent; box-shadow: none; border: 0; border-radius: 0; text-align: center; margin: 0; padding: 0; height: inherit; line-height: inherit; color: #393939; font-size: 14px; position: relative; box-sizing: border-box; -webkit-appearance: textfield; appearance: textfield; } .flatpickr-time input.flatpickr-hour { font-weight: bold; } .flatpickr-time input.flatpickr-minute, .flatpickr-time input.flatpickr-second { font-weight: 400; } .flatpickr-time input:focus { outline: 0; border: 0; } .flatpickr-time .flatpickr-time-separator, .flatpickr-time .flatpickr-am-pm { height: inherit; float: left; line-height: inherit; color: #393939; font-weight: bold; width: 2%; -webkit-user-select: none; user-select: none; align-self: center; } .flatpickr-time .flatpickr-am-pm { outline: 0; width: 18%; cursor: pointer; text-align: center; font-weight: 400; } .flatpickr-time input:hover, .flatpickr-time .flatpickr-am-pm:hover, .flatpickr-time input:focus, .flatpickr-time .flatpickr-am-pm:focus { background: #eee; } .flatpickr-input[readonly] { cursor: pointer; } @keyframes fpFadeInDown { from { opacity: 0; transform: translate3d(0, -20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } /*! @algolia/autocomplete-theme-classic 1.0.0-alpha.46 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */ :root{ --aa-search-input-height:44px; --aa-input-icon-size:20px; --aa-base-unit:16; --aa-spacing-factor:1; --aa-spacing:calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px); --aa-spacing-half:calc(var(--aa-spacing)/2); --aa-panel-max-height:650px; --aa-base-z-index:9999; --aa-font-size:calc(var(--aa-base-unit)*1px); --aa-font-family:inherit; --aa-font-weight-medium:500; --aa-font-weight-semibold:600; --aa-font-weight-bold:700; --aa-icon-size:20px; --aa-icon-stroke-width:1.6; --aa-icon-color-rgb:119,119,163; --aa-icon-color-alpha:1; --aa-action-icon-size:20px; --aa-text-color-rgb:38,38,39; --aa-text-color-alpha:1; --aa-primary-color-rgb:62,52,211; --aa-primary-color-alpha:0.2; --aa-muted-color-rgb:128,126,163; --aa-muted-color-alpha:0.6; --aa-panel-border-color-rgb:128,126,163; --aa-panel-border-color-alpha:0.3; --aa-input-border-color-rgb:128,126,163; --aa-input-border-color-alpha:0.8; --aa-background-color-rgb:255,255,255; --aa-background-color-alpha:1; --aa-input-background-color-rgb:255,255,255; --aa-input-background-color-alpha:1; --aa-selected-color-rgb:179,173,214; --aa-selected-color-alpha:0.205; --aa-description-highlight-background-color-rgb:245,223,77; --aa-description-highlight-background-color-alpha:0.5; --aa-detached-media-query:(max-width:680px); --aa-detached-modal-media-query:(min-width:680px); --aa-detached-modal-max-width:680px; --aa-detached-modal-max-height:500px; --aa-overlay-color-rgb:115,114,129; --aa-overlay-color-alpha:0.4; --aa-panel-shadow:0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15); --aa-scrollbar-width:13px; --aa-scrollbar-track-background-color-rgb:234,234,234; --aa-scrollbar-track-background-color-alpha:1; --aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb); --aa-scrollbar-thumb-background-color-alpha:1 } @media (hover:none) and (pointer:coarse){ :root{ --aa-spacing-factor:1.2; --aa-action-icon-size:22px } } body.dark,body[data-theme=dark]{ --aa-text-color-rgb:183,192,199; --aa-primary-color-rgb:146,138,255; --aa-muted-color-rgb:146,138,255; --aa-input-background-color-rgb:0,3,9; --aa-background-color-rgb:21,24,42; --aa-selected-color-rgb:146,138,255; --aa-selected-color-alpha:0.25; --aa-description-highlight-background-color-rgb:0 255 255; --aa-description-highlight-background-color-alpha:0.25; --aa-icon-color-rgb:119,119,163; --aa-panel-shadow:inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309; --aa-scrollbar-track-background-color-rgb:44,46,64; --aa-scrollbar-thumb-background-color-rgb:var(--aa-background-color-rgb) } .aa-Autocomplete *,.aa-DetachedFormContainer *,.aa-Panel *{ box-sizing:border-box } .aa-Autocomplete,.aa-DetachedFormContainer,.aa-Panel{ color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); font-family:inherit; font-family:var(--aa-font-family); font-size:16px; font-size:var(--aa-font-size); font-weight:400; line-height:1em; margin:0; padding:0; text-align:left } .aa-Form{ align-items:center; background-color:#fff; background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha)); border:1px solid rgba(128,126,163,.8); border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha)); border-radius:3px; display:flex; line-height:1em; margin:0; position:relative; width:100% } .aa-Form[focus-within]{ border-color:#3e34d3; border-color:rgba(var(--aa-primary-color-rgb),1); box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2); box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px; outline:medium none currentColor } .aa-Form:focus-within{ border-color:#3e34d3; border-color:rgba(var(--aa-primary-color-rgb),1); box-shadow:0 0 0 2px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2); box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px; outline:medium none currentColor } .aa-InputWrapperPrefix{ align-items:center; display:flex; flex-shrink:0; height:44px; height:var(--aa-search-input-height); order:1 } .aa-Label,.aa-LoadingIndicator{ cursor:auto; flex-shrink:0; height:100%; padding:0; text-align:left } .aa-Label svg,.aa-LoadingIndicator svg{ color:#3e34d3; color:rgba(var(--aa-primary-color-rgb),1); height:auto; max-height:20px; max-height:var(--aa-input-icon-size); stroke-width:1.6; stroke-width:var(--aa-icon-stroke-width); width:20px; width:var(--aa-input-icon-size) } .aa-LoadingIndicator,.aa-SubmitButton{ height:100%; padding-left:11px; padding-left:calc(var(--aa-spacing)*0.75 - 1px); padding-right:8px; padding-right:var(--aa-spacing-half); width:47px; width:calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px) } @media (hover:none) and (pointer:coarse){ .aa-LoadingIndicator,.aa-SubmitButton{ padding-left:3px; padding-left:calc(var(--aa-spacing-half)/2 - 1px); width:39px; width:calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px) } } .aa-SubmitButton{ -webkit-appearance:none; appearance:none; background:none; border:0; margin:0 } .aa-LoadingIndicator{ align-items:center; display:flex; justify-content:center } .aa-LoadingIndicator[hidden]{ display:none } .aa-InputWrapper{ order:3; position:relative; width:100% } .aa-Input{ -webkit-appearance:none; appearance:none; background:none; border:0; color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); font:inherit; height:44px; height:var(--aa-search-input-height); padding:0; width:100% } .aa-Input::placeholder{ color:rgba(128,126,163,.6); color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); opacity:1 } .aa-Input:focus{ border-color:none; box-shadow:none; outline:none } .aa-Input::-webkit-search-cancel-button,.aa-Input::-webkit-search-decoration,.aa-Input::-webkit-search-results-button,.aa-Input::-webkit-search-results-decoration{ -webkit-appearance:none; appearance:none } .aa-InputWrapperSuffix{ align-items:center; display:flex; height:44px; height:var(--aa-search-input-height); order:4 } .aa-ClearButton{ align-items:center; background:none; border:0; color:rgba(128,126,163,.6); color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); cursor:pointer; display:flex; height:100%; margin:0; padding:0 12.83333px; padding:0 calc(var(--aa-spacing)*0.83333 - .5px) } @media (hover:none) and (pointer:coarse){ .aa-ClearButton{ padding:0 10.16667px; padding:0 calc(var(--aa-spacing)*0.66667 - .5px) } } .aa-ClearButton:focus,.aa-ClearButton:hover{ color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)) } .aa-ClearButton[hidden]{ display:none } .aa-ClearButton svg{ stroke-width:1.6; stroke-width:var(--aa-icon-stroke-width); width:20px; width:var(--aa-icon-size) } .aa-Panel{ background-color:#fff; background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)); border-radius:4px; border-radius:calc(var(--aa-spacing)/4); box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15); box-shadow:var(--aa-panel-shadow); margin:8px 0 0; overflow:hidden; position:absolute; transition:opacity .2s ease-in,filter .2s ease-in } @media screen and (prefers-reduced-motion){ .aa-Panel{ transition:none } } .aa-Panel button{ -webkit-appearance:none; appearance:none; background:none; border:0; margin:0; padding:0 } .aa-PanelLayout{ height:100%; margin:0; max-height:650px; max-height:var(--aa-panel-max-height); overflow-y:auto; padding:0; position:relative; text-align:left } .aa-PanelLayoutColumns--twoGolden{ display:grid; grid-template-columns:39.2% auto; overflow:hidden; padding:0 } .aa-PanelLayoutColumns--two{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); overflow:hidden; padding:0 } .aa-PanelLayoutColumns--three{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); overflow:hidden; padding:0 } .aa-Panel--stalled .aa-Source{ filter:grayscale(1); opacity:.8 } .aa-Panel--scrollable{ margin:0; max-height:650px; max-height:var(--aa-panel-max-height); overflow-x:hidden; overflow-y:auto; padding:8px; padding:var(--aa-spacing-half); scrollbar-color:#fff #eaeaea; scrollbar-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha)); scrollbar-width:thin } .aa-Panel--scrollable::-webkit-scrollbar{ width:13px; width:var(--aa-scrollbar-width) } .aa-Panel--scrollable::-webkit-scrollbar-track{ background-color:#eaeaea; background-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha)) } .aa-Panel--scrollable::-webkit-scrollbar-thumb{ background-color:#fff; background-color:rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)); border-radius:9999px; border:3px solid #eaeaea; border-color:rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha)); border-right:2px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha)) } .aa-Source{ margin:0; padding:0; position:relative; width:100% } .aa-Source:empty{ display:none } .aa-SourceNoResults{ font-size:1em; margin:0; padding:16px; padding:var(--aa-spacing) } .aa-List{ list-style:none; margin:0 } .aa-List,.aa-SourceHeader{ padding:0; position:relative } .aa-SourceHeader{ margin:8px .5em 8px 0; margin:var(--aa-spacing-half) .5em var(--aa-spacing-half) 0 } .aa-SourceHeader:empty{ display:none } .aa-SourceHeaderTitle{ background:#fff; background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)); color:#3e34d3; color:rgba(var(--aa-primary-color-rgb),1); display:inline-block; font-size:.8em; font-weight:600; font-weight:var(--aa-font-weight-semibold); margin:0; padding:0 8px 0 0; padding:0 var(--aa-spacing-half) 0 0; position:relative; z-index:9999; z-index:var(--aa-base-z-index) } .aa-SourceHeaderLine{ border-bottom:1px solid #3e34d3; border-bottom:1px solid rgba(var(--aa-primary-color-rgb),1); display:block; height:2px; left:0; margin:0; opacity:.3; padding:0; position:absolute; right:0; top:8px; top:var(--aa-spacing-half); z-index:9998; z-index:calc(var(--aa-base-z-index) - 1) } .aa-SourceFooterSeeAll{ background:linear-gradient(180deg,#fff,rgba(128,126,163,.14)); background:linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14)); border:1px solid rgba(128,126,163,.6); border:1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); border-radius:5px; box-shadow:inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15); color:inherit; font-size:.95em; font-weight:500; font-weight:var(--aa-font-weight-medium); padding:.475em 1em .6em; text-decoration:none } .aa-SourceFooterSeeAll:focus,.aa-SourceFooterSeeAll:hover{ border:1px solid #3e34d3; border:1px solid rgba(var(--aa-primary-color-rgb),1); color:#3e34d3; color:rgba(var(--aa-primary-color-rgb),1) } .aa-Item{ align-items:center; border-radius:3px; cursor:pointer; min-height:40px; min-height:calc(var(--aa-spacing)*2.5); padding:4px; padding:calc(var(--aa-spacing-half)/2) } .aa-Item[aria-selected=true]{ background-color:rgba(179,173,214,.205); background-color:rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha)) } .aa-Item[aria-selected=true] .aa-ActiveOnly,.aa-Item[aria-selected=true] .aa-ItemActionButton{ visibility:visible } .aa-ItemIcon{ align-items:center; background:#fff; background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)); border-radius:3px; box-shadow:inset 0 0 0 1px rgba(128,126,163,.3); box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha)); color:#7777a3; color:rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha)); display:flex; flex-shrink:0; font-size:.7em; height:28px; height:calc(var(--aa-icon-size) + var(--aa-spacing-half)); justify-content:center; overflow:hidden; stroke-width:1.6; stroke-width:var(--aa-icon-stroke-width); text-align:center; width:28px; width:calc(var(--aa-icon-size) + var(--aa-spacing-half)) } .aa-ItemIcon img{ height:auto; max-height:20px; max-height:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px); max-width:20px; max-width:calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px); width:auto } .aa-ItemIcon svg{ height:20px; height:var(--aa-icon-size); width:20px; width:var(--aa-icon-size) } .aa-ItemIcon--alignTop{ align-self:flex-start } .aa-ItemIcon--noBorder{ background:none; box-shadow:none } .aa-ItemIcon--picture{ height:96px; width:96px } .aa-ItemIcon--picture img{ max-height:100%; max-width:100%; padding:8px; padding:var(--aa-spacing-half) } .aa-ItemContent{ align-items:center; cursor:pointer; display:grid; grid-gap:8px; gap:8px; grid-gap:var(--aa-spacing-half); gap:var(--aa-spacing-half); grid-auto-flow:column; line-height:1.25em; overflow:hidden } .aa-ItemContent:empty{ display:none } .aa-ItemContent mark{ background:none; color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); font-style:normal; font-weight:700; font-weight:var(--aa-font-weight-bold) } .aa-ItemContent--dual{ display:flex; flex-direction:column; justify-content:space-between; text-align:left } .aa-ItemContent--dual .aa-ItemContentSubtitle,.aa-ItemContent--dual .aa-ItemContentTitle{ display:block } .aa-ItemContent--indented{ padding-left:36px; padding-left:calc(var(--aa-icon-size) + var(--aa-spacing)) } .aa-ItemContentBody{ display:grid; grid-gap:4px; gap:4px; grid-gap:calc(var(--aa-spacing-half)/2); gap:calc(var(--aa-spacing-half)/2) } .aa-ItemContentTitle{ display:inline-block; margin:0 .5em 0 0; max-width:100%; overflow:hidden; padding:0; text-overflow:ellipsis; white-space:nowrap } .aa-ItemContentSubtitle{ font-size:.92em } .aa-ItemContentSubtitleIcon:before{ border-color:rgba(128,126,163,.64); border-color:rgba(var(--aa-muted-color-rgb),.64); border-style:solid; content:""; display:inline-block; left:1px; position:relative; top:-3px } .aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before{ border-width:0 0 1.5px; margin-left:8px; margin-left:var(--aa-spacing-half); margin-right:4px; margin-right:calc(var(--aa-spacing-half)/2); width:10px; width:calc(var(--aa-spacing-half) + 2px) } .aa-ItemContentSubtitle--standalone{ align-items:center; color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); display:grid; grid-gap:8px; gap:8px; grid-gap:var(--aa-spacing-half); gap:var(--aa-spacing-half); grid-auto-flow:column; justify-content:start } .aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before{ border-radius:0 0 0 3px; border-width:0 0 1.5px 1.5px; height:8px; height:var(--aa-spacing-half); width:8px; width:var(--aa-spacing-half) } .aa-ItemContentSubtitleCategory{ color:#807ea3; color:rgba(var(--aa-muted-color-rgb),1); font-weight:500 } .aa-ItemContentDescription{ color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); font-size:.85em; max-width:100%; overflow-x:hidden; text-overflow:ellipsis } .aa-ItemContentDescription:empty{ display:none } .aa-ItemContentDescription mark{ background:rgba(245,223,77,.5); background:rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha)); color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); font-style:normal; font-weight:500; font-weight:var(--aa-font-weight-medium) } .aa-ItemContentDash{ color:rgba(128,126,163,.6); color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); display:none; opacity:.4 } .aa-ItemContentTag{ background-color:rgba(62,52,211,.2); background-color:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)); border-radius:3px; margin:0 .4em 0 0; padding:.08em .3em } .aa-ItemLink,.aa-ItemWrapper{ align-items:center; color:inherit; display:grid; grid-gap:4px; gap:4px; grid-gap:calc(var(--aa-spacing-half)/2); gap:calc(var(--aa-spacing-half)/2); grid-auto-flow:column; justify-content:space-between; width:100% } .aa-ItemLink{ color:inherit; text-decoration:none } .aa-ItemActions{ display:grid; grid-auto-flow:column; height:100%; justify-self:end; margin:0 -5.33333px; margin:0 calc(var(--aa-spacing)/-3); padding:0 2px 0 0 } .aa-ItemActionButton{ align-items:center; background:none; border:0; color:rgba(128,126,163,.6); color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); cursor:pointer; display:flex; flex-shrink:0; padding:0 } .aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{ color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)) } @media (hover:none) and (pointer:coarse){ .aa-ItemActionButton:focus svg,.aa-ItemActionButton:hover svg{ color:inherit } } .aa-ItemActionButton svg{ color:rgba(128,126,163,.6); color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); margin:5.33333px; margin:calc(var(--aa-spacing)/3); stroke-width:1.6; stroke-width:var(--aa-icon-stroke-width); width:20px; width:var(--aa-action-icon-size) } .aa-ActiveOnly{ visibility:hidden } .aa-PanelHeader{ align-items:center; background:#3e34d3; background:rgba(var(--aa-primary-color-rgb),1); color:#fff; display:grid; height:var(--aa-modal-header-height); margin:0; padding:8px 16px; padding:var(--aa-spacing-half) var(--aa-spacing); position:relative } .aa-PanelHeader:after{ background-image:linear-gradient(#fff,hsla(0,0%,100%,0)); background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0)); bottom:-8px; bottom:calc(var(--aa-spacing-half)*-1); content:""; height:8px; height:var(--aa-spacing-half); left:0; pointer-events:none; position:absolute; right:0 } .aa-PanelFooter,.aa-PanelHeader:after{ z-index:9999; z-index:var(--aa-base-z-index) } .aa-PanelFooter{ background-color:#fff; background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)); box-shadow:inset 0 1px 0 rgba(128,126,163,.3); box-shadow:inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha)); display:flex; justify-content:space-between; margin:0; padding:16px; padding:var(--aa-spacing); position:relative } .aa-PanelFooter:after{ background-image:linear-gradient(hsla(0,0%,100%,0),rgba(128,126,163,.6)); background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha))); content:""; height:16px; height:var(--aa-spacing); left:0; opacity:.12; pointer-events:none; position:absolute; right:0; top:-16px; top:calc(var(--aa-spacing)*-1); z-index:9998; z-index:calc(var(--aa-base-z-index) - 1) } .aa-DetachedContainer{ background:#fff; background:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)); bottom:0; box-shadow:0 0 0 1px rgba(35,38,59,.1),0 6px 16px -4px rgba(35,38,59,.15); box-shadow:var(--aa-panel-shadow); display:flex; flex-direction:column; left:0; margin:0; overflow:hidden; padding:0; position:fixed; right:0; top:0; z-index:9999; z-index:var(--aa-base-z-index) } .aa-DetachedContainer:after{ height:32px } .aa-DetachedContainer .aa-SourceHeader{ margin:8px 0 8px 2px; margin:var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px } .aa-DetachedContainer .aa-Panel{ background-color:#fff; background-color:rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)); border-radius:0; box-shadow:none; flex-grow:1; margin:0; padding:0; position:relative } .aa-DetachedContainer .aa-PanelLayout{ bottom:0; box-shadow:none; left:0; margin:0; max-height:none; overflow-y:auto; position:absolute; right:0; top:0; width:100% } .aa-DetachedFormContainer{ border-bottom:1px solid rgba(128,126,163,.3); border-bottom:1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha)); display:flex; flex-direction:row; justify-content:space-between; margin:0; padding:8px; padding:var(--aa-spacing-half) } .aa-DetachedCancelButton{ background:none; border:0; border-radius:3px; color:inherit; color:#262627; color:rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha)); cursor:pointer; font:inherit; margin:0 0 0 8px; margin:0 0 0 var(--aa-spacing-half); padding:0 8px; padding:0 var(--aa-spacing-half) } .aa-DetachedCancelButton:focus,.aa-DetachedCancelButton:hover{ box-shadow:inset 0 0 0 1px rgba(128,126,163,.3); box-shadow:inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha)) } .aa-DetachedContainer--modal{ border-radius:6px; bottom:inherit; height:auto; margin:0 auto; max-width:680px; max-width:var(--aa-detached-modal-max-width); position:absolute; top:3% } .aa-DetachedContainer--modal .aa-PanelLayout{ max-height:500px; max-height:var(--aa-detached-modal-max-height); padding-bottom:8px; padding-bottom:var(--aa-spacing-half); position:static } .aa-DetachedSearchButton{ align-items:center; background-color:#fff; background-color:rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha)); border:1px solid rgba(128,126,163,.8); border:1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha)); border-radius:3px; color:rgba(128,126,163,.6); color:rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)); cursor:pointer; display:flex; font:inherit; font-family:inherit; font-family:var(--aa-font-family); font-size:16px; font-size:var(--aa-font-size); height:44px; height:var(--aa-search-input-height); margin:0; padding:0 5.5px; padding:0 calc(var(--aa-search-input-height)/8); position:relative; text-align:left; width:100% } .aa-DetachedSearchButton:focus{ border-color:#3e34d3; border-color:rgba(var(--aa-primary-color-rgb),1); box-shadow:0 0 0 3px rgba(62,52,211,.2),inset 0 0 0 2px rgba(62,52,211,.2); box-shadow:rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px; outline:medium none currentColor } .aa-DetachedSearchButtonIcon{ align-items:center; color:#3e34d3; color:rgba(var(--aa-primary-color-rgb),1); cursor:auto; display:flex; height:100%; justify-content:center; width:36px; width:calc(var(--aa-icon-size) + var(--aa-spacing)) } .aa-Detached{ height:100vh; overflow:hidden } .aa-DetachedOverlay{ background-color:rgba(115,114,129,.4); background-color:rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha)); height:100vh; left:0; margin:0; padding:0; position:fixed; right:0; top:0; z-index:9998; z-index:calc(var(--aa-base-z-index) - 1) } .aa-GradientBottom,.aa-GradientTop{ height:8px; height:var(--aa-spacing-half); left:0; pointer-events:none; position:absolute; right:13px; right:var(--aa-scrollbar-width); z-index:9999; z-index:var(--aa-base-z-index) } .aa-GradientTop{ background-image:linear-gradient(#fff,hsla(0,0%,100%,0)); background-image:linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0)); top:0 } .aa-GradientBottom{ background-image:linear-gradient(hsla(0,0%,100%,0),#fff); background-image:linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1)); bottom:0 } @media (hover:none) and (pointer:coarse){ .aa-DesktopOnly{ display:none } } @media (hover:hover){ .aa-TouchOnly{ display:none } } :root{ --tagify-dd-color-primary:rgb(53,149,246); --tagify-dd-bg-color:white } .tagify{ --tags-disabled-bg:#F1F1F1; --tags-border-color:#DDD; --tags-hover-border-color:#CCC; --tags-focus-border-color:#3595f6; --tag-bg:#E5E5E5; --tag-hover:#D3E2E2; --tag-text-color:black; --tag-text-color--edit:black; --tag-pad:0.3em 0.5em; --tag-inset-shadow-size:1.1em; --tag-invalid-color:#D39494; --tag-invalid-bg:rgba(211, 148, 148, 0.5); --tag-remove-bg:rgba(211, 148, 148, 0.3); --tag-remove-btn-color:black; --tag-remove-btn-bg:none; --tag-remove-btn-bg--hover:#c77777; --input-color:inherit; --tag--min-width:1ch; --tag--max-width:auto; --tag-hide-transition:0.3s; --placeholder-color:rgba(0, 0, 0, 0.4); --placeholder-color-focus:rgba(0, 0, 0, 0.25); --loader-size:.8em; --readonly-striped:1; display:flex; align-items:flex-start; flex-wrap:wrap; border:1px solid #ddd; border:1px solid var(--tags-border-color); padding:0; line-height:0; cursor:text; outline:0; position:relative; box-sizing:border-box; transition:.1s } @keyframes tags--bump{ 30%{ transform:scale(1.2) } } @keyframes rotateLoader{ to{ transform:rotate(1turn) } } .tagify:hover{ border-color:#ccc; border-color:var(--tags-hover-border-color) } .tagify.tagify--focus{ transition:0s; border-color:#3595f6; border-color:var(--tags-focus-border-color) } .tagify[disabled]{ background:var(--tags-disabled-bg); filter:saturate(0); opacity:.5; pointer-events:none } .tagify[disabled].tagify--select,.tagify[readonly].tagify--select{ pointer-events:none } .tagify[disabled]:not(.tagify--mix):not(.tagify--select),.tagify[readonly]:not(.tagify--mix):not(.tagify--select){ cursor:default } .tagify[disabled]:not(.tagify--mix):not(.tagify--select)>.tagify__input,.tagify[readonly]:not(.tagify--mix):not(.tagify--select)>.tagify__input{ visibility:hidden; width:0; margin:5px 0 } .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div{ padding:.3em .5em; padding:var(--tag-pad) } .tagify[disabled]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before,.tagify[readonly]:not(.tagify--mix):not(.tagify--select) .tagify__tag>div::before{ animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused } @keyframes readonlyStyles{ 0%{ background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px; box-shadow:none; filter:brightness(.95) } } .tagify[disabled] .tagify__tag__removeBtn,.tagify[readonly] .tagify__tag__removeBtn{ display:none } .tagify--loading .tagify__input>br:last-child{ display:none } .tagify--loading .tagify__input::before{ content:none } .tagify--loading .tagify__input::after{ vertical-align:middle; opacity:1; width:.7em; height:.7em; width:var(--loader-size); height:var(--loader-size); border:3px solid; border-color:#eee #bbb #888 transparent; border-radius:50%; animation:rotateLoader .4s infinite linear; content:""!important; margin:-2px 0 -2px .5em } .tagify--loading .tagify__input:empty::after{ margin-left:0 } .tagify+input,.tagify+textarea{ position:absolute!important; left:-9999em!important; transform:scale(0)!important } .tagify__tag{ display:inline-flex; align-items:center; margin:5px 0 5px 5px; position:relative; z-index:1; outline:0; line-height:normal; cursor:default; transition:.13s ease-out } .tagify__tag>div{ vertical-align:top; box-sizing:border-box; max-width:100%; padding:.3em .5em; padding:var(--tag-pad,.3em .5em); color:#000; color:var(--tag-text-color,#000); line-height:inherit; border-radius:3px; white-space:nowrap; transition:.13s ease-out } .tagify__tag>div>*{ white-space:pre-wrap; overflow:hidden; text-overflow:ellipsis; display:inline-block; vertical-align:top; min-width:1ch; max-width:auto; min-width:var(--tag--min-width,1ch); max-width:var(--tag--max-width,auto); transition:.8s ease,.1s color } .tagify__tag>div>[contenteditable]{ outline:0; -webkit-user-select:text; user-select:text; cursor:text; margin:-2px; padding:2px; max-width:350px } .tagify__tag>div::before{ content:""; position:absolute; border-radius:inherit; left:0; top:0; right:0; bottom:0; z-index:-1; pointer-events:none; transition:120ms ease; animation:tags--bump .3s ease-out 1; box-shadow:0 0 0 1.1em #e5e5e5 inset; box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-bg,#e5e5e5) inset } .tagify__tag:focus div::before,.tagify__tag:hover:not([readonly]) div::before{ top:-2px; right:-2px; bottom:-2px; left:-2px; box-shadow:0 0 0 1.1em #d3e2e2 inset; box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-hover,#d3e2e2) inset } .tagify__tag--loading{ pointer-events:none } .tagify__tag--loading .tagify__tag__removeBtn{ display:none } .tagify__tag--loading::after{ --loader-size:.4em; content:""; vertical-align:middle; opacity:1; width:.7em; height:.7em; width:var(--loader-size); height:var(--loader-size); border:3px solid; border-color:#eee #bbb #888 transparent; border-radius:50%; animation:rotateLoader .4s infinite linear; margin:0 .5em 0 -.1em } .tagify__tag--flash div::before{ animation:none } .tagify__tag--hide{ width:0!important; padding-left:0; padding-right:0; margin-left:0; margin-right:0; opacity:0; transform:scale(0); transition:.3s; transition:var(--tag-hide-transition,.3s); pointer-events:none } .tagify__tag--hide>div>*{ white-space:nowrap } .tagify__tag.tagify--noAnim>div::before{ animation:none } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div>span{ opacity:.5 } .tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before{ box-shadow:0 0 0 1.1em rgba(211,148,148,.5) inset!important; box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-invalid-bg,rgba(211,148,148,.5)) inset!important; transition:.2s } .tagify__tag[readonly] .tagify__tag__removeBtn{ display:none } .tagify__tag[readonly]>div::before{ animation:readonlyStyles 1s calc(-1s * (var(--readonly-striped) - 1)) paused } @keyframes readonlyStyles{ 0%{ background:linear-gradient(45deg,var(--tag-bg) 25%,transparent 25%,transparent 50%,var(--tag-bg) 50%,var(--tag-bg) 75%,transparent 75%,transparent) 0/5px 5px; box-shadow:none; filter:brightness(.95) } } .tagify__tag--editable>div{ color:#000; color:var(--tag-text-color--edit,#000) } .tagify__tag--editable>div::before{ box-shadow:0 0 0 2px #d3e2e2 inset!important; box-shadow:0 0 0 2px var(--tag-hover,#d3e2e2) inset!important } .tagify__tag--editable>.tagify__tag__removeBtn{ pointer-events:none } .tagify__tag--editable>.tagify__tag__removeBtn::after{ opacity:0; transform:translateX(100%) translateX(5px) } .tagify__tag--editable.tagify--invalid>div::before{ box-shadow:0 0 0 2px #d39494 inset!important; box-shadow:0 0 0 2px var(--tag-invalid-color,#d39494) inset!important } .tagify__tag__removeBtn{ order:5; display:inline-flex; align-items:center; justify-content:center; border-radius:50px; cursor:pointer; font:14px/1 Arial; background:0 0; background:var(--tag-remove-btn-bg,none); color:#000; color:var(--tag-remove-btn-color,#000); width:14px; height:14px; margin-right:4.6666666667px; margin-left:auto; overflow:hidden; transition:.2s ease-out } .tagify__tag__removeBtn::after{ content:"×"; transition:.3s,color 0s } .tagify__tag__removeBtn:hover{ color:#fff; background:#c77777; background:var(--tag-remove-btn-bg--hover,#c77777) } .tagify__tag__removeBtn:hover+div>span{ opacity:.5 } .tagify__tag__removeBtn:hover+div::before{ box-shadow:0 0 0 1.1em rgba(211,148,148,.3) inset!important; box-shadow:0 0 0 var(--tag-inset-shadow-size,1.1em) var(--tag-remove-bg,rgba(211,148,148,.3)) inset!important; transition:box-shadow .2s } .tagify:not(.tagify--mix) .tagify__input br{ display:none } .tagify:not(.tagify--mix) .tagify__input *{ display:inline; white-space:nowrap } .tagify__input{ flex-grow:1; display:inline-block; min-width:110px; margin:5px; padding:.3em .5em; padding:var(--tag-pad,.3em .5em); line-height:normal; position:relative; white-space:pre-wrap; color:inherit; color:var(--input-color,inherit); box-sizing:inherit } .tagify__input:focus{ outline:0 } .tagify__input:focus::before{ transition:.2s ease-out; opacity:0; transform:translatex(6px) } @supports (-ms-ime-align:auto){ .tagify__input:focus::before{ display:none } } .tagify__input:focus:empty::before{ transition:.2s ease-out; opacity:1; transform:none; color:rgba(0,0,0,.25); color:var(--placeholder-color-focus) } @-moz-document url-prefix(){ .tagify__input:focus:empty::after{ display:none } } .tagify__input::before{ content:attr(data-placeholder); height:1em; line-height:1em; margin:auto 0; z-index:1; color:rgba(0,0,0,.4); color:var(--placeholder-color); white-space:nowrap; pointer-events:none; opacity:0; position:absolute } .tagify__input::after{ content:attr(data-suggest); display:inline-block; white-space:pre; color:#000; opacity:.3; pointer-events:none; max-width:100px } .tagify__input .tagify__tag{ margin:0 1px } .tagify--mix{ display:block } .tagify--mix .tagify__input{ padding:5px; margin:0; width:100%; height:100%; line-height:1.5; display:block } .tagify--mix .tagify__input::before{ height:auto; display:none; line-height:inherit } .tagify--mix .tagify__input::after{ content:none } .tagify--select::after{ content:">"; opacity:.5; position:absolute; top:50%; right:0; bottom:0; font:16px monospace; line-height:8px; height:8px; pointer-events:none; transform:translate(-150%,-50%) scaleX(1.2) rotate(90deg); transition:.2s ease-in-out } .tagify--select[aria-expanded=true]::after{ transform:translate(-150%,-50%) rotate(270deg) scaleY(1.2) } .tagify--select .tagify__tag{ position:absolute; top:0; right:1.8em; bottom:0 } .tagify--select .tagify__tag div{ display:none } .tagify--select .tagify__input{ width:100% } .tagify--empty .tagify__input::before{ transition:.2s ease-out; opacity:1; transform:none; display:inline-block; width:auto } .tagify--mix .tagify--empty .tagify__input::before{ display:inline-block } .tagify--invalid{ --tags-border-color:#D39494 } .tagify__dropdown{ position:absolute; z-index:9999; transform:translateY(1px); overflow:hidden } .tagify__dropdown[placement=top]{ margin-top:0; transform:translateY(-100%) } .tagify__dropdown[placement=top] .tagify__dropdown__wrapper{ border-top-width:1.1px; border-bottom-width:0 } .tagify__dropdown[position=text]{ box-shadow:0 0 0 3px rgba(var(--tagify-dd-color-primary),.1); font-size:.9em } .tagify__dropdown[position=text] .tagify__dropdown__wrapper{ border-width:1px } .tagify__dropdown__wrapper{ max-height:300px; overflow:auto; background:#fff; background:var(--tagify-dd-bg-color); border:1px solid #3595f6; border-color:var(--tagify-dd-color-primary); border-bottom-width:1.33px; border-top-width:0; box-shadow:0 2px 4px -2px rgba(0,0,0,.2); transition:.25s cubic-bezier(0,1,.5,1) } .tagify__dropdown__header:empty{ display:none } .tagify__dropdown__footer{ display:inline-block; margin-top:.5em; padding:.3em .5em; font-size:.7em; font-style:italic; opacity:.5 } .tagify__dropdown__footer:empty{ display:none } .tagify__dropdown--initial .tagify__dropdown__wrapper{ max-height:20px; transform:translateY(-1em) } .tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper{ transform:translateY(2em) } .tagify__dropdown__item{ box-sizing:inherit; padding:.3em .5em; margin:1px; cursor:pointer; border-radius:2px; position:relative; outline:0 } .tagify__dropdown__item--active{ background:#3595f6; background:var(--tagify-dd-color-primary); color:#fff } .tagify__dropdown__item:active{ filter:brightness(105%) } /*! tailwindcss v3.0.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #C8CBD0; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ html { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ /* 3 */ tab-size: 4; /* 3 */ font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 4 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, [type='button'], [type='reset'], [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9197A1; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Ensure the default browser behavior of the `hidden` attribute. */ [hidden] { display: none; } [type='text'],[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select{ -webkit-appearance:none; appearance:none; background-color:#fff; border-color:#757D8A; border-width:1px; border-radius:0px; padding-top:0.5rem; padding-right:0.75rem; padding-bottom:0.5rem; padding-left:0.75rem; font-size:1rem; line-height:1.5rem; --tw-shadow:0 0 #0000; } [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus{ outline:2px solid transparent; outline-offset:2px; --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:#066BB2; --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color:#066BB2 } input::placeholder,textarea::placeholder{ color:#757D8A; opacity:1 } ::-webkit-datetime-edit-fields-wrapper{ padding:0 } ::-webkit-date-and-time-value{ min-height:1.5em } select{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23757D8A' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); background-position:right 0.5rem center; background-repeat:no-repeat; background-size:1.5em 1.5em; padding-right:2.5rem; -webkit-print-color-adjust:exact; color-adjust:exact } [multiple]{ background-image:initial; background-position:initial; background-repeat:unset; background-size:initial; padding-right:0.75rem; -webkit-print-color-adjust:unset; color-adjust:unset } [type='checkbox'],[type='radio']{ -webkit-appearance:none; appearance:none; padding:0; -webkit-print-color-adjust:exact; color-adjust:exact; display:inline-block; vertical-align:middle; background-origin:border-box; -webkit-user-select:none; user-select:none; flex-shrink:0; height:1rem; width:1rem; color:#066BB2; background-color:#fff; border-color:#757D8A; border-width:1px; --tw-shadow:0 0 #0000 } [type='checkbox']{ border-radius:0px } [type='radio']{ border-radius:100% } [type='checkbox']:focus,[type='radio']:focus{ outline:2px solid transparent; outline-offset:2px; --tw-ring-inset:var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width:2px; --tw-ring-offset-color:#fff; --tw-ring-color:#066BB2; --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) } [type='checkbox']:checked,[type='radio']:checked{ border-color:transparent; background-color:currentColor; background-size:100% 100%; background-position:center; background-repeat:no-repeat } [type='checkbox']:checked{ background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e") } [type='radio']:checked{ background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e") } [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus{ border-color:transparent; background-color:currentColor } [type='checkbox']:indeterminate{ background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); border-color:transparent; background-color:currentColor; background-size:100% 100%; background-position:center; background-repeat:no-repeat } [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus{ border-color:transparent; background-color:currentColor } [type='file']{ background:unset; border-color:inherit; border-width:0; border-radius:0; padding:0; font-size:unset; line-height:inherit } [type='file']:focus{ outline:1px auto -webkit-focus-ring-color } a{ --tw-text-opacity:1; color:rgb(8 134 222 / var(--tw-text-opacity)) } *, ::before, ::after{ --tw-translate-x:0; --tw-translate-y:0; --tw-rotate:0; --tw-skew-x:0; --tw-skew-y:0; --tw-scale-x:1; --tw-scale-y:1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness:proximity; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width:0px; --tw-ring-offset-color:#fff; --tw-ring-color:rgb(8 134 222 / 0.5); --tw-ring-offset-shadow:0 0 #0000; --tw-ring-shadow:0 0 #0000; --tw-shadow:0 0 #0000; --tw-shadow-colored:0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: } /* inter-regular - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; src: url('/avo-assets/fonts/inter-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local(''), url('/avo-assets/fonts/inter-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/avo-assets/fonts/inter-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('/avo-assets/fonts/inter-v7-latin-regular.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-500 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; src: url('/avo-assets/fonts/inter-v7-latin-500.eot'); /* IE9 Compat Modes */ src: local(''), url('/avo-assets/fonts/inter-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/avo-assets/fonts/inter-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-500.woff') format('woff'), /* Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('/avo-assets/fonts/inter-v7-latin-500.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-600 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; src: url('/avo-assets/fonts/inter-v7-latin-600.eot'); /* IE9 Compat Modes */ src: local(''), url('/avo-assets/fonts/inter-v7-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/avo-assets/fonts/inter-v7-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-600.woff') format('woff'), /* Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('/avo-assets/fonts/inter-v7-latin-600.svg#Inter') format('svg'); /* Legacy iOS */ } /* inter-700 - latin */ @font-face { font-family: 'Inter'; font-style: normal; font-weight: 700; src: url('/avo-assets/fonts/inter-v7-latin-700.eot'); /* IE9 Compat Modes */ src: local(''), url('/avo-assets/fonts/inter-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/avo-assets/fonts/inter-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-700.woff') format('woff'), /* Modern Browsers */ url('/avo-assets/fonts/inter-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('/avo-assets/fonts/inter-v7-latin-700.svg#Inter') format('svg'); /* Legacy iOS */ } .button-group{ display:flex; } .button-group .button-component{ margin-right:-1px } .button-group .button-component:first-child{ border-top-left-radius:0.25rem; border-bottom-left-radius:0.25rem } .button-group .button-component:last-child{ border-top-right-radius:0.25rem; border-bottom-right-radius:0.25rem } form.button_to{ display:inline-flex } h1{ font-size:2.25rem; line-height:2.5rem } h2{ font-size:1.875rem; line-height:2.25rem } h3{ font-size:1.5rem; line-height:2rem } h4{ font-size:1.25rem; line-height:1.75rem } h5{ font-size:1.125rem; line-height:1.75rem } .tooltip { display: block !important; z-index: 10000; } .tooltip .tooltip-inner { display: block; filter: drop-shadow(0 1px 3px rgba(0, 0, 0, 0.1)); border-radius:0.25rem; --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)); padding-left:0.75rem; padding-right:0.75rem; padding-top:0px; padding-bottom:0px; font-size:0.75rem; line-height:1rem; --tw-text-opacity:1; color:rgb(70 75 83 / var(--tw-text-opacity)); } .tooltip .tooltip-arrow { width: 0; height: 0; border-style: solid; position: absolute; margin: 5px; border-color: white; z-index: 1; /* filter: drop-shadow(0 1px 3px 0 rgba(0, 0, 0, 0.1)) */ } .tooltip[x-placement^="top"] { margin-bottom: 5px; } .tooltip[x-placement^="top"] .tooltip-arrow { border-width: 5px 5px 0 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; bottom: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="bottom"] { margin-top: 5px; } .tooltip[x-placement^="bottom"] .tooltip-arrow { border-width: 0 5px 5px 5px; border-left-color: transparent !important; border-right-color: transparent !important; border-top-color: transparent !important; top: -5px; left: calc(50% - 5px); margin-top: 0; margin-bottom: 0; } .tooltip[x-placement^="right"] { margin-left: 5px; } .tooltip[x-placement^="right"] .tooltip-arrow { border-width: 5px 5px 5px 0; border-left-color: transparent !important; border-top-color: transparent !important; border-bottom-color: transparent !important; left: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip[x-placement^="left"] { margin-right: 5px; } .tooltip[x-placement^="left"] .tooltip-arrow { border-width: 5px 0 5px 5px; border-top-color: transparent !important; border-right-color: transparent !important; border-bottom-color: transparent !important; right: -5px; top: calc(50% - 5px); margin-left: 0; margin-right: 0; } .tooltip.popover .popover-inner { background: #f9f9f9; color: black; padding: 24px; border-radius: 5px; box-shadow: 0 5px 30px rgba(black, .1); } .tooltip.popover .popover-arrow { border-color: #f9f9f9; } .tooltip[aria-hidden='true'] { visibility: hidden; opacity: 0; transition: opacity .15s, visibility .15s; } .tooltip[aria-hidden='false'] { visibility: visible; opacity: 1; transition: opacity .15s; } svg.tea { --secondary: #33406f; } svg.tea #teabag { transform-origin: top center; transform: rotate(3deg); animation: swing 2s infinite; } svg.tea #steamL { stroke-dasharray: 13; stroke-dashoffset: 13; animation: steamLarge 2s infinite; } svg.tea #steamR { stroke-dasharray: 9; stroke-dashoffset: 9; animation: steamSmall 2s infinite; } @keyframes swing { 50% { transform: rotate(-3deg); } } @keyframes steamLarge { 0% { stroke-dashoffset: 13; opacity: 0.6; } 100% { stroke-dashoffset: 39; opacity: 0; } } @keyframes steamSmall { 10% { stroke-dashoffset: 9; opacity: 0.6; } 80% { stroke-dashoffset: 27; opacity: 0; } 100% { stroke-dashoffset: 27; opacity: 0; } } .pagy-nav, .pagy-nav-js, .pagy-combo-nav-js{ position:relative; z-index:0; display:flex } .pagy-nav.pagination > :not([hidden]) ~ :not([hidden]), .pagy-nav-js.pagination > :not([hidden]) ~ :not([hidden]), .pagy-combo-nav-js.pagination > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0.5rem * var(--tw-space-x-reverse)); margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) } .pagy-nav .page a{ display:block } .pagy-nav .page a, .pagy-nav .page.active, .pagy-nav .page.prev.disabled, .pagy-nav .page.next.disabled, .pagy-nav-js .page a, .pagy-combo-nav-js .page a, .pagy-combo-nav-js .pagy-combo-input a{ border-radius:0.25rem; border-width:1px; --tw-border-opacity:1; border-color:rgb(172 177 185 / var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)); padding-left:0.75rem; padding-right:0.75rem; padding-top:0.25rem; padding-bottom:0.25rem; font-size:0.875rem; line-height:1.25rem; font-weight:600; --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)); --tw-shadow:0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .pagy-nav .page a:focus,.pagy-nav .page.active:focus,.pagy-nav .page.prev.disabled:focus,.pagy-nav .page.next.disabled:focus,.pagy-nav-js .page a:focus,.pagy-combo-nav-js .page a:focus,.pagy-combo-nav-js .pagy-combo-input a:focus{ --tw-border-opacity:1; border-color:rgb(107 182 235 / var(--tw-border-opacity)) } .pagy-nav .page a:hover,.pagy-nav .page.active:hover,.pagy-nav .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page a:hover,.pagy-combo-nav-js .page a:hover,.pagy-combo-nav-js .pagy-combo-input a:hover{ --tw-bg-opacity:1; background-color:rgb(214 216 220 / var(--tw-bg-opacity)) } .pagy-nav .page a:active,.pagy-nav .page.active:active,.pagy-nav .page.prev.disabled:active,.pagy-nav .page.next.disabled:active,.pagy-nav-js .page a:active,.pagy-combo-nav-js .page a:active,.pagy-combo-nav-js .pagy-combo-input a:active{ --tw-bg-opacity:1; background-color:rgb(200 203 208 / var(--tw-bg-opacity)) } .pagy-nav .page.prev.disabled, .pagy-nav-js .page.prev.disabled, .pagy-combo-nav-js .page.prev.disabled, .pagy-nav .page.next.disabled, .pagy-nav-js .page.next.disabled, .pagy-combo-nav-js .page.next.disabled{ cursor:default; --tw-text-opacity:1; color:rgb(172 177 185 / var(--tw-text-opacity)); } .pagy-nav .page.prev.disabled:hover,.pagy-nav-js .page.prev.disabled:hover,.pagy-combo-nav-js .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page.next.disabled:hover,.pagy-combo-nav-js .page.next.disabled:hover{ --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)) } .pagy-nav .page.prev.disabled:hover,.pagy-nav-js .page.prev.disabled:hover,.pagy-combo-nav-js .page.prev.disabled:hover,.pagy-nav .page.next.disabled:hover,.pagy-nav-js .page.next.disabled:hover,.pagy-combo-nav-js .page.next.disabled:hover{ --tw-text-opacity:1; color:rgb(172 177 185 / var(--tw-text-opacity)) } .pagy-nav .page.prev.disabled:active,.pagy-nav-js .page.prev.disabled:active,.pagy-combo-nav-js .page.prev.disabled:active,.pagy-nav .page.next.disabled:active,.pagy-nav-js .page.next.disabled:active,.pagy-combo-nav-js .page.next.disabled:active{ --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)) } .pagy-nav .page.prev.disabled:active,.pagy-nav-js .page.prev.disabled:active,.pagy-combo-nav-js .page.prev.disabled:active,.pagy-nav .page.next.disabled:active,.pagy-nav-js .page.next.disabled:active,.pagy-combo-nav-js .page.next.disabled:active{ --tw-text-opacity:1; color:rgb(172 177 185 / var(--tw-text-opacity)) } .pagy-nav .page.active, .pagy-nav-js .page.active{ cursor:default; --tw-border-opacity:1; border-color:rgb(117 125 138 / var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:rgb(117 125 138 / var(--tw-bg-opacity)); --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)); } .pagy-nav .page.active:hover,.pagy-nav-js .page.active:hover{ --tw-bg-opacity:1; background-color:rgb(117 125 138 / var(--tw-bg-opacity)) } .pagy-nav .page.active:hover,.pagy-nav-js .page.active:hover{ --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) } .pagy-nav .page.active:active,.pagy-nav-js .page.active:active{ --tw-bg-opacity:1; background-color:rgb(117 125 138 / var(--tw-bg-opacity)) } .pagy-nav .page.active:active,.pagy-nav-js .page.active:active{ --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) } .breadcrumbs{ position:relative; font-size:0.875rem; line-height:1.25rem; --tw-text-opacity:1; color:rgb(0 0 0 / var(--tw-text-opacity)); } .breadcrumbs svg{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } .breadcrumbs a, .breadcrumbs span{ display:inline-block } .breadcrumbs a, .breadcrumbs span{ font-size:0.875rem; line-height:1.25rem } .breadcrumbs a:hover{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } :root { --aa-primary-color: --tw-ring-color; --aa-selected-color: --tw-ring-color; --aa-primary-color-rgb: 117, 125, 138; } .global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton { border: none !important } .global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{ cursor:pointer } .global-search .aa-DetachedSearchButton:focus, .global-search .aa-DetachedSearchButton{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } .global-search .aa-DetachedSearchButton:focus .aa-DetachedSearchButtonPlaceholder,.global-search .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder{ display:none } .global-search .aa-DetachedSearchButton:focus .flatpickr-day.aa-DetachedSearchButtonPlaceholder, .global-search .aa-DetachedSearchButton .flatpickr-day.aa-DetachedSearchButtonPlaceholder { visibility: hidden; } @media (min-width: 640px){ .global-search .aa-DetachedSearchButton:focus .aa-DetachedSearchButtonPlaceholder,.global-search .aa-DetachedSearchButton .aa-DetachedSearchButtonPlaceholder{ display:block } } .resource-search .aa-Autocomplete{ width:100% } .resource-search .aa-DetachedSearchButton{ height:34px } .resource-search .aa-DetachedSearchButton{ border-radius:0.25rem } .resource-search .aa-DetachedSearchButton{ --tw-border-opacity:1; border-color:rgb(172 177 185 / var(--tw-border-opacity)) } .aa-SourceHeader{ font-size:0.75rem; line-height:1rem; font-weight:600 } .aa-DetachedFormContainer, .aa-DetachedContainer .aa-Panel{ border-bottom-width:0px; --tw-bg-opacity:1; background-color:rgb(241 242 243 / var(--tw-bg-opacity)) } .aa-Form:focus-within{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important } .aa-Form input:focus{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important } .aa-Form:focus-within .aa-InputWrapperPrefix .aa-SubmitButton{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } button.aa-DetachedCancelButton { border: 1px solid #757D8A !important; --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)); } .aa-Input:focus{ --tw-ring-opacity:1; --tw-ring-color:rgb(22 163 74 / var(--tw-ring-opacity)) } .aa-DetachedContainer .aa-PanelLayout > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.75rem * var(--tw-space-y-reverse)) } .aa-DetachedContainer .aa-PanelLayout{ padding-top:0px } .aa-DetachedContainer .aa-Source .aa-List > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.5rem * var(--tw-space-y-reverse)) } .aa-DetachedContainer .aa-Source .aa-List .aa-Item{ border-radius:0.25rem } .aa-DetachedContainer .aa-Source .aa-List .aa-Item{ --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)) } .aa-DetachedContainer .aa-Source .aa-List .aa-Item{ padding-left:0.75rem; padding-right:0.75rem } .aa-DetachedContainer .aa-Source .aa-List .aa-Item{ padding-top:1rem; padding-bottom:1rem } .aa-DetachedContainer .aa-Source .aa-List .aa-Item{ font-weight:500 } .aa-DetachedContainer .aa-Source .aa-List .aa-Item{ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .aa-DetachedContainer .aa-Source .aa-List .aa-Item .aa-ItemDescription{ margin-top:0.25rem } .aa-DetachedContainer .aa-Source .aa-List .aa-Item .aa-ItemDescription{ font-size:0.875rem; line-height:1.25rem } .aa-DetachedContainer .aa-Source .aa-List .aa-Item .aa-ItemDescription{ font-weight:400 } .aa-DetachedContainer .aa-Source .aa-List .aa-Item .aa-ItemDescription{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{ --tw-bg-opacity:1; background-color:rgb(8 134 222 / var(--tw-bg-opacity)) } .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true]{ --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) } .aa-DetachedContainer .aa-Source .aa-List .aa-Item[aria-selected=true] .aa-ItemDescription{ --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) } .direct-upload { display: inline-block; position: relative; padding: 2px 4px; margin: 0 3px 3px 0; border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 3px; font-size: 11px; line-height: 13px; } .direct-upload--pending { opacity: 0.6; } .direct-upload__progress { position: absolute; top: 0; left: 0; bottom: 0; opacity: 0.2; background: #0076ff; transition: width 120ms ease-out, opacity 60ms 60ms ease-in; transform: translate3d(0, 0, 0); } .direct-upload--complete .direct-upload__progress { opacity: 0.4; } .direct-upload--error { border-color: red; } input[type=file][data-direct-upload-url][disabled] { display: none; } .button-spinner { width: 24px; height: 24px; position: relative; margin: 100px auto; } .button-spinner > .double-bounce1, .button-spinner > .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.5; position: absolute; top: 0; left: 0; animation: sk-bounce 2s infinite ease-in-out; } .button-spinner > .double-bounce2 { animation-delay: -1s; } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } tags.tagify { --tag-inset-shadow-size: 3em; padding:0px !important; } tags.tagify span.tagify__input{ margin-top:0.25rem; margin-bottom:0.25rem } tag.tagify__tag{ margin-top:0.25rem; margin-bottom:0.25rem; margin-bottom:0px; font-size:0.875rem; line-height:1.25rem } .spinner { width: 16px; height: 16px; position: relative; } .spinner .double-bounce1, .spinner .double-bounce2 { width: 100%; height: 100%; border-radius: 50%; background-color: #333; opacity: 0.6; position: absolute; top: 0; left: 0; animation: sk-bounce 2s infinite ease-in-out; } .spinner .double-bounce2 { animation-delay: -1s; } @keyframes sk-bounce { 0%, 100% { transform: scale(0); -webkit-transform: scale(0); } 50% { transform: scale(1); -webkit-transform: scale(1); } } /* BASICS */ .CodeMirror { /* Set height, width, borders, and global font properties here */ font-family: monospace; height: 300px; color: black; direction: ltr; } /* PADDING */ .CodeMirror-lines { padding: 4px 0; /* Vertical padding around content */ } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { padding: 0 4px; /* Horizontal padding of content */ } .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { background-color: transparent; /* The little square between H and V scrollbars */ } /* GUTTER */ .CodeMirror-gutters { border-right: 1px solid #ddd; background-color: #f7f7f7; white-space: nowrap; } .CodeMirror-linenumbers { } .CodeMirror-linenumber { padding: 0 3px 0 5px; min-width: 20px; text-align: right; color: #999; white-space: nowrap; } .CodeMirror-guttermarker { color: black; } .CodeMirror-guttermarker-subtle { color: #999; } /* CURSOR */ .CodeMirror-cursor { border-left: 1px solid black; border-right: none; width: 0; } /* Shown when moving in bi-directional text */ .CodeMirror div.CodeMirror-secondarycursor { border-left: 1px solid silver; } .cm-fat-cursor .CodeMirror-cursor { width: auto; border: 0 !important; background: #7e7; } .cm-fat-cursor div.CodeMirror-cursors { z-index: 1; } .cm-fat-cursor-mark { background-color: rgba(20, 255, 20, 0.5); animation: blink 1.06s steps(1) infinite; } .cm-animate-fat-cursor { width: auto; border: 0; animation: blink 1.06s steps(1) infinite; background-color: #7e7; } @keyframes blink { 0% { } 50% { background-color: transparent; } 100% { } } /* Can style cursor different in overwrite (non-insert) mode */ .CodeMirror-overwrite .CodeMirror-cursor { } .cm-tab { display: inline-block; text-decoration: inherit; } .CodeMirror-rulers { position: absolute; left: 0; right: 0; top: -50px; bottom: 0; overflow: hidden; } .CodeMirror-ruler { border-left: 1px solid #ccc; top: 0; bottom: 0; position: absolute; } /* DEFAULT THEME */ .cm-s-default .cm-header { color: blue; } .cm-s-default .cm-quote { color: #090; } .cm-negative { color: #d44; } .cm-positive { color: #292; } .cm-header, .cm-strong { font-weight: bold; } .cm-em { font-style: italic; } .cm-link { text-decoration: underline; } .cm-strikethrough { text-decoration: line-through; } .cm-s-default .cm-keyword { color: #708; } .cm-s-default .cm-atom { color: #219; } .cm-s-default .cm-number { color: #164; } .cm-s-default .cm-def { color: #00f; } .cm-s-default .cm-variable, .cm-s-default .cm-punctuation, .cm-s-default .cm-property, .cm-s-default .cm-operator { } .cm-s-default .cm-variable-2 { color: #05a; } .cm-s-default .cm-variable-3, .cm-s-default .cm-type { color: #085; } .cm-s-default .cm-comment { color: #a50; } .cm-s-default .cm-string { color: #a11; } .cm-s-default .cm-string-2 { color: #f50; } .cm-s-default .cm-meta { color: #555; } .cm-s-default .cm-qualifier { color: #555; } .cm-s-default .cm-builtin { color: #30a; } .cm-s-default .cm-bracket { color: #997; } .cm-s-default .cm-tag { color: #170; } .cm-s-default .cm-attribute { color: #00c; } .cm-s-default .cm-hr { color: #999; } .cm-s-default .cm-link { color: #00c; } .cm-s-default .cm-error { color: #f00; } .cm-invalidchar { color: #f00; } .CodeMirror-composing { border-bottom: 2px solid; } /* Default styles for common addons */ div.CodeMirror span.CodeMirror-matchingbracket { color: #0b0; } div.CodeMirror span.CodeMirror-nonmatchingbracket { color: #a22; } .CodeMirror-matchingtag { background: rgba(255, 150, 0, .3); } .CodeMirror-activeline-background { background: #e8f2ff; } /* STOP */ /* The rest of this file contains styles related to the mechanics of the editor. You probably shouldn't touch them. */ .CodeMirror { position: relative; overflow: hidden; background: white; } .CodeMirror-scroll { overflow: scroll !important; /* Things will break if this is overridden */ /* 50px is the magic margin used to hide the element's real scrollbars */ /* See overflow: hidden in .CodeMirror */ margin-bottom: -50px; margin-right: -50px; padding-bottom: 50px; height: 100%; outline: none; /* Prevent dragging from highlighting the element */ position: relative; } .CodeMirror-sizer { position: relative; border-right: 50px solid transparent; } /* The fake, visible scrollbars. Used to force redraw during scrolling before actual scrolling happens, thus preventing shaking and flickering artifacts. */ .CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler { position: absolute; z-index: 6; display: none; outline: none; } .CodeMirror-vscrollbar { right: 0; top: 0; overflow-x: hidden; overflow-y: scroll; } .CodeMirror-hscrollbar { bottom: 0; left: 0; overflow-y: hidden; overflow-x: scroll; } .CodeMirror-scrollbar-filler { right: 0; bottom: 0; } .CodeMirror-gutter-filler { left: 0; bottom: 0; } .CodeMirror-gutters { position: absolute; left: 0; top: 0; min-height: 100%; z-index: 3; } .CodeMirror-gutter { white-space: normal; height: 100%; display: inline-block; vertical-align: top; margin-bottom: -50px; } .CodeMirror-gutter-wrapper { position: absolute; z-index: 4; background: none !important; border: none !important; } .CodeMirror-gutter-background { position: absolute; top: 0; bottom: 0; z-index: 4; } .CodeMirror-gutter-elt { position: absolute; cursor: default; z-index: 4; } .CodeMirror-gutter-wrapper ::selection { background-color: transparent } .CodeMirror-gutter-wrapper ::-moz-selection { background-color: transparent } .CodeMirror-lines { cursor: text; min-height: 1px; /* prevents collapsing before first draw */ } .CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { /* Reset some styles that the rest of the page might have set */ border-radius: 0; border-width: 0; background: transparent; font-family: inherit; font-size: inherit; margin: 0; white-space: pre; word-wrap: normal; line-height: inherit; color: inherit; z-index: 2; position: relative; overflow: visible; -webkit-tap-highlight-color: transparent; font-variant-ligatures: contextual; } .CodeMirror-wrap pre.CodeMirror-line, .CodeMirror-wrap pre.CodeMirror-line-like { word-wrap: break-word; white-space: pre-wrap; word-break: normal; } .CodeMirror-linebackground { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0; } .CodeMirror-linewidget { position: relative; z-index: 2; padding: 0.1px; /* Force widget margins to stay inside of the container */ } .CodeMirror-widget { } .CodeMirror-rtl pre { direction: rtl; } .CodeMirror-code { outline: none; } /* Force content-box sizing for the elements where we expect it */ .CodeMirror-scroll, .CodeMirror-sizer, .CodeMirror-gutter, .CodeMirror-gutters, .CodeMirror-linenumber { box-sizing: content-box; } .CodeMirror-measure { position: absolute; width: 100%; height: 0; overflow: hidden; visibility: hidden; } .CodeMirror-cursor { position: absolute; pointer-events: none; } .CodeMirror-measure pre { position: static; } div.CodeMirror-cursors { visibility: hidden; position: relative; z-index: 3; } div.CodeMirror-dragcursors { visibility: visible; } .CodeMirror-focused div.CodeMirror-cursors { visibility: visible; } .CodeMirror-selected { background: #d9d9d9; } .CodeMirror-focused .CodeMirror-selected { background: #d7d4f0; } .CodeMirror-crosshair { cursor: crosshair; } .CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection { background: #d7d4f0; } .CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection { background: #d7d4f0; } .cm-searching { background-color: #ffa; background-color: rgba(255, 255, 0, .4); } /* Used to force a border model for a node */ .cm-force-border { padding-right: .1px; } @media print { /* Hide the cursor when printing */ .CodeMirror div.CodeMirror-cursors { visibility: hidden; } } /* See issue #2901 */ .cm-tab-wrap-hack:after { content: ''; } /* Help users use markselection to safely style text background */ span.CodeMirror-selectedtext { background: none; } /* themes */ /* Name: dracula Author: Michael Kaminsky (http://github.com/mkaminsky11) Original dracula color scheme by Zeno Rocha (https://github.com/zenorocha/dracula-theme) */ .cm-s-dracula.CodeMirror, .cm-s-dracula .CodeMirror-gutters { background-color: #282a36 !important; color: #f8f8f2 !important; border: none; } .cm-s-dracula .CodeMirror-gutters { color: #282a36; } .cm-s-dracula .CodeMirror-cursor { border-left: solid thin #f8f8f0; } .cm-s-dracula .CodeMirror-linenumber { color: #6D8A88; } .cm-s-dracula .CodeMirror-selected { background: rgba(255, 255, 255, 0.10); } .cm-s-dracula .CodeMirror-line::selection, .cm-s-dracula .CodeMirror-line > span::selection, .cm-s-dracula .CodeMirror-line > span > span::selection { background: rgba(255, 255, 255, 0.10); } .cm-s-dracula .CodeMirror-line::-moz-selection, .cm-s-dracula .CodeMirror-line > span::-moz-selection, .cm-s-dracula .CodeMirror-line > span > span::-moz-selection { background: rgba(255, 255, 255, 0.10); } .cm-s-dracula span.cm-comment { color: #6272a4; } .cm-s-dracula span.cm-string, .cm-s-dracula span.cm-string-2 { color: #f1fa8c; } .cm-s-dracula span.cm-number { color: #bd93f9; } .cm-s-dracula span.cm-variable { color: #50fa7b; } .cm-s-dracula span.cm-variable-2 { color: white; } .cm-s-dracula span.cm-def { color: #50fa7b; } .cm-s-dracula span.cm-operator { color: #ff79c6; } .cm-s-dracula span.cm-keyword { color: #ff79c6; } .cm-s-dracula span.cm-atom { color: #bd93f9; } .cm-s-dracula span.cm-meta { color: #f8f8f2; } .cm-s-dracula span.cm-tag { color: #ff79c6; } .cm-s-dracula span.cm-attribute { color: #50fa7b; } .cm-s-dracula span.cm-qualifier { color: #50fa7b; } .cm-s-dracula span.cm-property { color: #66d9ef; } .cm-s-dracula span.cm-builtin { color: #50fa7b; } .cm-s-dracula span.cm-variable-3, .cm-s-dracula span.cm-type { color: #ffb86c; } .cm-s-dracula .CodeMirror-activeline-background { background: rgba(255,255,255,0.1); } .cm-s-dracula .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } .cm-s-eclipse span.cm-meta { color: #FF1717; } .cm-s-eclipse span.cm-keyword { line-height: 1em; font-weight: bold; color: #7F0055; } .cm-s-eclipse span.cm-atom { color: #219; } .cm-s-eclipse span.cm-number { color: #164; } .cm-s-eclipse span.cm-def { color: #00f; } .cm-s-eclipse span.cm-variable { color: black; } .cm-s-eclipse span.cm-variable-2 { color: #0000C0; } .cm-s-eclipse span.cm-variable-3, .cm-s-eclipse span.cm-type { color: #0000C0; } .cm-s-eclipse span.cm-property { color: black; } .cm-s-eclipse span.cm-operator { color: black; } .cm-s-eclipse span.cm-comment { color: #3F7F5F; } .cm-s-eclipse span.cm-string { color: #2A00FF; } .cm-s-eclipse span.cm-string-2 { color: #f50; } .cm-s-eclipse span.cm-qualifier { color: #555; } .cm-s-eclipse span.cm-builtin { color: #30a; } .cm-s-eclipse span.cm-bracket { color: #cc7; } .cm-s-eclipse span.cm-tag { color: #170; } .cm-s-eclipse span.cm-attribute { color: #00c; } .cm-s-eclipse span.cm-link { color: #219; } .cm-s-eclipse span.cm-error { color: #f00; } .cm-s-eclipse .CodeMirror-activeline-background { background: #e8f2ff; } .cm-s-eclipse .CodeMirror-matchingbracket { outline:1px solid grey; color:black !important; } /* Name: material Author: Mattia Astorino (http://github.com/equinusocio) Website: https://material-theme.site/ */ .cm-s-material-darker.CodeMirror { background-color: #212121; color: #EEFFFF; } .cm-s-material-darker .CodeMirror-gutters { background: #212121; color: #545454; border: none; } .cm-s-material-darker .CodeMirror-guttermarker, .cm-s-material-darker .CodeMirror-guttermarker-subtle, .cm-s-material-darker .CodeMirror-linenumber { color: #545454; } .cm-s-material-darker .CodeMirror-cursor { border-left: 1px solid #FFCC00; } .cm-s-material-darker div.CodeMirror-selected { background: rgba(97, 97, 97, 0.2); } .cm-s-material-darker.CodeMirror-focused div.CodeMirror-selected { background: rgba(97, 97, 97, 0.2); } .cm-s-material-darker .CodeMirror-line::selection, .cm-s-material-darker .CodeMirror-line>span::selection, .cm-s-material-darker .CodeMirror-line>span>span::selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-darker .CodeMirror-line::-moz-selection, .cm-s-material-darker .CodeMirror-line>span::-moz-selection, .cm-s-material-darker .CodeMirror-line>span>span::-moz-selection { background: rgba(128, 203, 196, 0.2); } .cm-s-material-darker .CodeMirror-activeline-background { background: rgba(0, 0, 0, 0.5); } .cm-s-material-darker .cm-keyword { color: #C792EA; } .cm-s-material-darker .cm-operator { color: #89DDFF; } .cm-s-material-darker .cm-variable-2 { color: #EEFFFF; } .cm-s-material-darker .cm-variable-3, .cm-s-material-darker .cm-type { color: #f07178; } .cm-s-material-darker .cm-builtin { color: #FFCB6B; } .cm-s-material-darker .cm-atom { color: #F78C6C; } .cm-s-material-darker .cm-number { color: #FF5370; } .cm-s-material-darker .cm-def { color: #82AAFF; } .cm-s-material-darker .cm-string { color: #C3E88D; } .cm-s-material-darker .cm-string-2 { color: #f07178; } .cm-s-material-darker .cm-comment { color: #545454; } .cm-s-material-darker .cm-variable { color: #f07178; } .cm-s-material-darker .cm-tag { color: #FF5370; } .cm-s-material-darker .cm-meta { color: #FFCB6B; } .cm-s-material-darker .cm-attribute { color: #C792EA; } .cm-s-material-darker .cm-property { color: #C792EA; } .cm-s-material-darker .cm-qualifier { color: #DECB6B; } .cm-s-material-darker .cm-variable-3, .cm-s-material-darker .cm-type { color: #DECB6B; } .cm-s-material-darker .cm-error { color: rgba(255, 255, 255, 1.0); background-color: #FF5370; } .cm-s-material-darker .CodeMirror-matchingbracket { text-decoration: underline; color: white !important; } .CodeMirror { height: var(--height) !important; min-height: auto; padding: 0; } /* overlay CodeMirror fullscreen & Preview on small screens */ .CodeMirror-fullscreen, .editor-preview-active-side { z-index: 50; } progress{ height:0.5rem; border-radius:0.25rem; border-width:1px; --tw-border-opacity:1; border-color:rgb(145 151 161 / var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } progress[value]::-webkit-progress-bar{ border-radius:0.25rem; border-width:1px; --tw-border-opacity:1; border-color:rgb(117 125 138 / var(--tw-border-opacity)); --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow:inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored:inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } progress[value]::-webkit-progress-value{ border-radius:0.25rem; --tw-bg-opacity:1; background-color:rgb(22 163 74 / var(--tw-bg-opacity)) } progress[value]::-moz-progress-bar{ appearance:none; border-radius:0.25rem; --tw-bg-opacity:1; background-color:rgb(22 163 74 / var(--tw-bg-opacity)) } /* Trix 1.3.1 Copyright © 2020 Basecamp, LLC http://trix-editor.org/*/ trix-editor { border: 1px solid #bbb; border-radius: 3px; margin: 0; padding: 0.4em 0.6em; min-height: 5em; outline: none; } trix-toolbar * { box-sizing: border-box; } trix-toolbar .trix-button-row { display: flex; flex-wrap: nowrap; justify-content: space-between; overflow-x: auto; } trix-toolbar .trix-button-group { display: flex; margin-bottom: 10px; border: 1px solid #bbb; border-top-color: #ccc; border-bottom-color: #888; border-radius: 3px; } trix-toolbar .trix-button-group:not(:first-child) { margin-left: 1.5vw; } @media (max-device-width: 768px) { trix-toolbar .trix-button-group:not(:first-child) { margin-left: 0; } } trix-toolbar .trix-button-group-spacer { flex-grow: 1; } @media (max-device-width: 768px) { trix-toolbar .trix-button-group-spacer { display: none; } } trix-toolbar .trix-button { position: relative; float: left; color: rgba(0, 0, 0, 0.6); font-size: 0.75em; font-weight: 600; white-space: nowrap; padding: 0 0.5em; margin: 0; outline: none; border: none; border-bottom: 1px solid #ddd; border-radius: 0; background: transparent; } trix-toolbar .trix-button:not(:first-child) { border-left: 1px solid #ccc; } trix-toolbar .trix-button.trix-active { background: #cbeefa; color: black; } trix-toolbar .trix-button:not(:disabled) { cursor: pointer; } trix-toolbar .trix-button:disabled { color: rgba(0, 0, 0, 0.125); } @media (max-device-width: 768px) { trix-toolbar .trix-button { letter-spacing: -0.01em; padding: 0 0.3em; } } trix-toolbar .trix-button--icon { font-size: inherit; width: 2.6em; height: 1.6em; max-width: calc(0.8em + 4vw); text-indent: -9999px; } @media (max-device-width: 768px) { trix-toolbar .trix-button--icon { height: 2em; max-width: calc(0.8em + 3.5vw); } } trix-toolbar .trix-button--icon::before { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.6; content: ""; background-position: center; background-repeat: no-repeat; background-size: contain; } @media (max-device-width: 768px) { trix-toolbar .trix-button--icon::before { right: 6%; left: 6%; } } trix-toolbar .trix-button--icon.trix-active::before { opacity: 1; } trix-toolbar .trix-button--icon:disabled::before { opacity: 0.125; } trix-toolbar .trix-button--icon-attach::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M16.5%206v11.5a4%204%200%201%201-8%200V5a2.5%202.5%200%200%201%205%200v10.5a1%201%200%201%201-2%200V6H10v9.5a2.5%202.5%200%200%200%205%200V5a4%204%200%201%200-8%200v12.5a5.5%205.5%200%200%200%2011%200V6h-1.5z%22%2F%3E%3C%2Fsvg%3E); top: 8%; bottom: 4%; } trix-toolbar .trix-button--icon-bold::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M15.6%2011.8c1-.7%201.6-1.8%201.6-2.8a4%204%200%200%200-4-4H7v14h7c2.1%200%203.7-1.7%203.7-3.8%200-1.5-.8-2.8-2.1-3.4zM10%207.5h3a1.5%201.5%200%201%201%200%203h-3v-3zm3.5%209H10v-3h3.5a1.5%201.5%200%201%201%200%203z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-italic::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M10%205v3h2.2l-3.4%208H6v3h8v-3h-2.2l3.4-8H18V5h-8z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-link::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M9.88%2013.7a4.3%204.3%200%200%201%200-6.07l3.37-3.37a4.26%204.26%200%200%201%206.07%200%204.3%204.3%200%200%201%200%206.06l-1.96%201.72a.91.91%200%201%201-1.3-1.3l1.97-1.71a2.46%202.46%200%200%200-3.48-3.48l-3.38%203.37a2.46%202.46%200%200%200%200%203.48.91.91%200%201%201-1.3%201.3z%22%2F%3E%3Cpath%20d%3D%22M4.25%2019.46a4.3%204.3%200%200%201%200-6.07l1.93-1.9a.91.91%200%201%201%201.3%201.3l-1.93%201.9a2.46%202.46%200%200%200%203.48%203.48l3.37-3.38c.96-.96.96-2.52%200-3.48a.91.91%200%201%201%201.3-1.3%204.3%204.3%200%200%201%200%206.07l-3.38%203.38a4.26%204.26%200%200%201-6.07%200z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-strike::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.73%2014l.28.14c.26.15.45.3.57.44.12.14.18.3.18.5%200%20.3-.15.56-.44.75-.3.2-.76.3-1.39.3A13.52%2013.52%200%200%201%207%2014.95v3.37a10.64%2010.64%200%200%200%204.84.88c1.26%200%202.35-.19%203.28-.56.93-.37%201.64-.9%202.14-1.57s.74-1.45.74-2.32c0-.26-.02-.51-.06-.75h-5.21zm-5.5-4c-.08-.34-.12-.7-.12-1.1%200-1.29.52-2.3%201.58-3.02%201.05-.72%202.5-1.08%204.34-1.08%201.62%200%203.28.34%204.97%201l-1.3%202.93c-1.47-.6-2.73-.9-3.8-.9-.55%200-.96.08-1.2.26-.26.17-.38.38-.38.64%200%20.27.16.52.48.74.17.12.53.3%201.05.53H7.23zM3%2013h18v-2H3v2z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-quote::before { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M6%2017h3l2-4V7H5v6h3zm8%200h3l2-4V7h-6v6h3z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-heading-1::before { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12%209v3H9v7H6v-7H3V9h9zM8%204h14v3h-6v12h-3V7H8V4z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-code::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.2%2012L15%2015.2l1.4%201.4L21%2012l-4.6-4.6L15%208.8l3.2%203.2zM5.8%2012L9%208.8%207.6%207.4%203%2012l4.6%204.6L9%2015.2%205.8%2012z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-bullet-list::before { background-image: url(data:image/svg+xml,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M4%204a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm0%206a2%202%200%201%200%200%204%202%202%200%200%200%200-4zm4%203h14v-2H8v2zm0-6h14v-2H8v2zm0-8v2h14V5H8z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-number-list::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M2%2017h2v.5H3v1h1v.5H2v1h3v-4H2v1zm1-9h1V4H2v1h1v3zm-1%203h1.8L2%2013.1v.9h3v-1H3.2L5%2010.9V10H2v1zm5-6v2h14V5H7zm0%2014h14v-2H7v2zm0-6h14v-2H7v2z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-undo::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M12.5%208c-2.6%200-5%201-6.9%202.6L2%207v9h9l-3.6-3.6A8%208%200%200%201%2020%2016l2.4-.8a10.5%2010.5%200%200%200-10-7.2z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-redo::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M18.4%2010.6a10.5%2010.5%200%200%200-16.9%204.6L4%2016a8%208%200%200%201%2012.7-3.6L13%2016h9V7l-3.6%203.6z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-decrease-nesting-level::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-8.3-.3l2.8%202.9L6%2014.2%204%2012l2-2-1.4-1.5L1%2012l.7.7zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-button--icon-increase-nesting-level::before { background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%3E%3Cpath%20d%3D%22M3%2019h19v-2H3v2zm7-6h12v-2H10v2zm-6.9-1L1%2014.2l1.4%201.4L6%2012l-.7-.7-2.8-2.8L1%209.9%203.1%2012zM3%205v2h19V5H3z%22%2F%3E%3C%2Fsvg%3E); } trix-toolbar .trix-dialogs { position: relative; } trix-toolbar .trix-dialog { position: absolute; top: 0; left: 0; right: 0; font-size: 0.75em; padding: 15px 10px; background: #fff; box-shadow: 0 0.3em 1em #ccc; border-top: 2px solid #888; border-radius: 5px; z-index: 5; } trix-toolbar .trix-input--dialog { font-size: inherit; font-weight: normal; padding: 0.5em 0.8em; margin: 0 10px 0 0; border-radius: 3px; border: 1px solid #bbb; background-color: #fff; box-shadow: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } trix-toolbar .trix-input--dialog.validate:invalid { box-shadow: #F00 0px 0px 1.5px 1px; } trix-toolbar .trix-button--dialog { font-size: inherit; padding: 0.5em; border-bottom: none; } trix-toolbar .trix-dialog--link { max-width: 600px; } trix-toolbar .trix-dialog__link-fields { display: flex; align-items: baseline; } trix-toolbar .trix-dialog__link-fields .trix-input { flex: 1; } trix-toolbar .trix-dialog__link-fields .trix-button-group { flex: 0 0 content; margin: 0; } trix-editor [data-trix-mutable]:not(.attachment__caption-editor) { -webkit-user-select: none; user-select: none; } trix-editor [data-trix-mutable]::selection, trix-editor [data-trix-cursor-target]::selection, trix-editor [data-trix-mutable] ::selection { background: none; } trix-editor [data-trix-mutable].attachment__caption-editor:focus::selection { background: highlight; } trix-editor [data-trix-mutable].attachment.attachment--file { box-shadow: 0 0 0 2px highlight; border-color: transparent; } trix-editor [data-trix-mutable].attachment img { box-shadow: 0 0 0 2px highlight; } trix-editor .attachment { position: relative; } trix-editor .attachment:hover { cursor: default; } trix-editor .attachment--preview .attachment__caption:hover { cursor: text; } trix-editor .attachment__progress { position: absolute; z-index: 1; height: 20px; top: calc(50% - 10px); left: 5%; width: 90%; opacity: 0.9; transition: opacity 200ms ease-in; } trix-editor .attachment__progress[value="100"] { opacity: 0; } trix-editor .attachment__caption-editor { display: inline-block; width: 100%; margin: 0; padding: 0; font-size: inherit; font-family: inherit; line-height: inherit; color: inherit; text-align: center; vertical-align: top; border: none; outline: none; -webkit-appearance: none; -moz-appearance: none; } trix-editor .attachment__toolbar { position: absolute; z-index: 1; top: -0.9em; left: 0; width: 100%; text-align: center; } trix-editor .trix-button-group { display: inline-flex; } trix-editor .trix-button { position: relative; float: left; color: #666; white-space: nowrap; font-size: 80%; padding: 0 0.8em; margin: 0; outline: none; border: none; border-radius: 0; background: transparent; } trix-editor .trix-button:not(:first-child) { border-left: 1px solid #ccc; } trix-editor .trix-button.trix-active { background: #cbeefa; } trix-editor .trix-button:not(:disabled) { cursor: pointer; } trix-editor .trix-button--remove { text-indent: -9999px; display: inline-block; padding: 0; outline: none; width: 1.8em; height: 1.8em; line-height: 1.8em; border-radius: 50%; background-color: #fff; border: 2px solid highlight; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.25); } trix-editor .trix-button--remove::before { display: inline-block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.7; content: ""; background-image: url(data:image/svg+xml,%3Csvg%20height%3D%2224%22%20width%3D%2224%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M19%206.4L17.6%205%2012%2010.6%206.4%205%205%206.4l5.6%205.6L5%2017.6%206.4%2019l5.6-5.6%205.6%205.6%201.4-1.4-5.6-5.6z%22%2F%3E%3Cpath%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22%2F%3E%3C%2Fsvg%3E); background-position: center; background-repeat: no-repeat; background-size: 90%; } trix-editor .trix-button--remove:hover { border-color: #333; } trix-editor .trix-button--remove:hover::before { opacity: 1; } trix-editor .attachment__metadata-container { position: relative; } trix-editor .attachment__metadata { position: absolute; left: 50%; top: 2em; transform: translate(-50%, 0); max-width: 90%; padding: 0.1em 0.6em; font-size: 0.8em; color: #fff; background-color: rgba(0, 0, 0, 0.7); border-radius: 3px; } trix-editor .attachment__metadata .attachment__name { display: inline-block; max-width: 100%; vertical-align: bottom; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } trix-editor .attachment__metadata .attachment__size { margin-left: 0.2em; white-space: nowrap; } .trix-content { line-height: 1.5; } .trix-content * { box-sizing: border-box; margin: 0; padding: 0; } .trix-content h1 { font-size: 1.2em; line-height: 1.2; } .trix-content blockquote { border: 0 solid #ccc; border-left-width: 0.3em; margin-left: 0.3em; padding-left: 0.6em; } .trix-content [dir=rtl] blockquote, .trix-content blockquote[dir=rtl] { border-width: 0; border-right-width: 0.3em; margin-right: 0.3em; padding-right: 0.6em; } .trix-content li { margin-left: 1em; } .trix-content [dir=rtl] li { margin-right: 1em; } .trix-content pre { display: inline-block; width: 100%; vertical-align: top; font-family: monospace; font-size: 0.9em; padding: 0.5em; white-space: pre; background-color: #eee; overflow-x: auto; } .trix-content img { max-width: 100%; height: auto; } .trix-content .attachment { display: inline-block; position: relative; max-width: 100%; } .trix-content .attachment a { color: inherit; text-decoration: none; } .trix-content .attachment a:hover, .trix-content .attachment a:visited:hover { color: inherit; } .trix-content .attachment__caption { text-align: center; } .trix-content .attachment__caption .attachment__name + .attachment__size::before { content: ' · '; } .trix-content .attachment--preview { width: 100%; text-align: center; } .trix-content .attachment--preview .attachment__caption { color: #666; font-size: 0.9em; line-height: 1.2; } .trix-content .attachment--file { color: #333; line-height: 1; margin: 0 2px 2px 2px; padding: 0.4em 1em; border: 1px solid #bbb; border-radius: 5px; } .trix-content .attachment-gallery { display: flex; flex-wrap: wrap; position: relative; } .trix-content .attachment-gallery .attachment { flex: 1 0 33%; padding: 0 0.5em; max-width: 33%; } .trix-content .attachment-gallery.attachment-gallery--2 .attachment, .trix-content .attachment-gallery.attachment-gallery--4 .attachment { flex-basis: 50%; max-width: 50%; } .trix-content h1{ margin-bottom:0.5rem; font-size:1.25rem; line-height:1.75rem; font-weight:700 } .trix-content ul{ list-style-type:disc } .trix-content pre{ font-size:1rem; line-height:1.5rem } .trix-content ol{ list-style-type:decimal } .container{ width:100% } @media (min-width: 495px){ .container{ max-width:495px } } @media (min-width: 640px){ .container{ max-width:640px } } @media (min-width: 768px){ .container{ max-width:768px } } @media (min-width: 1024px){ .container{ max-width:1024px } } @media (min-width: 1280px){ .container{ max-width:1280px } } @media (min-width: 1536px){ .container{ max-width:1536px } } .sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0, 0, 0, 0); white-space:nowrap; border-width:0 } .pointer-events-none{ pointer-events:none } .pointer-events-auto{ pointer-events:auto } .visible{ visibility:visible } .invisible{ visibility:hidden } .static{ position:static } .fixed{ position:fixed } .absolute{ position:absolute } .relative{ position:relative } .inset-auto{ top:auto; right:auto; bottom:auto; left:auto } .inset-0{ top:0px; right:0px; bottom:0px; left:0px } .top-auto{ top:auto } .-bottom-1\.5{ bottom:-0.375rem } .-bottom-1{ bottom:-0.25rem } .left-0{ left:0px } .left-1\/2{ left:50% } .top-1\/2{ top:50% } .bottom-0{ bottom:0px } .left-auto{ left:auto } .right-0{ right:0px } .top-full{ top:100% } .top-\[-1px\]{ top:-1px } .right-3{ right:0.75rem } .z-10{ z-index:10 } .z-50{ z-index:50 } .z-20{ z-index:20 } .z-40{ z-index:40 } .z-30{ z-index:30 } .z-\[100\]{ z-index:100 } .z-\[60\]{ z-index:60 } .col-span-1{ grid-column:span 1 / span 1 } .col-span-2{ grid-column:span 2 / span 2 } .col-span-full{ grid-column:1 / -1 } .float-right{ float:right } .float-left{ float:left } .m-0{ margin:0px } .-mx-1\.5{ margin-left:-0.375rem; margin-right:-0.375rem } .-mx-1{ margin-left:-0.25rem; margin-right:-0.25rem } .mx-3{ margin-left:0.75rem; margin-right:0.75rem } .my-6{ margin-top:1.5rem; margin-bottom:1.5rem } .my-4{ margin-top:1rem; margin-bottom:1rem } .my-\[2px\]{ margin-top:2px; margin-bottom:2px } .my-1{ margin-top:0.25rem; margin-bottom:0.25rem } .my-0\.5{ margin-top:0.125rem; margin-bottom:0.125rem } .my-0{ margin-top:0px; margin-bottom:0px } .-mx-2{ margin-left:-0.5rem; margin-right:-0.5rem } .-my-2{ margin-top:-0.5rem; margin-bottom:-0.5rem } .mx-6{ margin-left:1.5rem; margin-right:1.5rem } .mt-2{ margin-top:0.5rem } .ml-3{ margin-left:0.75rem } .-ml-px{ margin-left:-1px } .mt-4{ margin-top:1rem } .mt-8{ margin-top:2rem } .mb-12{ margin-bottom:3rem } .mr-2{ margin-right:0.5rem } .mb-0{ margin-bottom:0px } .mt-1{ margin-top:0.25rem } .-ml-20{ margin-left:-5rem } .-mt-12{ margin-top:-3rem } .-ml-10{ margin-left:-2.5rem } .-mt-24{ margin-top:-6rem } .ml-8{ margin-left:2rem } .ml-20{ margin-left:5rem } .-mt-10{ margin-top:-2.5rem } .mb-4{ margin-bottom:1rem } .mr-1{ margin-right:0.25rem } .mr-4{ margin-right:1rem } .ml-1{ margin-left:0.25rem } .ml-1\/12{ margin-left:8.333333% } .ml-4{ margin-left:1rem } .mb-2{ margin-bottom:0.5rem } .mt-6{ margin-top:1.5rem } .ml-1\/2{ margin-left:50% } .mr-0\.5{ margin-right:0.125rem } .mr-0{ margin-right:0px } .ml-auto{ margin-left:auto } .-mb-2{ margin-bottom:-0.5rem } .mt-0{ margin-top:0px } .mr-px{ margin-right:1px } .-mt-2{ margin-top:-0.5rem } .ml-px{ margin-left:1px } .mb-1{ margin-bottom:0.25rem } .block{ display:block } .inline-block{ display:inline-block } .inline{ display:inline } .flex{ display:flex } .inline-flex{ display:inline-flex } .table{ display:table } .grid{ display:grid } .hidden{ display:none } .aspect-square{ aspect-ratio:1 / 1 } .h-36{ height:9rem } .h-72{ height:18rem } .h-\[27rem\]{ height:27rem } .h-\[36rem\]{ height:36rem } .h-\[45rem\]{ height:45rem } .h-\[54rem\]{ height:54rem } .h-5{ height:1.25rem } .h-4{ height:1rem } .h-full{ height:100% } .h-40{ height:10rem } .h-20{ height:5rem } .h-8{ height:2rem } .h-6{ height:1.5rem } .h-16{ height:4rem } .h-\[250px\]{ height:250px } .h-3{ height:0.75rem } .h-\[calc\(100vh-4rem\)\]{ height:calc(100vh - 4rem) } .h-10{ height:2.5rem } .max-h-\[42rem\]{ max-height:42rem } .max-h-full{ max-height:100% } .min-h-24{ min-height:6rem } .min-h-full{ min-height:100% } .min-h-screen{ min-height:100vh } .min-h-1\/4{ min-height:25% } .min-h-\[3rem\]{ min-height:3rem } .w-5{ width:1.25rem } .w-4{ width:1rem } .w-full{ width:100% } .w-auto{ width:auto } .w-24{ width:6rem } .w-10\/12{ width:83.333333% } .w-8{ width:2rem } .w-1\/2{ width:50% } .w-0{ width:0px } .w-48{ width:12rem } .w-11\/12{ width:91.666667% } .w-16{ width:4rem } .w-64{ width:16rem } .w-10{ width:2.5rem } .w-\[1\%\]{ width:1% } .min-w-\[1rem\]{ min-width:1rem } .min-w-\[300px\]{ min-width:300px } .min-w-full{ min-width:100% } .min-w-\[200px\]{ min-width:200px } .min-w-\[20px\]{ min-width:20px } .max-w-168{ max-width:42rem } .max-w-full{ max-width:100% } .max-w-lg{ max-width:32rem } .max-w-xs{ max-width:20rem } .flex-1{ flex:1 1 0% } .flex-shrink-0{ flex-shrink:0 } .flex-grow-0{ flex-grow:0 } .-translate-x-1\/2{ --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)) } .-translate-y-1\/2{ --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)) } .-translate-y-full{ --tw-translate-y:-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)) } .rotate-90{ --tw-rotate:90deg; 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)) } .transform{ 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)) } .cursor-pointer{ cursor:pointer } .cursor-not-allowed{ cursor:not-allowed } .cursor-wait{ cursor:wait } .appearance-none{ -webkit-appearance:none; appearance:none } .grid-cols-1{ grid-template-columns:repeat(1, minmax(0, 1fr)) } .flex-row{ flex-direction:row } .flex-col{ flex-direction:column } .flex-wrap{ flex-wrap:wrap } .flex-nowrap{ flex-wrap:nowrap } .place-content-between{ place-content:space-between } .items-start{ align-items:flex-start } .items-end{ align-items:flex-end } .items-center{ align-items:center } .items-baseline{ align-items:baseline } .items-stretch{ align-items:stretch } .justify-start{ justify-content:flex-start } .justify-end{ justify-content:flex-end } .justify-center{ justify-content:center } .justify-between{ justify-content:space-between } .justify-around{ justify-content:space-around } .justify-evenly{ justify-content:space-evenly } .gap-4{ gap:1rem } .gap-0{ gap:0px } .gap-6{ gap:1.5rem } .gap-3{ gap:0.75rem } .gap-1{ gap:0.25rem } .space-y-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.5rem * var(--tw-space-y-reverse)) } .space-y-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1rem * var(--tw-space-y-reverse)) } .space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0.5rem * var(--tw-space-x-reverse)); margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) } .space-x-4 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(1rem * var(--tw-space-x-reverse)); margin-left:calc(1rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.25rem * var(--tw-space-y-reverse)) } .space-x-1 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0.25rem * var(--tw-space-x-reverse)); margin-left:calc(0.25rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(2rem * var(--tw-space-y-reverse)) } .space-y-12 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(3rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(3rem * var(--tw-space-y-reverse)) } .space-y-6 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(1.5rem * var(--tw-space-y-reverse)) } .space-x-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0.75rem * var(--tw-space-x-reverse)); margin-left:calc(0.75rem * calc(1 - var(--tw-space-x-reverse))) } .space-y-3 > :not([hidden]) ~ :not([hidden]){ --tw-space-y-reverse:0; margin-top:calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom:calc(0.75rem * var(--tw-space-y-reverse)) } .divide-y > :not([hidden]) ~ :not([hidden]){ --tw-divide-y-reverse:0; border-top-width:calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width:calc(1px * var(--tw-divide-y-reverse)) } .divide-gray-300 > :not([hidden]) ~ :not([hidden]){ --tw-divide-opacity:1; border-color:rgb(172 177 185 / var(--tw-divide-opacity)) } .place-self-end{ place-self:end } .self-start{ align-self:flex-start } .self-center{ align-self:center } .justify-self-end{ justify-self:end } .overflow-auto{ overflow:auto } .overflow-hidden{ overflow:hidden } .overflow-x-auto{ overflow-x:auto } .truncate{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap } .whitespace-nowrap{ white-space:nowrap } .whitespace-pre-line{ white-space:pre-line } .break-words{ overflow-wrap:break-word } .rounded{ border-radius:0.25rem } .rounded-md{ border-radius:0.375rem } .rounded-lg{ border-radius:0.5rem } .rounded-full{ border-radius:9999px } .\!rounded-none{ border-radius:0px !important } .rounded-xl{ border-radius:1rem } .rounded-r-md{ border-top-right-radius:0.375rem; border-bottom-right-radius:0.375rem } .rounded-l-md{ border-top-left-radius:0.375rem; border-bottom-left-radius:0.375rem } .rounded-l{ border-top-left-radius:0.25rem; border-bottom-left-radius:0.25rem } .rounded-t{ border-top-left-radius:0.25rem; border-top-right-radius:0.25rem } .border{ border-width:1px } .border-b-2{ border-bottom-width:2px } .border-b{ border-bottom-width:1px } .border-r{ border-right-width:1px } .border-l-0{ border-left-width:0px } .border-b-0{ border-bottom-width:0px } .border-t-0{ border-top-width:0px } .border-t{ border-top-width:1px } .border-l{ border-left-width:1px } .border-dashed{ border-style:dashed } .border-none{ border-style:none } .border-slate-500{ --tw-border-opacity:1; border-color:rgb(100 116 139 / var(--tw-border-opacity)) } .border-gray-500{ --tw-border-opacity:1; border-color:rgb(117 125 138 / var(--tw-border-opacity)) } .border-zinc-500{ --tw-border-opacity:1; border-color:rgb(113 113 122 / var(--tw-border-opacity)) } .border-neutral-500{ --tw-border-opacity:1; border-color:rgb(115 115 115 / var(--tw-border-opacity)) } .border-stone-500{ --tw-border-opacity:1; border-color:rgb(120 113 108 / var(--tw-border-opacity)) } .border-red-500{ --tw-border-opacity:1; border-color:rgb(239 68 68 / var(--tw-border-opacity)) } .border-orange-500{ --tw-border-opacity:1; border-color:rgb(249 115 22 / var(--tw-border-opacity)) } .border-amber-500{ --tw-border-opacity:1; border-color:rgb(245 158 11 / var(--tw-border-opacity)) } .border-yellow-500{ --tw-border-opacity:1; border-color:rgb(234 179 8 / var(--tw-border-opacity)) } .border-lime-500{ --tw-border-opacity:1; border-color:rgb(132 204 22 / var(--tw-border-opacity)) } .border-green-500{ --tw-border-opacity:1; border-color:rgb(34 197 94 / var(--tw-border-opacity)) } .border-emerald-500{ --tw-border-opacity:1; border-color:rgb(16 185 129 / var(--tw-border-opacity)) } .border-teal-500{ --tw-border-opacity:1; border-color:rgb(20 184 166 / var(--tw-border-opacity)) } .border-cyan-500{ --tw-border-opacity:1; border-color:rgb(6 182 212 / var(--tw-border-opacity)) } .border-sky-500{ --tw-border-opacity:1; border-color:rgb(14 165 233 / var(--tw-border-opacity)) } .border-blue-500{ --tw-border-opacity:1; border-color:rgb(8 134 222 / var(--tw-border-opacity)) } .border-indigo-500{ --tw-border-opacity:1; border-color:rgb(99 102 241 / var(--tw-border-opacity)) } .border-violet-500{ --tw-border-opacity:1; border-color:rgb(139 92 246 / var(--tw-border-opacity)) } .border-purple-500{ --tw-border-opacity:1; border-color:rgb(168 85 247 / var(--tw-border-opacity)) } .border-fuchsia-500{ --tw-border-opacity:1; border-color:rgb(217 70 239 / var(--tw-border-opacity)) } .border-pink-500{ --tw-border-opacity:1; border-color:rgb(236 72 153 / var(--tw-border-opacity)) } .border-rose-500{ --tw-border-opacity:1; border-color:rgb(244 63 94 / var(--tw-border-opacity)) } .border-primary-500{ --tw-border-opacity:1; border-color:rgb(8 134 222 / var(--tw-border-opacity)) } .border-red-600{ --tw-border-opacity:1; border-color:rgb(220 38 38 / var(--tw-border-opacity)) } .border-gray-200{ --tw-border-opacity:1; border-color:rgb(200 203 208 / var(--tw-border-opacity)) } .border-gray-300{ --tw-border-opacity:1; border-color:rgb(172 177 185 / var(--tw-border-opacity)) } .border-primary-300{ --tw-border-opacity:1; border-color:rgb(107 182 235 / var(--tw-border-opacity)) } .border-gray-600{ --tw-border-opacity:1; border-color:rgb(94 100 110 / var(--tw-border-opacity)) } .border-green-600{ --tw-border-opacity:1; border-color:rgb(22 163 74 / var(--tw-border-opacity)) } .border-orange-600{ --tw-border-opacity:1; border-color:rgb(234 88 12 / var(--tw-border-opacity)) } .border-blue-600{ --tw-border-opacity:1; border-color:rgb(6 107 178 / var(--tw-border-opacity)) } .border-transparent{ border-color:transparent } .border-slate-300{ --tw-border-opacity:1; border-color:rgb(203 213 225 / var(--tw-border-opacity)) } .bg-red-600{ --tw-bg-opacity:1; background-color:rgb(220 38 38 / var(--tw-bg-opacity)) } .bg-white{ --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)) } .bg-gray-25{ --tw-bg-opacity:1; background-color:rgb(246 246 247 / var(--tw-bg-opacity)) } .bg-gray-100{ --tw-bg-opacity:1; background-color:rgb(227 229 232 / var(--tw-bg-opacity)) } .bg-sky-500{ --tw-bg-opacity:1; background-color:rgb(14 165 233 / var(--tw-bg-opacity)) } .bg-orange-700{ --tw-bg-opacity:1; background-color:rgb(194 65 12 / var(--tw-bg-opacity)) } .bg-green-700{ --tw-bg-opacity:1; background-color:rgb(21 128 61 / var(--tw-bg-opacity)) } .bg-red-400{ --tw-bg-opacity:1; background-color:rgb(248 113 113 / var(--tw-bg-opacity)) } .bg-green-500{ --tw-bg-opacity:1; background-color:rgb(34 197 94 / var(--tw-bg-opacity)) } .bg-orange-400{ --tw-bg-opacity:1; background-color:rgb(251 146 60 / var(--tw-bg-opacity)) } .bg-blue-400{ --tw-bg-opacity:1; background-color:rgb(57 158 229 / var(--tw-bg-opacity)) } .bg-primary-500{ --tw-bg-opacity:1; background-color:rgb(8 134 222 / var(--tw-bg-opacity)) } .bg-gray-800{ --tw-bg-opacity:1; background-color:rgb(47 50 55 / var(--tw-bg-opacity)) } .bg-application{ --tw-bg-opacity:1; background-color:rgb(229 235 240 / var(--tw-bg-opacity)) } .bg-gray-50{ --tw-bg-opacity:1; background-color:rgb(241 242 243 / var(--tw-bg-opacity)) } .bg-blue-500{ --tw-bg-opacity:1; background-color:rgb(8 134 222 / var(--tw-bg-opacity)) } .bg-red-500{ --tw-bg-opacity:1; background-color:rgb(239 68 68 / var(--tw-bg-opacity)) } .bg-yellow-500{ --tw-bg-opacity:1; background-color:rgb(234 179 8 / var(--tw-bg-opacity)) } .bg-gray-700{ --tw-bg-opacity:1; background-color:rgb(70 75 83 / var(--tw-bg-opacity)) } .bg-gray-600{ --tw-bg-opacity:1; background-color:rgb(94 100 110 / var(--tw-bg-opacity)) } .bg-gray-500{ --tw-bg-opacity:1; background-color:rgb(117 125 138 / var(--tw-bg-opacity)) } .bg-opacity-25{ --tw-bg-opacity:0.25 } .bg-none{ background-image:none } .fill-current{ fill:currentColor } .stroke-current{ stroke:currentColor } .object-contain{ object-fit:contain } .object-cover{ object-fit:cover } .p-2{ padding:0.5rem } .p-4{ padding:1rem } .p-6{ padding:1.5rem } .p-1{ padding:0.25rem } .px-1{ padding-left:0.25rem; padding-right:0.25rem } .py-px{ padding-top:1px; padding-bottom:1px } .px-2{ padding-left:0.5rem; padding-right:0.5rem } .py-1{ padding-top:0.25rem; padding-bottom:0.25rem } .px-4{ padding-left:1rem; padding-right:1rem } .py-2{ padding-top:0.5rem; padding-bottom:0.5rem } .py-3{ padding-top:0.75rem; padding-bottom:0.75rem } .px-3{ padding-left:0.75rem; padding-right:0.75rem } .px-0{ padding-left:0px; padding-right:0px } .py-12{ padding-top:3rem; padding-bottom:3rem } .py-6{ padding-top:1.5rem; padding-bottom:1.5rem } .px-6{ padding-left:1.5rem; padding-right:1.5rem } .py-0\.5{ padding-top:0.125rem; padding-bottom:0.125rem } .px-1\.5{ padding-left:0.375rem; padding-right:0.375rem } .py-0{ padding-top:0px; padding-bottom:0px } .py-1\.5{ padding-top:0.375rem; padding-bottom:0.375rem } .px-5{ padding-left:1.25rem; padding-right:1.25rem } .py-24{ padding-top:6rem; padding-bottom:6rem } .px-10{ padding-left:2.5rem; padding-right:2.5rem } .py-4{ padding-top:1rem; padding-bottom:1rem } .py-8{ padding-top:2rem; padding-bottom:2rem } .pb-1{ padding-bottom:0.25rem } .pb-0{ padding-bottom:0px } .pt-16{ padding-top:4rem } .pt-0\.5{ padding-top:0.125rem } .pt-0{ padding-top:0px } .pt-4{ padding-top:1rem } .pb-4{ padding-bottom:1rem } .pb-2{ padding-bottom:0.5rem } .pt-3{ padding-top:0.75rem } .pb-3\/4{ padding-bottom:75% } .pr-2{ padding-right:0.5rem } .pt-2{ padding-top:0.5rem } .pr-0{ padding-right:0px } .text-left{ text-align:left } .text-center{ text-align:center } .text-right{ text-align:right } .font-sans{ font-family:"Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } .text-sm{ font-size:0.875rem; line-height:1.25rem } .text-lg{ font-size:1.125rem; line-height:1.75rem } .text-base{ font-size:1rem; line-height:1.5rem } .text-3xl{ font-size:1.875rem; line-height:2.25rem } .text-5xl{ font-size:3rem; line-height:1 } .text-xl{ font-size:1.25rem; line-height:1.75rem } .text-xs{ font-size:0.75rem; line-height:1rem } .text-2xl{ font-size:1.5rem; line-height:2rem } .font-semibold{ font-weight:600 } .font-medium{ font-weight:500 } .font-normal{ font-weight:400 } .font-bold{ font-weight:700 } .uppercase{ text-transform:uppercase } .capitalize{ text-transform:capitalize } .italic{ font-style:italic } .leading-6{ line-height:1.5rem } .leading-tight{ line-height:1.25 } .leading-5{ line-height:1.25rem } .leading-none{ line-height:1 } .tracking-tight{ letter-spacing:-0.025em } .tracking-normal{ letter-spacing:0em } .text-slate-500{ --tw-text-opacity:1; color:rgb(100 116 139 / var(--tw-text-opacity)) } .text-gray-500{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } .text-zinc-500{ --tw-text-opacity:1; color:rgb(113 113 122 / var(--tw-text-opacity)) } .text-neutral-500{ --tw-text-opacity:1; color:rgb(115 115 115 / var(--tw-text-opacity)) } .text-stone-500{ --tw-text-opacity:1; color:rgb(120 113 108 / var(--tw-text-opacity)) } .text-red-500{ --tw-text-opacity:1; color:rgb(239 68 68 / var(--tw-text-opacity)) } .text-orange-500{ --tw-text-opacity:1; color:rgb(249 115 22 / var(--tw-text-opacity)) } .text-amber-500{ --tw-text-opacity:1; color:rgb(245 158 11 / var(--tw-text-opacity)) } .text-yellow-500{ --tw-text-opacity:1; color:rgb(234 179 8 / var(--tw-text-opacity)) } .text-lime-500{ --tw-text-opacity:1; color:rgb(132 204 22 / var(--tw-text-opacity)) } .text-green-500{ --tw-text-opacity:1; color:rgb(34 197 94 / var(--tw-text-opacity)) } .text-emerald-500{ --tw-text-opacity:1; color:rgb(16 185 129 / var(--tw-text-opacity)) } .text-teal-500{ --tw-text-opacity:1; color:rgb(20 184 166 / var(--tw-text-opacity)) } .text-cyan-500{ --tw-text-opacity:1; color:rgb(6 182 212 / var(--tw-text-opacity)) } .text-sky-500{ --tw-text-opacity:1; color:rgb(14 165 233 / var(--tw-text-opacity)) } .text-blue-500{ --tw-text-opacity:1; color:rgb(8 134 222 / var(--tw-text-opacity)) } .text-indigo-500{ --tw-text-opacity:1; color:rgb(99 102 241 / var(--tw-text-opacity)) } .text-violet-500{ --tw-text-opacity:1; color:rgb(139 92 246 / var(--tw-text-opacity)) } .text-purple-500{ --tw-text-opacity:1; color:rgb(168 85 247 / var(--tw-text-opacity)) } .text-fuchsia-500{ --tw-text-opacity:1; color:rgb(217 70 239 / var(--tw-text-opacity)) } .text-pink-500{ --tw-text-opacity:1; color:rgb(236 72 153 / var(--tw-text-opacity)) } .text-rose-500{ --tw-text-opacity:1; color:rgb(244 63 94 / var(--tw-text-opacity)) } .text-primary-500{ --tw-text-opacity:1; color:rgb(8 134 222 / var(--tw-text-opacity)) } .text-white{ --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) } .text-gray-700{ --tw-text-opacity:1; color:rgb(70 75 83 / var(--tw-text-opacity)) } .text-gray-600{ --tw-text-opacity:1; color:rgb(94 100 110 / var(--tw-text-opacity)) } .text-slate-800{ --tw-text-opacity:1; color:rgb(30 41 59 / var(--tw-text-opacity)) } .text-red-600{ --tw-text-opacity:1; color:rgb(220 38 38 / var(--tw-text-opacity)) } .text-gray-300{ --tw-text-opacity:1; color:rgb(172 177 185 / var(--tw-text-opacity)) } .text-gray-400{ --tw-text-opacity:1; color:rgb(145 151 161 / var(--tw-text-opacity)) } .text-black{ --tw-text-opacity:1; color:rgb(0 0 0 / var(--tw-text-opacity)) } .\!text-blue-700{ --tw-text-opacity:1 !important; color:rgb(5 80 133 / var(--tw-text-opacity)) !important } .text-slate-600{ --tw-text-opacity:1; color:rgb(71 85 105 / var(--tw-text-opacity)) } .text-slate-700{ --tw-text-opacity:1; color:rgb(51 65 85 / var(--tw-text-opacity)) } .text-gray-800{ --tw-text-opacity:1; color:rgb(47 50 55 / var(--tw-text-opacity)) } .text-green-600{ --tw-text-opacity:1; color:rgb(22 163 74 / var(--tw-text-opacity)) } .underline{ -webkit-text-decoration-line:underline; text-decoration-line:underline } .no-underline{ -webkit-text-decoration-line:none; text-decoration-line:none } .opacity-75{ opacity:0.75 } .opacity-50{ opacity:0.5 } .shadow-panel{ --tw-shadow:0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 2px rgba(0, 0, 0, 0.06), 0px 0px 1px rgba(0, 0, 0, 0.04); --tw-shadow-colored:0px 4px 8px var(--tw-shadow-color), 0px 0px 2px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-modal{ --tw-shadow: 0px 24px 32px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 4px 8px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04); --tw-shadow-colored:0px 24px 32px var(--tw-shadow-color), 0px 16px 24px var(--tw-shadow-color), 0px 4px 8px var(--tw-shadow-color), 0px 0px 1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-lg{ --tw-shadow:0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow{ --tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .shadow-context{ --tw-shadow:0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 0 25px -5px rgba(0, 0, 0, 0.1); --tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color), 0 0 25px -5px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .outline-none{ outline:2px solid transparent; outline-offset:2px } .outline{ outline-style:solid } .invert{ --tw-invert:invert(100%); filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .filter{ filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) } .transition{ transition-property:color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } .transition-opacity{ transition-property:opacity; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms } .duration-100{ transition-duration:100ms } .duration-150{ transition-duration:150ms } .ease-in-out{ transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1) } html, body{ position:relative; height:100%; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } .will-change-transform { will-change: transform; } .fade-enter-active, .fade-leave-active { will-change: opacity; will-change: transform; 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, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter; transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1); transition-duration:150ms; } .fade-enter-active{ position:relative; transition-delay:150ms; transition-timing-function:cubic-bezier(0, 0, 0.2, 1) } .fade-leave-active{ position:relative; transition-timing-function:cubic-bezier(0.4, 0, 1, 1) } .fade-enter{ --tw-translate-y:-0.25rem; 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:0; transition-delay:150ms } .fade-enter-to{ --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)); opacity:1; transition-delay:150ms } .fade-leave{ --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)); opacity:1 } .fade-leave-to{ --tw-translate-y:0.25rem; 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:0 } .application-sidebar .active:hover, .application-sidebar .active{ --tw-bg-opacity:1; background-color:rgb(206 231 248 / var(--tw-bg-opacity)); --tw-text-opacity:1; color:rgb(8 134 222 / var(--tw-text-opacity)) } .turbo-progress-bar{ --tw-bg-opacity:1; background-color:rgb(57 158 229 / var(--tw-bg-opacity)) } body.os-mac .mac\:hidden { display: none; } body.os-pc .pc\:hidden { display: none; } trix-editor { max-height: 320px !important; overflow-y: auto; } .scroll-shadows { background: /* Shadow Cover TOP */ linear-gradient( #F6F6F7 30%, #F6F6F7 ) center top, /* Shadow Cover BOTTOM */ linear-gradient( #F6F6F7, #F6F6F7 70% ) center bottom, /* Shadow TOP */ radial-gradient( farthest-side at 50% 0, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) ) center top, /* Shadow BOTTOM */ radial-gradient( farthest-side at 50% 100%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0) ) center bottom; background-repeat: no-repeat; background-size: 100% 34px, 100% 34px, 100% 14px, 100% 14px; background-attachment: local, local, scroll, scroll; } .checked\:block:checked{ display:block } .hover\:z-\[21\]:hover{ z-index:21 } .hover\:border-primary-600:hover{ --tw-border-opacity:1; border-color:rgb(6 107 178 / var(--tw-border-opacity)) } .hover\:bg-slate-100:hover{ --tw-bg-opacity:1; background-color:rgb(241 245 249 / var(--tw-bg-opacity)) } .hover\:bg-gray-100:hover{ --tw-bg-opacity:1; background-color:rgb(227 229 232 / var(--tw-bg-opacity)) } .hover\:bg-zinc-100:hover{ --tw-bg-opacity:1; background-color:rgb(244 244 245 / var(--tw-bg-opacity)) } .hover\:bg-neutral-100:hover{ --tw-bg-opacity:1; background-color:rgb(245 245 245 / var(--tw-bg-opacity)) } .hover\:bg-stone-100:hover{ --tw-bg-opacity:1; background-color:rgb(245 245 244 / var(--tw-bg-opacity)) } .hover\:bg-red-100:hover{ --tw-bg-opacity:1; background-color:rgb(254 226 226 / var(--tw-bg-opacity)) } .hover\:bg-orange-100:hover{ --tw-bg-opacity:1; background-color:rgb(255 237 213 / var(--tw-bg-opacity)) } .hover\:bg-amber-100:hover{ --tw-bg-opacity:1; background-color:rgb(254 243 199 / var(--tw-bg-opacity)) } .hover\:bg-yellow-100:hover{ --tw-bg-opacity:1; background-color:rgb(254 249 195 / var(--tw-bg-opacity)) } .hover\:bg-lime-100:hover{ --tw-bg-opacity:1; background-color:rgb(236 252 203 / var(--tw-bg-opacity)) } .hover\:bg-green-100:hover{ --tw-bg-opacity:1; background-color:rgb(220 252 231 / var(--tw-bg-opacity)) } .hover\:bg-emerald-100:hover{ --tw-bg-opacity:1; background-color:rgb(209 250 229 / var(--tw-bg-opacity)) } .hover\:bg-teal-100:hover{ --tw-bg-opacity:1; background-color:rgb(204 251 241 / var(--tw-bg-opacity)) } .hover\:bg-cyan-100:hover{ --tw-bg-opacity:1; background-color:rgb(207 250 254 / var(--tw-bg-opacity)) } .hover\:bg-sky-100:hover{ --tw-bg-opacity:1; background-color:rgb(224 242 254 / var(--tw-bg-opacity)) } .hover\:bg-blue-100:hover{ --tw-bg-opacity:1; background-color:rgb(206 231 248 / var(--tw-bg-opacity)) } .hover\:bg-indigo-100:hover{ --tw-bg-opacity:1; background-color:rgb(224 231 255 / var(--tw-bg-opacity)) } .hover\:bg-violet-100:hover{ --tw-bg-opacity:1; background-color:rgb(237 233 254 / var(--tw-bg-opacity)) } .hover\:bg-purple-100:hover{ --tw-bg-opacity:1; background-color:rgb(243 232 255 / var(--tw-bg-opacity)) } .hover\:bg-fuchsia-100:hover{ --tw-bg-opacity:1; background-color:rgb(250 232 255 / var(--tw-bg-opacity)) } .hover\:bg-pink-100:hover{ --tw-bg-opacity:1; background-color:rgb(252 231 243 / var(--tw-bg-opacity)) } .hover\:bg-rose-100:hover{ --tw-bg-opacity:1; background-color:rgb(255 228 230 / var(--tw-bg-opacity)) } .hover\:bg-primary-100:hover{ --tw-bg-opacity:1; background-color:rgb(206 231 248 / var(--tw-bg-opacity)) } .hover\:bg-blue-500:hover{ --tw-bg-opacity:1; background-color:rgb(8 134 222 / var(--tw-bg-opacity)) } .hover\:bg-primary-600:hover{ --tw-bg-opacity:1; background-color:rgb(6 107 178 / var(--tw-bg-opacity)) } .hover\:bg-gray-50:hover{ --tw-bg-opacity:1; background-color:rgb(241 242 243 / var(--tw-bg-opacity)) } .hover\:text-gray-500:hover{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } .hover\:text-gray-400:hover{ --tw-text-opacity:1; color:rgb(145 151 161 / var(--tw-text-opacity)) } .hover\:text-white:hover{ --tw-text-opacity:1; color:rgb(255 255 255 / var(--tw-text-opacity)) } .hover\:text-gray-600:hover{ --tw-text-opacity:1; color:rgb(94 100 110 / var(--tw-text-opacity)) } .hover\:opacity-100:hover{ opacity:1 } .hover\:shadow-row:hover{ --tw-shadow:0 0 15px -5px rgba(0, 0, 0, 0.25); --tw-shadow-colored:0 0 15px -5px var(--tw-shadow-color); box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) } .focus\:z-10:focus{ z-index:10 } .focus\:border-gray-600:focus{ --tw-border-opacity:1; border-color:rgb(94 100 110 / var(--tw-border-opacity)) } .focus\:border-blue-300:focus{ --tw-border-opacity:1; border-color:rgb(107 182 235 / var(--tw-border-opacity)) } .focus\:border-gray-300:focus{ --tw-border-opacity:1; border-color:rgb(172 177 185 / var(--tw-border-opacity)) } .focus\:border-slate-400:focus{ --tw-border-opacity:1; border-color:rgb(148 163 184 / var(--tw-border-opacity)) } .focus\:bg-gray-100:focus{ --tw-bg-opacity:1; background-color:rgb(227 229 232 / var(--tw-bg-opacity)) } .focus\:bg-white:focus{ --tw-bg-opacity:1; background-color:rgb(255 255 255 / var(--tw-bg-opacity)) } .focus\:text-gray-700:focus{ --tw-text-opacity:1; color:rgb(70 75 83 / var(--tw-text-opacity)) } .focus\:text-gray-300:focus{ --tw-text-opacity:1; color:rgb(172 177 185 / var(--tw-text-opacity)) } .focus\:outline-none:focus{ outline:2px solid transparent; outline-offset:2px } .focus-visible\:ring-0:focus-visible{ --tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) } .active\:translate-x-px:active{ --tw-translate-x:1px; 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)) } .active\:translate-y-px:active{ --tw-translate-y:1px; 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)) } .active\:border-slate-500:active{ --tw-border-opacity:1; border-color:rgb(100 116 139 / var(--tw-border-opacity)) } .active\:border-gray-500:active{ --tw-border-opacity:1; border-color:rgb(117 125 138 / var(--tw-border-opacity)) } .active\:border-zinc-500:active{ --tw-border-opacity:1; border-color:rgb(113 113 122 / var(--tw-border-opacity)) } .active\:border-neutral-500:active{ --tw-border-opacity:1; border-color:rgb(115 115 115 / var(--tw-border-opacity)) } .active\:border-stone-500:active{ --tw-border-opacity:1; border-color:rgb(120 113 108 / var(--tw-border-opacity)) } .active\:border-red-500:active{ --tw-border-opacity:1; border-color:rgb(239 68 68 / var(--tw-border-opacity)) } .active\:border-orange-500:active{ --tw-border-opacity:1; border-color:rgb(249 115 22 / var(--tw-border-opacity)) } .active\:border-amber-500:active{ --tw-border-opacity:1; border-color:rgb(245 158 11 / var(--tw-border-opacity)) } .active\:border-yellow-500:active{ --tw-border-opacity:1; border-color:rgb(234 179 8 / var(--tw-border-opacity)) } .active\:border-lime-500:active{ --tw-border-opacity:1; border-color:rgb(132 204 22 / var(--tw-border-opacity)) } .active\:border-green-500:active{ --tw-border-opacity:1; border-color:rgb(34 197 94 / var(--tw-border-opacity)) } .active\:border-emerald-500:active{ --tw-border-opacity:1; border-color:rgb(16 185 129 / var(--tw-border-opacity)) } .active\:border-teal-500:active{ --tw-border-opacity:1; border-color:rgb(20 184 166 / var(--tw-border-opacity)) } .active\:border-cyan-500:active{ --tw-border-opacity:1; border-color:rgb(6 182 212 / var(--tw-border-opacity)) } .active\:border-sky-500:active{ --tw-border-opacity:1; border-color:rgb(14 165 233 / var(--tw-border-opacity)) } .active\:border-blue-500:active{ --tw-border-opacity:1; border-color:rgb(8 134 222 / var(--tw-border-opacity)) } .active\:border-indigo-500:active{ --tw-border-opacity:1; border-color:rgb(99 102 241 / var(--tw-border-opacity)) } .active\:border-violet-500:active{ --tw-border-opacity:1; border-color:rgb(139 92 246 / var(--tw-border-opacity)) } .active\:border-purple-500:active{ --tw-border-opacity:1; border-color:rgb(168 85 247 / var(--tw-border-opacity)) } .active\:border-fuchsia-500:active{ --tw-border-opacity:1; border-color:rgb(217 70 239 / var(--tw-border-opacity)) } .active\:border-pink-500:active{ --tw-border-opacity:1; border-color:rgb(236 72 153 / var(--tw-border-opacity)) } .active\:border-rose-500:active{ --tw-border-opacity:1; border-color:rgb(244 63 94 / var(--tw-border-opacity)) } .active\:border-primary-500:active{ --tw-border-opacity:1; border-color:rgb(8 134 222 / var(--tw-border-opacity)) } .active\:border-primary-700:active{ --tw-border-opacity:1; border-color:rgb(5 80 133 / var(--tw-border-opacity)) } .active\:bg-slate-100:active{ --tw-bg-opacity:1; background-color:rgb(241 245 249 / var(--tw-bg-opacity)) } .active\:bg-gray-100:active{ --tw-bg-opacity:1; background-color:rgb(227 229 232 / var(--tw-bg-opacity)) } .active\:bg-zinc-100:active{ --tw-bg-opacity:1; background-color:rgb(244 244 245 / var(--tw-bg-opacity)) } .active\:bg-neutral-100:active{ --tw-bg-opacity:1; background-color:rgb(245 245 245 / var(--tw-bg-opacity)) } .active\:bg-stone-100:active{ --tw-bg-opacity:1; background-color:rgb(245 245 244 / var(--tw-bg-opacity)) } .active\:bg-red-100:active{ --tw-bg-opacity:1; background-color:rgb(254 226 226 / var(--tw-bg-opacity)) } .active\:bg-orange-100:active{ --tw-bg-opacity:1; background-color:rgb(255 237 213 / var(--tw-bg-opacity)) } .active\:bg-amber-100:active{ --tw-bg-opacity:1; background-color:rgb(254 243 199 / var(--tw-bg-opacity)) } .active\:bg-yellow-100:active{ --tw-bg-opacity:1; background-color:rgb(254 249 195 / var(--tw-bg-opacity)) } .active\:bg-lime-100:active{ --tw-bg-opacity:1; background-color:rgb(236 252 203 / var(--tw-bg-opacity)) } .active\:bg-green-100:active{ --tw-bg-opacity:1; background-color:rgb(220 252 231 / var(--tw-bg-opacity)) } .active\:bg-emerald-100:active{ --tw-bg-opacity:1; background-color:rgb(209 250 229 / var(--tw-bg-opacity)) } .active\:bg-teal-100:active{ --tw-bg-opacity:1; background-color:rgb(204 251 241 / var(--tw-bg-opacity)) } .active\:bg-cyan-100:active{ --tw-bg-opacity:1; background-color:rgb(207 250 254 / var(--tw-bg-opacity)) } .active\:bg-sky-100:active{ --tw-bg-opacity:1; background-color:rgb(224 242 254 / var(--tw-bg-opacity)) } .active\:bg-blue-100:active{ --tw-bg-opacity:1; background-color:rgb(206 231 248 / var(--tw-bg-opacity)) } .active\:bg-indigo-100:active{ --tw-bg-opacity:1; background-color:rgb(224 231 255 / var(--tw-bg-opacity)) } .active\:bg-violet-100:active{ --tw-bg-opacity:1; background-color:rgb(237 233 254 / var(--tw-bg-opacity)) } .active\:bg-purple-100:active{ --tw-bg-opacity:1; background-color:rgb(243 232 255 / var(--tw-bg-opacity)) } .active\:bg-fuchsia-100:active{ --tw-bg-opacity:1; background-color:rgb(250 232 255 / var(--tw-bg-opacity)) } .active\:bg-pink-100:active{ --tw-bg-opacity:1; background-color:rgb(252 231 243 / var(--tw-bg-opacity)) } .active\:bg-rose-100:active{ --tw-bg-opacity:1; background-color:rgb(255 228 230 / var(--tw-bg-opacity)) } .active\:bg-primary-100:active{ --tw-bg-opacity:1; background-color:rgb(206 231 248 / var(--tw-bg-opacity)) } .active\:bg-primary-600:active{ --tw-bg-opacity:1; background-color:rgb(6 107 178 / var(--tw-bg-opacity)) } .active\:text-gray-700:active{ --tw-text-opacity:1; color:rgb(70 75 83 / var(--tw-text-opacity)) } .active\:text-gray-500:active{ --tw-text-opacity:1; color:rgb(117 125 138 / var(--tw-text-opacity)) } .active\:outline:active{ outline-style:solid } .active\:outline-1:active{ outline-width:1px } .active\:outline-slate-500:active{ outline-color:#64748b } .active\:outline-gray-500:active{ outline-color:#757D8A } .active\:outline-zinc-500:active{ outline-color:#71717a } .active\:outline-neutral-500:active{ outline-color:#737373 } .active\:outline-stone-500:active{ outline-color:#78716c } .active\:outline-red-500:active{ outline-color:#ef4444 } .active\:outline-orange-500:active{ outline-color:#f97316 } .active\:outline-amber-500:active{ outline-color:#f59e0b } .active\:outline-yellow-500:active{ outline-color:#eab308 } .active\:outline-lime-500:active{ outline-color:#84cc16 } .active\:outline-green-500:active{ outline-color:#22c55e } .active\:outline-emerald-500:active{ outline-color:#10b981 } .active\:outline-teal-500:active{ outline-color:#14b8a6 } .active\:outline-cyan-500:active{ outline-color:#06b6d4 } .active\:outline-sky-500:active{ outline-color:#0ea5e9 } .active\:outline-blue-500:active{ outline-color:#0886DE } .active\:outline-indigo-500:active{ outline-color:#6366f1 } .active\:outline-violet-500:active{ outline-color:#8b5cf6 } .active\:outline-purple-500:active{ outline-color:#a855f7 } .active\:outline-fuchsia-500:active{ outline-color:#d946ef } .active\:outline-pink-500:active{ outline-color:#ec4899 } .active\:outline-rose-500:active{ outline-color:#f43f5e } .active\:outline-primary-500:active{ outline-color:#0886DE } .active\:outline-primary-700:active{ outline-color:#055085 } .disabled\:cursor-not-allowed:disabled{ cursor:not-allowed } .disabled\:border-gray-300:disabled{ --tw-border-opacity:1; border-color:rgb(172 177 185 / var(--tw-border-opacity)) } .disabled\:bg-gray-300:disabled{ --tw-bg-opacity:1; background-color:rgb(172 177 185 / var(--tw-bg-opacity)) } .disabled\:text-gray-600:disabled{ --tw-text-opacity:1; color:rgb(94 100 110 / var(--tw-text-opacity)) } .disabled\:text-slate-600:disabled{ --tw-text-opacity:1; color:rgb(71 85 105 / var(--tw-text-opacity)) } .disabled\:opacity-50:disabled{ opacity:0.5 } .disabled\:opacity-70:disabled{ opacity:0.7 } .group:hover .group-hover\:block{ display:block } .group:hover .group-hover\:pt-4{ padding-top:1rem } @media print{ .print\:hidden{ display:none } } @media (min-width: 495px){ .xs\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)) } .xs\:flex-row{ flex-direction:row } .xs\:justify-end{ justify-content:flex-end } .xs\:justify-between{ justify-content:space-between } .xs\:space-y-0 > :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)) } } @media (min-width: 640px){ .sm\:right-0{ right:0px } .sm\:col-span-1{ grid-column:span 1 / span 1 } .sm\:col-span-2{ grid-column:span 2 / span 2 } .sm\:col-span-3{ grid-column:span 3 / span 3 } .sm\:col-span-4{ grid-column:span 4 / span 4 } .sm\:col-span-5{ grid-column:span 5 / span 5 } .sm\:col-span-6{ grid-column:span 6 / span 6 } .sm\:block{ display:block } .sm\:flex{ display:flex } .sm\:inline-flex{ display:inline-flex } .sm\:hidden{ display:none } .sm\:w-auto{ width:auto } .sm\:min-w-\[16rem\]{ min-width:16rem } .sm\:min-w-\[300px\]{ min-width:300px } .sm\:max-w-168{ max-width:42rem } .sm\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)) } .sm\:grid-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)) } .sm\:grid-cols-5{ grid-template-columns:repeat(5, minmax(0, 1fr)) } .sm\:grid-cols-6{ grid-template-columns:repeat(6, minmax(0, 1fr)) } .sm\:grid-cols-2{ grid-template-columns:repeat(2, minmax(0, 1fr)) } .sm\:flex-row{ flex-direction:row } .sm\:items-end{ align-items:flex-end } .sm\:items-center{ align-items:center } .sm\:justify-between{ justify-content:space-between } .sm\:space-x-8 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(2rem * var(--tw-space-x-reverse)); margin-left:calc(2rem * calc(1 - var(--tw-space-x-reverse))) } .sm\:space-y-0 > :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)) } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0.5rem * var(--tw-space-x-reverse)); margin-left:calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) } .sm\:p-6{ padding:1.5rem } .sm\:text-left{ text-align:left } } @media (min-width: 768px){ .md\:inline-flex{ display:inline-flex } .md\:h-14{ height:3.5rem } .md\:min-h-inherit{ min-height:inherit } .md\:w-48{ width:12rem } .md\:w-64{ width:16rem } .md\:w-8\/12{ width:66.666667% } .md\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)) } .md\:flex-row{ flex-direction:row } .md\:items-center{ align-items:center } .md\:px-24{ padding-left:6rem; padding-right:6rem } .md\:px-6{ padding-left:1.5rem; padding-right:1.5rem } .md\:pb-0{ padding-bottom:0px } .md\:pt-0{ padding-top:0px } } @media (min-width: 1024px){ .lg\:-mx-4{ margin-left:-1rem; margin-right:-1rem } .lg\:-my-4{ margin-top:-1rem; margin-bottom:-1rem } .lg\:flex{ display:flex } .lg\:hidden{ display:none } .lg\:w-64{ width:16rem } .lg\:w-1\/2{ width:50% } .lg\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)) } .lg\:justify-start{ justify-content:flex-start } .lg\:space-x-0 > :not([hidden]) ~ :not([hidden]){ --tw-space-x-reverse:0; margin-right:calc(0px * var(--tw-space-x-reverse)); margin-left:calc(0px * calc(1 - var(--tw-space-x-reverse))) } .lg\:border-none{ border-style:none } .lg\:bg-transparent{ background-color:transparent } .lg\:p-6{ padding:1.5rem } .lg\:p-4{ padding:1rem } .lg\:px-8{ padding-left:2rem; padding-right:2rem } .lg\:px-4{ padding-left:1rem; padding-right:1rem } .lg\:pl-4{ padding-left:1rem } .lg\:pl-64{ padding-left:16rem } } @media (min-width: 1280px){ .xl\:right-0{ right:0px } .xl\:mt-0{ margin-top:0px } .xl\:grid-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)) } .xl\:grid-cols-3{ grid-template-columns:repeat(3, minmax(0, 1fr)) } .xl\:flex-row{ flex-direction:row } .xl\:justify-end{ justify-content:flex-end } } @media (min-width: 1536px){ .\32xl\:container{ width:100% } @media (min-width: 495px){ .\32xl\:container{ max-width:495px } } @media (min-width: 640px){ .\32xl\:container{ max-width:640px } } @media (min-width: 768px){ .\32xl\:container{ max-width:768px } } @media (min-width: 1024px){ .\32xl\:container{ max-width:1024px } } @media (min-width: 1280px){ .\32xl\:container{ max-width:1280px } } @media (min-width: 1536px){ .\32xl\:container{ max-width:1536px } } .\32xl\:mx-auto{ margin-left:auto; margin-right:auto } .\32xl\:grid-cols-6{ grid-template-columns:repeat(6, minmax(0, 1fr)) } .\32xl\:grid-cols-4{ grid-template-columns:repeat(4, minmax(0, 1fr)) } }