From 22a4d984da652fb2771d37203ab759123031cd72 Mon Sep 17 00:00:00 2001 From: David Llobell Date: Mon, 19 Apr 2021 16:09:31 +0200 Subject: [PATCH] Add labels and icons to toggle field --- dist/css/filament.css | 2 +- dist/css/filament.css.map | 2 +- dist/mix-manifest.json | 2 +- .../views/components/toggle.blade.php | 26 +++++++- packages/forms/src/Components/Toggle.php | 64 +++++++++++++++++++ 5 files changed, 90 insertions(+), 6 deletions(-) diff --git a/dist/css/filament.css b/dist/css/filament.css index 22c2f311b4..f18e4823c0 100644 --- a/dist/css/filament.css +++ b/dist/css/filament.css @@ -1,3 +1,3 @@ -/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Commissioner,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid var(--f-gray-200)}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:var(--f-gray-400)}input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:var(--f-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--f-gray-400)}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:var(--f-gray-500);border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea: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:var(--f-blue-600);--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,0 0 transparent);border-color:var(--f-blue-600)}input::-moz-placeholder, textarea::-moz-placeholder{color:var(--f-gray-500);opacity:1}input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:var(--f-gray-500);opacity:1}input::placeholder,textarea::placeholder{color:var(--f-gray-500);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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='var(--f-gray-500)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .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:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-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;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:var(--f-blue-600);background-color:#fff;border-color:var(--f-gray-500);border-width:1px}[type=checkbox]{border-radius:0}[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:var(--f-blue-600);--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,0 0 transparent)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' 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;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' 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:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{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}:root{--f-primary-100:#e0f2fe;--f-primary-200:#bae6fd;--f-primary-300:#7dd3fc;--f-primary-400:#38bdf8;--f-primary-500:#0ea5e9;--f-primary-600:#0284c7;--f-primary-700:#0369a1;--f-primary-800:#075985;--f-primary-900:#0c4a6e;--f-success-100:#d1fae5;--f-success-200:#a7f3d0;--f-success-300:#6ee7b7;--f-success-400:#34d399;--f-success-500:#10b981;--f-success-600:#059669;--f-success-700:#047857;--f-success-800:#065f46;--f-success-900:#064e3b;--f-danger-100:#ffe4e6;--f-danger-200:#fecdd3;--f-danger-300:#fda4af;--f-danger-400:#fb7185;--f-danger-500:#f43f5e;--f-danger-600:#e11d48;--f-danger-700:#be123c;--f-danger-800:#9f1239;--f-danger-900:#881337;--f-gray-100:#f3f4f6;--f-gray-200:#e5e7eb;--f-gray-300:#d1d5db;--f-gray-400:#9ca3af;--f-gray-500:#6b7280;--f-gray-600:#4b5563;--f-gray-700:#374151;--f-gray-800:#1f2937;--f-gray-900:#111827;--f-blue-100:#dbeafe;--f-blue-200:#bfdbfe;--f-blue-300:#93c5fd;--f-blue-400:#60a5fa;--f-blue-500:#3b82f6;--f-blue-600:#2563eb;--f-blue-700:#1d4ed8;--f-blue-800:#1e40af;--f-blue-900:#1e3a8a;--f-white:#fff}html{scroll-behavior:smooth}::-moz-selection{background-color:var(--f-primary-600);color:var(--f-white)}::selection{background-color:var(--f-primary-600);color:var(--f-white)}[x-cloak]{display:none}.js-focus-visible :focus:not([data-focus-visible-added]){outline:2px solid transparent;outline-offset:2px}.prose{color:var(--f-gray-700);max-width:65ch}.prose [class~=lead]{color:var(--f-gray-600);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose a{color:var(--f-gray-900);text-decoration:underline;font-weight:500}.prose strong{color:var(--f-gray-900);font-weight:600}.prose ol[type=A]{--list-counter-style:upper-alpha}.prose ol[type=a]{--list-counter-style:lower-alpha}.prose ol[type="A s"]{--list-counter-style:upper-alpha}.prose ol[type="a s"]{--list-counter-style:lower-alpha}.prose ol[type=I]{--list-counter-style:upper-roman}.prose ol[type=i]{--list-counter-style:lower-roman}.prose ol[type="I s"]{--list-counter-style:upper-roman}.prose ol[type="i s"]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol>li{position:relative;padding-left:1.75em}.prose ol>li:before{content:counter(list-item,var(--list-counter-style,decimal)) ".";position:absolute;font-weight:400;color:var(--f-gray-500);left:0}.prose ul>li{position:relative;padding-left:1.75em}.prose ul>li:before{content:"";position:absolute;background-color:var(--f-gray-300);border-radius:50%;width:.375em;height:.375em;top:.6875em;left:.25em}.prose hr{border-color:var(--f-gray-200);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:var(--f-gray-900);border-left-width:.25rem;border-left-color:var(--f-gray-200);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:var(--f-gray-900);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:var(--f-gray-900);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h3,.prose h4{color:var(--f-gray-900);font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose figure figcaption{color:var(--f-gray-500);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose code{color:var(--f-gray-900);font-weight:600;font-size:.875em}.prose code:after,.prose code:before{content:"`"}.prose a code{color:var(--f-gray-900)}.prose pre{color:var(--f-gray-200);background-color:var(--f-gray-800);overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:after,.prose pre code:before{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:var(--f-gray-900);font-weight:600;border-bottom-width:1px;border-bottom-color:var(--f-gray-300)}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:var(--f-gray-200)}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose figure,.prose img,.prose video{margin-top:2em;margin-bottom:2em}.prose figure>*{margin-top:0;margin-bottom:0}.prose h2 code{font-size:.875em}.prose h3 code{font-size:.9em}.prose ol,.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose>ul>li>:first-child{margin-top:1.25em}.prose>ul>li>:last-child{margin-bottom:1.25em}.prose>ol>li>:first-child{margin-top:1.25em}.prose>ol>li>:last-child{margin-bottom:1.25em}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:.75em;margin-bottom:.75em}.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.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}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.right-0{right:0}.top-2{top:.5rem}.top-0{top:0}.left-0{left:0}.left-3{left:.75rem}.top-1\/2{top:50%}.z-50{z-index:50}.z-40{z-index:40}.z-20{z-index:20}.z-10{z-index:10}.z-0{z-index:0}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-4{margin-right:1rem}.-mt-2{margin-top:-.5rem}.mr-1{margin-right:.25rem}.ml-3{margin-left:.75rem}.-ml-px{margin-left:-1px}.table{display:table}.grid{display:grid}.flex{display:flex}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.block{display:block}.inline{display:inline}.hidden{display:none}.h-20{height:5rem}.h-full{height:100%}.h-auto{height:auto}.h-6{height:1.5rem}.h-5{height:1.25rem}.h-10{height:2.5rem}.h-screen{height:100vh}.h-8{height:2rem}.h-4{height:1rem}.h-3{height:.75rem}.h-\[30px\]{height:30px}.h-\[26px\]{height:26px}.h-16{height:4rem}.max-h-60{max-height:15rem}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.w-20{width:5rem}.w-full{width:100%}.w-28{width:7rem}.w-6{width:1.5rem}.w-5{width:1.25rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-64{width:16rem}.w-8{width:2rem}.w-16{width:4rem}.w-4{width:1rem}.w-3{width:.75rem}.w-\[74px\]{width:74px}.w-\[26px\]{width:26px}.min-w-full{min-width:100%}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-none{max-width:none}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{--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;transform:translateX(var(--tw-translate-x)) translateY(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-4{--tw-translate-y:1rem}.translate-y-0{--tw-translate-y:0px}.translate-y-2{--tw-translate-y:0.5rem}.translate-x-0{--tw-translate-x:0px}.-translate-x-full{--tw-translate-x:-100%}.translate-x-full{--tw-translate-x:100%}.translate-x-11{--tw-translate-x:2.75rem}.-translate-y-1\/2{--tw-translate-y:-50%}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-move{cursor:move}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:1rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.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*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.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*(1 - var(--tw-space-x-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*(1 - var(--tw-space-x-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem*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*(1 - var(--tw-space-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--f-gray-200)}.divide-gray-300>:not([hidden])~:not([hidden]){border-color:var(--f-gray-300)}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-full{border-radius:9999px}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-t{border-top-right-radius:.25rem}.rounded-l,.rounded-t{border-top-left-radius:.25rem}.rounded-l{border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-r-0{border-right-width:0}.border-l-0{border-left-width:0}.border-b{border-bottom-width:1px}.border-gray-300{border-color:var(--f-gray-300)}.border-transparent{border-color:transparent}.border-danger-600{border-color:var(--f-danger-600)}.border-gray-200{border-color:var(--f-gray-200)}.bg-white{background-color:var(--f-white)}.bg-danger-600{background-color:var(--f-danger-600)}.bg-primary-600{background-color:var(--f-primary-600)}.bg-gray-700{background-color:var(--f-gray-700)}.bg-gray-800{background-color:var(--f-gray-800)}.bg-gray-900{background-color:var(--f-gray-900)}.bg-gray-100{background-color:var(--f-gray-100)}.bg-blue-600{background-color:var(--f-blue-600)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgba(239,246,255,var(--tw-bg-opacity))}.bg-blue-200{background-color:var(--f-blue-200)}.bg-gray-200{background-color:var(--f-gray-200)}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-300{background-color:var(--f-gray-300)}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-4{padding:1rem}.p-1\.5{padding:.375rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-0{padding:0}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.pb-20{padding-bottom:5rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-1{padding-right:.25rem}.pr-9{padding-right:2.25rem}.pr-4{padding-right:1rem}.pl-10{padding-left:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-mono{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.leading-none{line-height:1}.leading-loose{line-height:2}.leading-6{line-height:1.5rem}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.tracking-normal{letter-spacing:0}.text-gray-800{color:var(--f-gray-800)}.text-gray-500{color:var(--f-gray-500)}.text-white{color:var(--f-white)}.text-gray-200{color:var(--f-gray-200)}.text-current{color:currentColor}.text-blue-500{color:var(--f-blue-500)}.text-gray-400{color:var(--f-gray-400)}.text-gray-600{color:var(--f-gray-600)}.text-primary-600{color:var(--f-primary-600)}.text-gray-700{color:var(--f-gray-700)}.text-danger-700{color:var(--f-danger-700)}.text-danger-600{color:var(--f-danger-600)}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-900{color:var(--f-gray-900)}.text-blue-600{color:var(--f-blue-600)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{color:var(--f-gray-400)}.placeholder-gray-400:-ms-input-placeholder{color:var(--f-gray-400)}.placeholder-gray-400::placeholder{color:var(--f-gray-400)}.placeholder-opacity-100::-moz-placeholder{--tw-placeholder-opacity:1}.placeholder-opacity-100:-ms-input-placeholder{--tw-placeholder-opacity:1}.placeholder-opacity-100::placeholder{--tw-placeholder-opacity:1}.opacity-25{opacity:.25}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.ring-0{--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(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 transparent)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-500{transition-duration:.5s}.duration-150{transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.link{color:var(--f-blue-500);text-decoration:underline;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.link:hover{color:var(--f-blue-700)}.focus-within\:border-blue-300:focus-within{border-color:var(--f-blue-300)}.focus-within\:ring:focus-within{--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(3px + 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 transparent)}.focus-within\:ring-blue-200:focus-within{--tw-ring-color:var(--f-blue-200)}.focus-within\:ring-opacity-50:focus-within{--tw-ring-opacity:0.5}.hover\:bg-gray-100:hover{background-color:var(--f-gray-100)}.hover\:bg-danger-700:hover{background-color:var(--f-danger-700)}.hover\:bg-primary-700:hover{background-color:var(--f-primary-700)}.hover\:bg-gray-900:hover{background-color:var(--f-gray-900)}.hover\:bg-gray-200:hover{background-color:var(--f-gray-200)}.hover\:text-primary-700:hover{color:var(--f-primary-700)}.hover\:text-gray-700:hover{color:var(--f-gray-700)}.hover\:text-white:hover{color:var(--f-white)}.hover\:text-gray-800:hover{color:var(--f-gray-800)}.hover\:text-danger-700:hover{color:var(--f-danger-700)}.hover\:text-primary-600:hover{color:var(--f-primary-600)}.hover\:text-gray-500:hover{color:var(--f-gray-500)}.hover\:text-gray-400:hover{color:var(--f-gray-400)}.hover\:underline:hover{text-decoration:underline}.hover\:opacity-100:hover{opacity:1}.focus\:z-10:focus{z-index:10}.focus\:border-primary-700:focus{border-color:var(--f-primary-700)}.focus\:border-blue-300:focus{border-color:var(--f-blue-300)}.focus\:border-primary-600:focus{border-color:var(--f-primary-600)}.focus\:underline:focus{text-decoration:underline}.focus\:placeholder-gray-500:focus::-moz-placeholder{color:var(--f-gray-500)}.focus\:placeholder-gray-500:focus:-ms-input-placeholder{color:var(--f-gray-500)}.focus\:placeholder-gray-500:focus::placeholder{color:var(--f-gray-500)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus\:ring-0:focus{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-primary-200:focus{--tw-ring-color:var(--f-primary-200)}.focus\:ring-danger-200:focus{--tw-ring-color:var(--f-danger-200)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--f-blue-200)}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus-visible\:ring-2: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(2px + 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 transparent)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--f-white)}.focus-visible\:ring-opacity-75:focus-visible{--tw-ring-opacity:0.75}.active\:bg-gray-100:active{background-color:var(--f-gray-100)}.active\:text-gray-700:active{color:var(--f-gray-700)}.active\:text-gray-500:active{color:var(--f-gray-500)}.group:hover .group-hover\:bg-primary-700{background-color:var(--f-primary-700)}.group:hover .group-hover\:text-gray-100{color:var(--f-gray-100)}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:h-screen{height:100vh}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:translate-x-2{--tw-translate-x:0.5rem}.sm\:translate-x-0{--tw-translate-x:0px}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.sm\: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*(1 - var(--tw-space-x-reverse)))}.sm\:p-0{padding:0}.sm\:align-middle{vertical-align:middle}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:-m-6{margin:-1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x:0px}.md\:p-6{padding:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pl-64{padding-left:16rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:shadow-none{--tw-shadow:0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-1{flex:1 1 0%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:2rem}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.lg\: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*(1 - var(--tw-space-x-reverse)))}} +/*! tailwindcss v2.1.1 | MIT License | https://tailwindcss.com*//*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}button{background-color:transparent;background-image:none}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}fieldset,ol,ul{margin:0;padding:0}ol,ul{list-style:none}html{font-family:Commissioner,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;line-height:1.5}body{font-family:inherit;line-height:inherit}*,:after,:before{box-sizing:border-box;border:0 solid var(--f-gray-200)}hr{border-top-width:1px}img{border-style:solid}textarea{resize:vertical}input::-moz-placeholder, textarea::-moz-placeholder{opacity:1;color:var(--f-gray-400)}input:-ms-input-placeholder, textarea:-ms-input-placeholder{opacity:1;color:var(--f-gray-400)}input::placeholder,textarea::placeholder{opacity:1;color:var(--f-gray-400)}[role=button],button{cursor:pointer}table{border-collapse:collapse}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}button,input,optgroup,select,textarea{padding:0;line-height:inherit;color:inherit}code,kbd,pre,samp{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}*{--tw-shadow:0 0 transparent;--tw-ring-inset:var(--tw-empty,/*!*/ /*!*/);--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,0.5);--tw-ring-offset-shadow:0 0 transparent;--tw-ring-shadow:0 0 transparent}[multiple],[type=date],[type=datetime-local],[type=email],[type=month],[type=number],[type=password],[type=search],[type=tel],[type=text],[type=time],[type=url],[type=week],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:var(--f-gray-500);border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem}[multiple]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=email]:focus,[type=month]:focus,[type=number]:focus,[type=password]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=time]:focus,[type=url]:focus,[type=week]:focus,select:focus,textarea: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:var(--f-blue-600);--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,0 0 transparent);border-color:var(--f-blue-600)}input::-moz-placeholder, textarea::-moz-placeholder{color:var(--f-gray-500);opacity:1}input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:var(--f-gray-500);opacity:1}input::placeholder,textarea::placeholder{color:var(--f-gray-500);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;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='var(--f-gray-500)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .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:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-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;-moz-user-select:none;-ms-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:var(--f-blue-600);background-color:#fff;border-color:var(--f-gray-500);border-width:1px}[type=checkbox]{border-radius:0}[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:var(--f-blue-600);--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,0 0 transparent)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:50%;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' 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;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}[type=checkbox]:checked:focus,[type=checkbox]:checked:hover,[type=radio]:checked:focus,[type=radio]:checked:hover{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' 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:50%;background-repeat:no-repeat}[type=checkbox]:indeterminate:focus,[type=checkbox]:indeterminate:hover{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}:root{--f-primary-100:#e0f2fe;--f-primary-200:#bae6fd;--f-primary-300:#7dd3fc;--f-primary-400:#38bdf8;--f-primary-500:#0ea5e9;--f-primary-600:#0284c7;--f-primary-700:#0369a1;--f-primary-800:#075985;--f-primary-900:#0c4a6e;--f-success-100:#d1fae5;--f-success-200:#a7f3d0;--f-success-300:#6ee7b7;--f-success-400:#34d399;--f-success-500:#10b981;--f-success-600:#059669;--f-success-700:#047857;--f-success-800:#065f46;--f-success-900:#064e3b;--f-danger-100:#ffe4e6;--f-danger-200:#fecdd3;--f-danger-300:#fda4af;--f-danger-400:#fb7185;--f-danger-500:#f43f5e;--f-danger-600:#e11d48;--f-danger-700:#be123c;--f-danger-800:#9f1239;--f-danger-900:#881337;--f-gray-100:#f3f4f6;--f-gray-200:#e5e7eb;--f-gray-300:#d1d5db;--f-gray-400:#9ca3af;--f-gray-500:#6b7280;--f-gray-600:#4b5563;--f-gray-700:#374151;--f-gray-800:#1f2937;--f-gray-900:#111827;--f-blue-100:#dbeafe;--f-blue-200:#bfdbfe;--f-blue-300:#93c5fd;--f-blue-400:#60a5fa;--f-blue-500:#3b82f6;--f-blue-600:#2563eb;--f-blue-700:#1d4ed8;--f-blue-800:#1e40af;--f-blue-900:#1e3a8a;--f-white:#fff}html{scroll-behavior:smooth}::-moz-selection{background-color:var(--f-primary-600);color:var(--f-white)}::selection{background-color:var(--f-primary-600);color:var(--f-white)}[x-cloak]{display:none}.js-focus-visible :focus:not([data-focus-visible-added]){outline:2px solid transparent;outline-offset:2px}.prose{color:var(--f-gray-700);max-width:65ch}.prose [class~=lead]{color:var(--f-gray-600);font-size:1.25em;line-height:1.6;margin-top:1.2em;margin-bottom:1.2em}.prose a{color:var(--f-gray-900);text-decoration:underline;font-weight:500}.prose strong{color:var(--f-gray-900);font-weight:600}.prose ol[type=A]{--list-counter-style:upper-alpha}.prose ol[type=a]{--list-counter-style:lower-alpha}.prose ol[type="A s"]{--list-counter-style:upper-alpha}.prose ol[type="a s"]{--list-counter-style:lower-alpha}.prose ol[type=I]{--list-counter-style:upper-roman}.prose ol[type=i]{--list-counter-style:lower-roman}.prose ol[type="I s"]{--list-counter-style:upper-roman}.prose ol[type="i s"]{--list-counter-style:lower-roman}.prose ol[type="1"]{--list-counter-style:decimal}.prose ol>li{position:relative;padding-left:1.75em}.prose ol>li:before{content:counter(list-item,var(--list-counter-style,decimal)) ".";position:absolute;font-weight:400;color:var(--f-gray-500);left:0}.prose ul>li{position:relative;padding-left:1.75em}.prose ul>li:before{content:"";position:absolute;background-color:var(--f-gray-300);border-radius:50%;width:.375em;height:.375em;top:.6875em;left:.25em}.prose hr{border-color:var(--f-gray-200);border-top-width:1px;margin-top:3em;margin-bottom:3em}.prose blockquote{font-weight:500;font-style:italic;color:var(--f-gray-900);border-left-width:.25rem;border-left-color:var(--f-gray-200);quotes:"\201C""\201D""\2018""\2019";margin-top:1.6em;margin-bottom:1.6em;padding-left:1em}.prose blockquote p:first-of-type:before{content:open-quote}.prose blockquote p:last-of-type:after{content:close-quote}.prose h1{color:var(--f-gray-900);font-weight:800;font-size:2.25em;margin-top:0;margin-bottom:.8888889em;line-height:1.1111111}.prose h2{color:var(--f-gray-900);font-weight:700;font-size:1.5em;margin-top:2em;margin-bottom:1em;line-height:1.3333333}.prose h3{font-size:1.25em;margin-top:1.6em;margin-bottom:.6em;line-height:1.6}.prose h3,.prose h4{color:var(--f-gray-900);font-weight:600}.prose h4{margin-top:1.5em;margin-bottom:.5em;line-height:1.5}.prose figure figcaption{color:var(--f-gray-500);font-size:.875em;line-height:1.4285714;margin-top:.8571429em}.prose code{color:var(--f-gray-900);font-weight:600;font-size:.875em}.prose code:after,.prose code:before{content:"`"}.prose a code{color:var(--f-gray-900)}.prose pre{color:var(--f-gray-200);background-color:var(--f-gray-800);overflow-x:auto;font-size:.875em;line-height:1.7142857;margin-top:1.7142857em;margin-bottom:1.7142857em;border-radius:.375rem;padding:.8571429em 1.1428571em}.prose pre code{background-color:transparent;border-width:0;border-radius:0;padding:0;font-weight:400;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}.prose pre code:after,.prose pre code:before{content:none}.prose table{width:100%;table-layout:auto;text-align:left;margin-top:2em;margin-bottom:2em;font-size:.875em;line-height:1.7142857}.prose thead{color:var(--f-gray-900);font-weight:600;border-bottom-width:1px;border-bottom-color:var(--f-gray-300)}.prose thead th{vertical-align:bottom;padding-right:.5714286em;padding-bottom:.5714286em;padding-left:.5714286em}.prose tbody tr{border-bottom-width:1px;border-bottom-color:var(--f-gray-200)}.prose tbody tr:last-child{border-bottom-width:0}.prose tbody td{vertical-align:top;padding:.5714286em}.prose{font-size:1rem;line-height:1.75}.prose p{margin-top:1.25em;margin-bottom:1.25em}.prose figure,.prose img,.prose video{margin-top:2em;margin-bottom:2em}.prose figure>*{margin-top:0;margin-bottom:0}.prose h2 code{font-size:.875em}.prose h3 code{font-size:.9em}.prose ol,.prose ul{margin-top:1.25em;margin-bottom:1.25em}.prose li{margin-top:.5em;margin-bottom:.5em}.prose>ul>li p{margin-top:.75em;margin-bottom:.75em}.prose>ul>li>:first-child{margin-top:1.25em}.prose>ul>li>:last-child{margin-bottom:1.25em}.prose>ol>li>:first-child{margin-top:1.25em}.prose>ol>li>:last-child{margin-bottom:1.25em}.prose ol ol,.prose ol ul,.prose ul ol,.prose ul ul{margin-top:.75em;margin-bottom:.75em}.prose h2+*,.prose h3+*,.prose h4+*,.prose hr+*{margin-top:0}.prose thead th:first-child{padding-left:0}.prose thead th:last-child{padding-right:0}.prose tbody td:first-child{padding-left:0}.prose tbody td:last-child{padding-right:0}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.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}.static{position:static}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{right:0;left:0}.inset-0,.inset-y-0{top:0;bottom:0}.right-0{right:0}.top-2{top:.5rem}.top-0{top:0}.left-0{left:0}.left-3{left:.75rem}.right-3{right:.75rem}.top-1\/2{top:50%}.z-50{z-index:50}.z-40{z-index:40}.z-20{z-index:20}.z-10{z-index:10}.z-0{z-index:0}.-m-2{margin:-.5rem}.-m-4{margin:-1rem}.mx-auto{margin-left:auto;margin-right:auto}.my-1{margin-top:.25rem;margin-bottom:.25rem}.mr-4{margin-right:1rem}.-mt-2{margin-top:-.5rem}.mr-1{margin-right:.25rem}.ml-3{margin-left:.75rem}.-ml-px{margin-left:-1px}.table{display:table}.grid{display:grid}.flex{display:flex}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.block{display:block}.inline{display:inline}.hidden{display:none}.h-20{height:5rem}.h-full{height:100%}.h-auto{height:auto}.h-6{height:1.5rem}.h-5{height:1.25rem}.h-10{height:2.5rem}.h-screen{height:100vh}.h-8{height:2rem}.h-4{height:1rem}.h-3{height:.75rem}.h-\[30px\]{height:30px}.h-\[26px\]{height:26px}.h-16{height:4rem}.max-h-60{max-height:15rem}.min-h-screen{min-height:100vh}.min-h-full{min-height:100%}.w-20{width:5rem}.w-full{width:100%}.w-28{width:7rem}.w-6{width:1.5rem}.w-5{width:1.25rem}.w-10{width:2.5rem}.w-24{width:6rem}.w-64{width:16rem}.w-8{width:2rem}.w-16{width:4rem}.w-4{width:1rem}.w-3{width:.75rem}.w-\[74px\]{width:74px}.w-\[26px\]{width:26px}.min-w-full{min-width:100%}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-none{max-width:none}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.transform{--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;transform:translateX(var(--tw-translate-x)) translateY(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-4{--tw-translate-y:1rem}.translate-y-0{--tw-translate-y:0px}.translate-y-2{--tw-translate-y:0.5rem}.translate-x-0{--tw-translate-x:0px}.-translate-x-full{--tw-translate-x:-100%}.translate-x-full{--tw-translate-x:100%}.translate-x-11{--tw-translate-x:2.75rem}.-translate-y-1\/2{--tw-translate-y:-50%}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.cursor-move{cursor:move}.select-none{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.resize{resize:both}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-4{gap:1rem}.gap-1{gap:.25rem}.gap-6{gap:1.5rem}.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*(1 - var(--tw-space-x-reverse)))}.space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.25rem*var(--tw-space-y-reverse))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.space-y-5>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.5rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.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*(1 - var(--tw-space-x-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*(1 - var(--tw-space-x-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(2rem*var(--tw-space-y-reverse))}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0.75rem*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0.75rem*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*(1 - var(--tw-space-x-reverse)))}.divide-y>:not([hidden])~:not([hidden]){--tw-divide-y-reverse:0;border-top-width:calc(1px*(1 - var(--tw-divide-y-reverse)));border-bottom-width:calc(1px*var(--tw-divide-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px*var(--tw-divide-x-reverse));border-left-width:calc(1px*(1 - var(--tw-divide-x-reverse)))}.divide-gray-200>:not([hidden])~:not([hidden]){border-color:var(--f-gray-200)}.divide-gray-300>:not([hidden])~:not([hidden]){border-color:var(--f-gray-300)}.self-center{align-self:center}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-auto{overflow-x:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-auto{overflow:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.break-words{overflow-wrap:break-word}.rounded-full{border-radius:9999px}.rounded{border-radius:.25rem}.rounded-md{border-radius:.375rem}.rounded-t{border-top-right-radius:.25rem}.rounded-l,.rounded-t{border-top-left-radius:.25rem}.rounded-l{border-bottom-left-radius:.25rem}.rounded-r{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.rounded-l-md{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.rounded-r-md{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-r{border-right-width:1px}.border-l{border-left-width:1px}.border-t{border-top-width:1px}.border-r-0{border-right-width:0}.border-l-0{border-left-width:0}.border-b{border-bottom-width:1px}.border-gray-300{border-color:var(--f-gray-300)}.border-transparent{border-color:transparent}.border-danger-600{border-color:var(--f-danger-600)}.border-gray-200{border-color:var(--f-gray-200)}.bg-white{background-color:var(--f-white)}.bg-danger-600{background-color:var(--f-danger-600)}.bg-primary-600{background-color:var(--f-primary-600)}.bg-gray-700{background-color:var(--f-gray-700)}.bg-gray-800{background-color:var(--f-gray-800)}.bg-gray-900{background-color:var(--f-gray-900)}.bg-gray-100{background-color:var(--f-gray-100)}.bg-blue-600{background-color:var(--f-blue-600)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgba(239,246,255,var(--tw-bg-opacity))}.bg-blue-200{background-color:var(--f-blue-200)}.bg-gray-200{background-color:var(--f-gray-200)}.bg-gray-50{--tw-bg-opacity:1;background-color:rgba(249,250,251,var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.bg-gray-400{background-color:var(--f-gray-400)}.bg-gray-300{background-color:var(--f-gray-300)}.bg-opacity-50{--tw-bg-opacity:0.5}.fill-current{fill:currentColor}.stroke-current{stroke:currentColor}.p-4{padding:1rem}.p-1\.5{padding:.375rem}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-0{padding:0}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.px-3{padding-left:.75rem;padding-right:.75rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-4{padding-top:1rem}.pb-4,.py-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.pb-20{padding-bottom:5rem}.pl-3{padding-left:.75rem}.pr-10{padding-right:2.5rem}.pr-2{padding-right:.5rem}.pr-1{padding-right:.25rem}.pr-9{padding-right:2.25rem}.pr-4{padding-right:1rem}.pl-10{padding-left:2.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-bottom{vertical-align:bottom}.font-mono{font-family:Space Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-base{font-size:1rem;line-height:1.5rem}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-normal{font-weight:400}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-tight{line-height:1.25}.leading-none{line-height:1}.leading-loose{line-height:2}.leading-6{line-height:1.5rem}.leading-5{line-height:1.25rem}.tracking-wider{letter-spacing:.05em}.tracking-normal{letter-spacing:0}.text-gray-800{color:var(--f-gray-800)}.text-gray-500{color:var(--f-gray-500)}.text-white{color:var(--f-white)}.text-gray-200{color:var(--f-gray-200)}.text-current{color:currentColor}.text-blue-500{color:var(--f-blue-500)}.text-gray-400{color:var(--f-gray-400)}.text-gray-600{color:var(--f-gray-600)}.text-primary-600{color:var(--f-primary-600)}.text-gray-700{color:var(--f-gray-700)}.text-danger-700{color:var(--f-danger-700)}.text-danger-600{color:var(--f-danger-600)}.text-black{--tw-text-opacity:1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-gray-900{color:var(--f-gray-900)}.text-blue-600{color:var(--f-blue-600)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.placeholder-gray-400::-moz-placeholder{color:var(--f-gray-400)}.placeholder-gray-400:-ms-input-placeholder{color:var(--f-gray-400)}.placeholder-gray-400::placeholder{color:var(--f-gray-400)}.placeholder-opacity-100::-moz-placeholder{--tw-placeholder-opacity:1}.placeholder-opacity-100:-ms-input-placeholder{--tw-placeholder-opacity:1}.placeholder-opacity-100::placeholder{--tw-placeholder-opacity:1}.opacity-25{opacity:.25}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-75{opacity:.75}.opacity-20{opacity:.2}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,0.05)}.shadow-sm,.shadow-xl{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-xl{--tw-shadow:0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06)}.shadow-lg,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)}.ring-0{--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(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 transparent)}.transition-colors{transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-100{transition-duration:.1s}.duration-500{transition-duration:.5s}.duration-150{transition-duration:.15s}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.link{color:var(--f-blue-500);text-decoration:underline;transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-duration:.2s}.link:hover{color:var(--f-blue-700)}.focus-within\:border-blue-300:focus-within{border-color:var(--f-blue-300)}.focus-within\:ring:focus-within{--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(3px + 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 transparent)}.focus-within\:ring-blue-200:focus-within{--tw-ring-color:var(--f-blue-200)}.focus-within\:ring-opacity-50:focus-within{--tw-ring-opacity:0.5}.hover\:bg-gray-100:hover{background-color:var(--f-gray-100)}.hover\:bg-danger-700:hover{background-color:var(--f-danger-700)}.hover\:bg-primary-700:hover{background-color:var(--f-primary-700)}.hover\:bg-gray-900:hover{background-color:var(--f-gray-900)}.hover\:bg-gray-200:hover{background-color:var(--f-gray-200)}.hover\:bg-gray-500:hover{background-color:var(--f-gray-500)}.hover\:text-primary-700:hover{color:var(--f-primary-700)}.hover\:text-gray-700:hover{color:var(--f-gray-700)}.hover\:text-white:hover{color:var(--f-white)}.hover\:text-gray-800:hover{color:var(--f-gray-800)}.hover\:text-danger-700:hover{color:var(--f-danger-700)}.hover\:text-primary-600:hover{color:var(--f-primary-600)}.hover\:text-gray-500:hover{color:var(--f-gray-500)}.hover\:text-gray-400:hover{color:var(--f-gray-400)}.hover\:underline:hover{text-decoration:underline}.hover\:opacity-100:hover{opacity:1}.focus\:z-10:focus{z-index:10}.focus\:border-primary-700:focus{border-color:var(--f-primary-700)}.focus\:border-blue-300:focus{border-color:var(--f-blue-300)}.focus\:border-primary-600:focus{border-color:var(--f-primary-600)}.focus\:underline:focus{text-decoration:underline}.focus\:placeholder-gray-500:focus::-moz-placeholder{color:var(--f-gray-500)}.focus\:placeholder-gray-500:focus:-ms-input-placeholder{color:var(--f-gray-500)}.focus\:placeholder-gray-500:focus::placeholder{color:var(--f-gray-500)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring:focus{--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(3px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-0:focus,.focus\:ring:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 transparent)}.focus\:ring-0:focus{--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(var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:ring-primary-200:focus{--tw-ring-color:var(--f-primary-200)}.focus\:ring-danger-200:focus{--tw-ring-color:var(--f-danger-200)}.focus\:ring-blue-200:focus{--tw-ring-color:var(--f-blue-200)}.focus\:ring-indigo-200:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(199,210,254,var(--tw-ring-opacity))}.focus\:ring-opacity-50:focus{--tw-ring-opacity:0.5}.focus-visible\:ring-2: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(2px + 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 transparent)}.focus-visible\:ring-white:focus-visible{--tw-ring-color:var(--f-white)}.focus-visible\:ring-opacity-75:focus-visible{--tw-ring-opacity:0.75}.active\:bg-gray-100:active{background-color:var(--f-gray-100)}.active\:text-gray-700:active{color:var(--f-gray-700)}.active\:text-gray-500:active{color:var(--f-gray-500)}.group:hover .group-hover\:bg-primary-700{background-color:var(--f-primary-700)}.group:hover .group-hover\:text-gray-100{color:var(--f-gray-100)}.group:hover .group-hover\:opacity-100{opacity:1}@media (min-width:640px){.sm\:my-8{margin-top:2rem;margin-bottom:2rem}.sm\:block{display:block}.sm\:inline-block{display:inline-block}.sm\:flex{display:flex}.sm\:h-screen{height:100vh}.sm\:translate-y-0{--tw-translate-y:0px}.sm\:translate-x-2{--tw-translate-x:0.5rem}.sm\:translate-x-0{--tw-translate-x:0px}.sm\:scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.sm\:scale-100{--tw-scale-x:1;--tw-scale-y:1}.sm\:items-start{align-items:flex-start}.sm\:justify-end{justify-content:flex-end}.sm\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.sm\: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*(1 - var(--tw-space-x-reverse)))}.sm\:p-0{padding:0}.sm\:align-middle{vertical-align:middle}.sm\:text-sm{font-size:.875rem;line-height:1.25rem}.sm\:text-base{font-size:1rem;line-height:1.5rem}}@media (min-width:768px){.md\:-m-6{margin:-1.5rem}.md\:mb-8{margin-bottom:2rem}.md\:hidden{display:none}.md\:translate-x-0{--tw-translate-x:0px}.md\:p-6{padding:1.5rem}.md\:px-8{padding-left:2rem;padding-right:2rem}.md\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.md\:px-6{padding-left:1.5rem;padding-right:1.5rem}.md\:pl-64{padding-left:16rem}.md\:text-3xl{font-size:1.875rem;line-height:2.25rem}.md\:text-base{font-size:1rem;line-height:1.5rem}.md\:shadow-none{--tw-shadow:0 0 transparent;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)}}@media (min-width:1024px){.lg\:col-span-1{grid-column:span 1/span 1}.lg\:col-span-2{grid-column:span 2/span 2}.lg\:col-span-3{grid-column:span 3/span 3}.lg\:col-span-4{grid-column:span 4/span 4}.lg\:col-span-5{grid-column:span 5/span 5}.lg\:col-span-6{grid-column:span 6/span 6}.lg\:col-span-7{grid-column:span 7/span 7}.lg\:col-span-8{grid-column:span 8/span 8}.lg\:col-span-9{grid-column:span 9/span 9}.lg\:col-span-10{grid-column:span 10/span 10}.lg\:col-span-11{grid-column:span 11/span 11}.lg\:col-span-12{grid-column:span 12/span 12}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:flex-1{flex:1 1 0%}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.lg\:grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}.lg\:grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.lg\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.lg\:items-center{align-items:center}.lg\:justify-between{justify-content:space-between}.lg\:gap-8{gap:2rem}.lg\:space-y-0>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(0px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(0px*var(--tw-space-y-reverse))}.lg\: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*(1 - var(--tw-space-x-reverse)))}} /*# sourceMappingURL=filament.css.map*/ \ No newline at end of file diff --git a/dist/css/filament.css.map b/dist/css/filament.css.map index 555168ad0a..c9b95e3ea3 100644 --- a/dist/css/filament.css.map +++ b/dist/css/filament.css.map @@ -1 +1 @@ -{"version":3,"sources":["webpack:///","webpack:///./resources/css/%3Cinput%20css%20HFP20n%3E","webpack:///./resources/css/%3Cinput%20css%20isx2r2%3E","webpack:///./resources/css/base.css"],"names":[],"mappings":"AAAA,gECAA,8FAA8F,CAqB9F,MACC,eAAgB,CAChB,aAAW,CAAX,UACD,CAOA,KACC,gBAAiB,CACjB,6BACD,CAWA,KACC,QAAS,CAQT,+GAPD,CA6BA,GACC,QAAS,CACT,aACD,CAWA,YACC,wCAAiC,CAAjC,gCACD,CAMA,SAEC,kBACD,CAOA,kBAIC,gFAMU,CACV,aACD,CAMA,MACC,aACD,CAMA,QAEC,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBACD,CAEA,IACC,aACD,CAEA,IACC,SACD,CAYA,MACC,aAAc,CACd,oBACD,CAYA,sCAKC,mBAAoB,CACpB,cAAe,CACf,gBAAiB,CACjB,QACD,CAOA,cAEC,mBACD,CAMA,gDAIC,yBACD,CAMA,mBACC,iBAAkB,CAClB,SACD,CAMA,gBACC,6BACD,CAOA,iBACC,eACD,CAMA,OACC,SACD,CAMA,SACC,uBACD,CAMA,wDAEC,WACD,CAOA,cACC,4BAA6B,CAC7B,mBACD,CAMA,4BACC,uBACD,CAOA,6BACC,yBAA0B,CAC1B,YACD,CAWA,QACC,iBACD,CC/RA,mDAaE,QACF,CAEA,OACE,4BAA6B,CAC7B,qBACF,CAOA,aACE,kBAAmB,CACnB,yCACF,CAOA,eAJE,QAAS,CACT,SAQF,CALA,MAEE,eAGF,CAaA,KACE,6MAAsP,CACtP,eACF,CAQA,KACE,mBAAoB,CACpB,mBACF,CA4BA,iBAGE,qBAAsB,CAGtB,gCACF,CAMA,GACE,oBACF,CAYA,IACE,kBACF,CAEA,SACE,eACF,CAEA,oDAEE,SAAU,CACV,uBACF,CAJA,4DAEE,SAAU,CACV,uBACF,CAJA,yCAEE,SAAU,CACV,uBACF,CAEA,qBAEE,cACF,CAEA,MACE,wBACF,CAEA,kBAME,iBAAkB,CAClB,mBACF,CAOA,EACE,aAAc,CACd,uBACF,CAUA,sCAKE,SAAU,CACV,mBAAoB,CACpB,aACF,CASA,kBAIE,8GACF,CAUA,+CAQE,aAAc,CACd,qBACF,CASA,UAEE,cAAe,CACf,WACF,CF/OA,44JGCE,MACI,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,cACJ,CAKA,KACE,sBACF,CHvDF,8gxB","file":"css/filament.css","sourcesContent":[null,"/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n\tbox-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n\t-moz-tab-size: 4;\n\ttab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n\tmargin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n\tfont-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n\theight: 0; /* 1 */\n\tcolor: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. 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)\n2. 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)\n*/\n\ntable {\n\ttext-indent: 0; /* 1 */\n\tborder-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n\ttext-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n:-moz-ui-invalid {\n\tbox-shadow: none;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n","/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"); /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like
where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: theme('colors.gray.400', #a1a1aa);\n}\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their intrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n","@layer base {\n :root {\n --f-primary-100: theme('colors.defaultPrimary.100');\n --f-primary-200: theme('colors.defaultPrimary.200');\n --f-primary-300: theme('colors.defaultPrimary.300');\n --f-primary-400: theme('colors.defaultPrimary.400');\n --f-primary-500: theme('colors.defaultPrimary.500');\n --f-primary-600: theme('colors.defaultPrimary.600');\n --f-primary-700: theme('colors.defaultPrimary.700');\n --f-primary-800: theme('colors.defaultPrimary.800');\n --f-primary-900: theme('colors.defaultPrimary.900');\n --f-success-100: theme('colors.defaultSuccess.100');\n --f-success-200: theme('colors.defaultSuccess.200');\n --f-success-300: theme('colors.defaultSuccess.300');\n --f-success-400: theme('colors.defaultSuccess.400');\n --f-success-500: theme('colors.defaultSuccess.500');\n --f-success-600: theme('colors.defaultSuccess.600');\n --f-success-700: theme('colors.defaultSuccess.700');\n --f-success-800: theme('colors.defaultSuccess.800');\n --f-success-900: theme('colors.defaultSuccess.900');\n --f-danger-100: theme('colors.defaultDanger.100');\n --f-danger-200: theme('colors.defaultDanger.200');\n --f-danger-300: theme('colors.defaultDanger.300');\n --f-danger-400: theme('colors.defaultDanger.400');\n --f-danger-500: theme('colors.defaultDanger.500');\n --f-danger-600: theme('colors.defaultDanger.600');\n --f-danger-700: theme('colors.defaultDanger.700');\n --f-danger-800: theme('colors.defaultDanger.800');\n --f-danger-900: theme('colors.defaultDanger.900');\n --f-gray-100: theme('colors.defaultGray.100');\n --f-gray-200: theme('colors.defaultGray.200');\n --f-gray-300: theme('colors.defaultGray.300');\n --f-gray-400: theme('colors.defaultGray.400');\n --f-gray-500: theme('colors.defaultGray.500');\n --f-gray-600: theme('colors.defaultGray.600');\n --f-gray-700: theme('colors.defaultGray.700');\n --f-gray-800: theme('colors.defaultGray.800');\n --f-gray-900: theme('colors.defaultGray.900');\n --f-blue-100: theme('colors.defaultBlue.100');\n --f-blue-200: theme('colors.defaultBlue.200');\n --f-blue-300: theme('colors.defaultBlue.300');\n --f-blue-400: theme('colors.defaultBlue.400');\n --f-blue-500: theme('colors.defaultBlue.500');\n --f-blue-600: theme('colors.defaultBlue.600');\n --f-blue-700: theme('colors.defaultBlue.700');\n --f-blue-800: theme('colors.defaultBlue.800');\n --f-blue-900: theme('colors.defaultBlue.900');\n --f-white: theme('colors.defaultWhite');\n }\n\n /**\n * Smoothly animate the scroll position, instead of a straight jump.\n */\n html {\n scroll-behavior: smooth;\n }\n\n /**\n * ::selection selector: color, background, cursor, and outline.\n */\n ::selection {\n @apply bg-primary-600 text-white;\n }\n\n /**\n * `x-cloak` attributes are removed from elements when Alpine initializes.\n * This is useful for hiding pre-initialized DOM.\n *\n * @link https://github.com/alpinejs/alpine#x-cloak\n *\n */\n [x-cloak] {\n @apply hidden;\n }\n\n /**\n * Selectively disable the default focus style by selecting for the case when the polyfill\n * is loaded and [data-focus-visible-added] attribute is not applied to the element:\n *\n * @link https://github.com/WICG/focus-visible#2-update-your-css\n */\n .js-focus-visible :focus:not([data-focus-visible-added]) {\n @apply outline-none;\n }\n}\n"],"sourceRoot":""} \ No newline at end of file +{"version":3,"sources":["webpack:///","webpack:///./resources/css/%3Cinput%20css%20P88oSd%3E","webpack:///./resources/css/%3Cinput%20css%20h0KbFx%3E","webpack:///./resources/css/base.css"],"names":[],"mappings":"AAAA,gECAA,8FAA8F,CAqB9F,MACC,eAAgB,CAChB,aAAW,CAAX,UACD,CAOA,KACC,gBAAiB,CACjB,6BACD,CAWA,KACC,QAAS,CAQT,+GAPD,CA6BA,GACC,QAAS,CACT,aACD,CAWA,YACC,wCAAiC,CAAjC,gCACD,CAMA,SAEC,kBACD,CAOA,kBAIC,gFAMU,CACV,aACD,CAMA,MACC,aACD,CAMA,QAEC,aAAc,CACd,aAAc,CACd,iBAAkB,CAClB,uBACD,CAEA,IACC,aACD,CAEA,IACC,SACD,CAYA,MACC,aAAc,CACd,oBACD,CAYA,sCAKC,mBAAoB,CACpB,cAAe,CACf,gBAAiB,CACjB,QACD,CAOA,cAEC,mBACD,CAMA,gDAIC,yBACD,CAMA,mBACC,iBAAkB,CAClB,SACD,CAMA,gBACC,6BACD,CAOA,iBACC,eACD,CAMA,OACC,SACD,CAMA,SACC,uBACD,CAMA,wDAEC,WACD,CAOA,cACC,4BAA6B,CAC7B,mBACD,CAMA,4BACC,uBACD,CAOA,6BACC,yBAA0B,CAC1B,YACD,CAWA,QACC,iBACD,CC/RA,mDAaE,QACF,CAEA,OACE,4BAA6B,CAC7B,qBACF,CAOA,aACE,kBAAmB,CACnB,yCACF,CAOA,eAJE,QAAS,CACT,SAQF,CALA,MAEE,eAGF,CAaA,KACE,6MAAsP,CACtP,eACF,CAQA,KACE,mBAAoB,CACpB,mBACF,CA4BA,iBAGE,qBAAsB,CAGtB,gCACF,CAMA,GACE,oBACF,CAYA,IACE,kBACF,CAEA,SACE,eACF,CAEA,oDAEE,SAAU,CACV,uBACF,CAJA,4DAEE,SAAU,CACV,uBACF,CAJA,yCAEE,SAAU,CACV,uBACF,CAEA,qBAEE,cACF,CAEA,MACE,wBACF,CAEA,kBAME,iBAAkB,CAClB,mBACF,CAOA,EACE,aAAc,CACd,uBACF,CAUA,sCAKE,SAAU,CACV,mBAAoB,CACpB,aACF,CASA,kBAIE,8GACF,CAUA,+CAQE,aAAc,CACd,qBACF,CASA,UAEE,cAAe,CACf,WACF,CF/OA,44JGCE,MACI,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,uBAAmD,CACnD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,sBAAiD,CACjD,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,oBAA6C,CAC7C,cACJ,CAKA,KACE,sBACF,CHvDF,ipxB","file":"css/filament.css","sourcesContent":[null,"/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */\n\n/*\nDocument\n========\n*/\n\n/**\nUse a better box model (opinionated).\n*/\n\n*,\n*::before,\n*::after {\n\tbox-sizing: border-box;\n}\n\n/**\nUse a more readable tab size (opinionated).\n*/\n\n:root {\n\t-moz-tab-size: 4;\n\ttab-size: 4;\n}\n\n/**\n1. Correct the line height in all browsers.\n2. Prevent adjustments of font size after orientation changes in iOS.\n*/\n\nhtml {\n\tline-height: 1.15; /* 1 */\n\t-webkit-text-size-adjust: 100%; /* 2 */\n}\n\n/*\nSections\n========\n*/\n\n/**\nRemove the margin in all browsers.\n*/\n\nbody {\n\tmargin: 0;\n}\n\n/**\nImprove consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n*/\n\nbody {\n\tfont-family:\n\t\tsystem-ui,\n\t\t-apple-system, /* Firefox supports this but not yet `system-ui` */\n\t\t'Segoe UI',\n\t\tRoboto,\n\t\tHelvetica,\n\t\tArial,\n\t\tsans-serif,\n\t\t'Apple Color Emoji',\n\t\t'Segoe UI Emoji';\n}\n\n/*\nGrouping content\n================\n*/\n\n/**\n1. Add the correct height in Firefox.\n2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)\n*/\n\nhr {\n\theight: 0; /* 1 */\n\tcolor: inherit; /* 2 */\n}\n\n/*\nText-level semantics\n====================\n*/\n\n/**\nAdd the correct text decoration in Chrome, Edge, and Safari.\n*/\n\nabbr[title] {\n\ttext-decoration: underline dotted;\n}\n\n/**\nAdd the correct font weight in Edge and Safari.\n*/\n\nb,\nstrong {\n\tfont-weight: bolder;\n}\n\n/**\n1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)\n2. Correct the odd 'em' font sizing in all browsers.\n*/\n\ncode,\nkbd,\nsamp,\npre {\n\tfont-family:\n\t\tui-monospace,\n\t\tSFMono-Regular,\n\t\tConsolas,\n\t\t'Liberation Mono',\n\t\tMenlo,\n\t\tmonospace; /* 1 */\n\tfont-size: 1em; /* 2 */\n}\n\n/**\nAdd the correct font size in all browsers.\n*/\n\nsmall {\n\tfont-size: 80%;\n}\n\n/**\nPrevent 'sub' and 'sup' elements from affecting the line height in all browsers.\n*/\n\nsub,\nsup {\n\tfont-size: 75%;\n\tline-height: 0;\n\tposition: relative;\n\tvertical-align: baseline;\n}\n\nsub {\n\tbottom: -0.25em;\n}\n\nsup {\n\ttop: -0.5em;\n}\n\n/*\nTabular data\n============\n*/\n\n/**\n1. 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)\n2. 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)\n*/\n\ntable {\n\ttext-indent: 0; /* 1 */\n\tborder-color: inherit; /* 2 */\n}\n\n/*\nForms\n=====\n*/\n\n/**\n1. Change the font styles in all browsers.\n2. Remove the margin in Firefox and Safari.\n*/\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n\tfont-family: inherit; /* 1 */\n\tfont-size: 100%; /* 1 */\n\tline-height: 1.15; /* 1 */\n\tmargin: 0; /* 2 */\n}\n\n/**\nRemove the inheritance of text transform in Edge and Firefox.\n1. Remove the inheritance of text transform in Firefox.\n*/\n\nbutton,\nselect { /* 1 */\n\ttext-transform: none;\n}\n\n/**\nCorrect the inability to style clickable types in iOS and Safari.\n*/\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n\t-webkit-appearance: button;\n}\n\n/**\nRemove the inner border and padding in Firefox.\n*/\n\n::-moz-focus-inner {\n\tborder-style: none;\n\tpadding: 0;\n}\n\n/**\nRestore the focus styles unset by the previous rule.\n*/\n\n:-moz-focusring {\n\toutline: 1px dotted ButtonText;\n}\n\n/**\nRemove the additional ':invalid' styles in Firefox.\nSee: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737\n*/\n\n:-moz-ui-invalid {\n\tbox-shadow: none;\n}\n\n/**\nRemove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.\n*/\n\nlegend {\n\tpadding: 0;\n}\n\n/**\nAdd the correct vertical alignment in Chrome and Firefox.\n*/\n\nprogress {\n\tvertical-align: baseline;\n}\n\n/**\nCorrect the cursor style of increment and decrement buttons in Safari.\n*/\n\n::-webkit-inner-spin-button,\n::-webkit-outer-spin-button {\n\theight: auto;\n}\n\n/**\n1. Correct the odd appearance in Chrome and Safari.\n2. Correct the outline style in Safari.\n*/\n\n[type='search'] {\n\t-webkit-appearance: textfield; /* 1 */\n\toutline-offset: -2px; /* 2 */\n}\n\n/**\nRemove the inner padding in Chrome and Safari on macOS.\n*/\n\n::-webkit-search-decoration {\n\t-webkit-appearance: none;\n}\n\n/**\n1. Correct the inability to style clickable types in iOS and Safari.\n2. Change font properties to 'inherit' in Safari.\n*/\n\n::-webkit-file-upload-button {\n\t-webkit-appearance: button; /* 1 */\n\tfont: inherit; /* 2 */\n}\n\n/*\nInteractive\n===========\n*/\n\n/*\nAdd the correct display in Chrome and Safari.\n*/\n\nsummary {\n\tdisplay: list-item;\n}\n","/**\n * Manually forked from SUIT CSS Base: https://github.com/suitcss/base\n * A thin layer on top of normalize.css that provides a starting point more\n * suitable for web applications.\n */\n\n/**\n * Removes the default spacing and border for appropriate elements.\n */\n\nblockquote,\ndl,\ndd,\nh1,\nh2,\nh3,\nh4,\nh5,\nh6,\nhr,\nfigure,\np,\npre {\n margin: 0;\n}\n\nbutton {\n background-color: transparent;\n background-image: none;\n}\n\n/**\n * Work around a Firefox/IE bug where the transparent `button` background\n * results in a loss of the default `button` focus styles.\n */\n\nbutton:focus {\n outline: 1px dotted;\n outline: 5px auto -webkit-focus-ring-color;\n}\n\nfieldset {\n margin: 0;\n padding: 0;\n}\n\nol,\nul {\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/**\n * Tailwind custom reset styles\n */\n\n/**\n * 1. Use the user's configured `sans` font-family (with Tailwind's default\n * sans-serif font stack as a fallback) as a sane default.\n * 2. Use Tailwind's default \"normal\" line-height so the user isn't forced\n * to override it to ensure consistency even when using the default theme.\n */\n\nhtml {\n font-family: theme('fontFamily.sans', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"); /* 1 */\n line-height: 1.5; /* 2 */\n}\n\n\n/**\n * Inherit font-family and line-height from `html` so users can set them as\n * a class directly on the `html` element.\n */\n\nbody {\n font-family: inherit;\n line-height: inherit;\n}\n\n/**\n * 1. Prevent padding and border from affecting element width.\n *\n * We used to set this in the html element and inherit from\n * the parent element for everything else. This caused issues\n * in shadow-dom-enhanced elements like
where the content\n * is wrapped by a div with box-sizing set to `content-box`.\n *\n * https://github.com/mozdevs/cssremedy/issues/4\n *\n *\n * 2. Allow adding a border to an element by just adding a border-width.\n *\n * By default, the way the browser specifies that an element should have no\n * border is by setting it's border-style to `none` in the user-agent\n * stylesheet.\n *\n * In order to easily add borders to elements by just setting the `border-width`\n * property, we change the default border-style for all elements to `solid`, and\n * use border-width to hide them instead. This way our `border` utilities only\n * need to set the `border-width` property instead of the entire `border`\n * shorthand, making our border utilities much more straightforward to compose.\n *\n * https://github.com/tailwindcss/tailwindcss/pull/116\n */\n\n*,\n::before,\n::after {\n box-sizing: border-box; /* 1 */\n border-width: 0; /* 2 */\n border-style: solid; /* 2 */\n border-color: theme('borderColor.DEFAULT', currentColor); /* 2 */\n}\n\n/*\n * Ensure horizontal rules are visible by default\n */\n\nhr {\n border-top-width: 1px;\n}\n\n/**\n * Undo the `border-style: none` reset that Normalize applies to images so that\n * our `border-{width}` utilities have the expected effect.\n *\n * The Normalize reset is unnecessary for us since we default the border-width\n * to 0 on all elements.\n *\n * https://github.com/tailwindcss/tailwindcss/issues/362\n */\n\nimg {\n border-style: solid;\n}\n\ntextarea {\n resize: vertical;\n}\n\ninput::placeholder,\ntextarea::placeholder {\n opacity: 1;\n color: theme('colors.gray.400', #a1a1aa);\n}\n\nbutton,\n[role=\"button\"] {\n cursor: pointer;\n}\n\ntable {\n border-collapse: collapse;\n}\n\nh1,\nh2,\nh3,\nh4,\nh5,\nh6 {\n font-size: inherit;\n font-weight: inherit;\n}\n\n/**\n * Reset links to optimize for opt-in styling instead of\n * opt-out.\n */\n\na {\n color: inherit;\n text-decoration: inherit;\n}\n\n/**\n * Reset form element properties that are easy to forget to\n * style explicitly so you don't inadvertently introduce\n * styles that deviate from your design system. These styles\n * supplement a partial reset that is already applied by\n * normalize.css.\n */\n\nbutton,\ninput,\noptgroup,\nselect,\ntextarea {\n padding: 0;\n line-height: inherit;\n color: inherit;\n}\n\n/**\n * Use the configured 'mono' font family for elements that\n * are expected to be rendered with a monospace font, falling\n * back to the system monospace stack if there is no configured\n * 'mono' font family.\n */\n\npre,\ncode,\nkbd,\nsamp {\n font-family: theme('fontFamily.mono', ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace);\n}\n\n/**\n * Make replaced elements `display: block` by default as that's\n * the behavior you want almost all of the time. Inspired by\n * CSS Remedy, with `svg` added as well.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nsvg,\nvideo,\ncanvas,\naudio,\niframe,\nembed,\nobject {\n display: block;\n vertical-align: middle;\n}\n\n/**\n * Constrain images and videos to the parent width and preserve\n * their intrinsic aspect ratio.\n *\n * https://github.com/mozdevs/cssremedy/issues/14\n */\n\nimg,\nvideo {\n max-width: 100%;\n height: auto;\n}\n","@layer base {\n :root {\n --f-primary-100: theme('colors.defaultPrimary.100');\n --f-primary-200: theme('colors.defaultPrimary.200');\n --f-primary-300: theme('colors.defaultPrimary.300');\n --f-primary-400: theme('colors.defaultPrimary.400');\n --f-primary-500: theme('colors.defaultPrimary.500');\n --f-primary-600: theme('colors.defaultPrimary.600');\n --f-primary-700: theme('colors.defaultPrimary.700');\n --f-primary-800: theme('colors.defaultPrimary.800');\n --f-primary-900: theme('colors.defaultPrimary.900');\n --f-success-100: theme('colors.defaultSuccess.100');\n --f-success-200: theme('colors.defaultSuccess.200');\n --f-success-300: theme('colors.defaultSuccess.300');\n --f-success-400: theme('colors.defaultSuccess.400');\n --f-success-500: theme('colors.defaultSuccess.500');\n --f-success-600: theme('colors.defaultSuccess.600');\n --f-success-700: theme('colors.defaultSuccess.700');\n --f-success-800: theme('colors.defaultSuccess.800');\n --f-success-900: theme('colors.defaultSuccess.900');\n --f-danger-100: theme('colors.defaultDanger.100');\n --f-danger-200: theme('colors.defaultDanger.200');\n --f-danger-300: theme('colors.defaultDanger.300');\n --f-danger-400: theme('colors.defaultDanger.400');\n --f-danger-500: theme('colors.defaultDanger.500');\n --f-danger-600: theme('colors.defaultDanger.600');\n --f-danger-700: theme('colors.defaultDanger.700');\n --f-danger-800: theme('colors.defaultDanger.800');\n --f-danger-900: theme('colors.defaultDanger.900');\n --f-gray-100: theme('colors.defaultGray.100');\n --f-gray-200: theme('colors.defaultGray.200');\n --f-gray-300: theme('colors.defaultGray.300');\n --f-gray-400: theme('colors.defaultGray.400');\n --f-gray-500: theme('colors.defaultGray.500');\n --f-gray-600: theme('colors.defaultGray.600');\n --f-gray-700: theme('colors.defaultGray.700');\n --f-gray-800: theme('colors.defaultGray.800');\n --f-gray-900: theme('colors.defaultGray.900');\n --f-blue-100: theme('colors.defaultBlue.100');\n --f-blue-200: theme('colors.defaultBlue.200');\n --f-blue-300: theme('colors.defaultBlue.300');\n --f-blue-400: theme('colors.defaultBlue.400');\n --f-blue-500: theme('colors.defaultBlue.500');\n --f-blue-600: theme('colors.defaultBlue.600');\n --f-blue-700: theme('colors.defaultBlue.700');\n --f-blue-800: theme('colors.defaultBlue.800');\n --f-blue-900: theme('colors.defaultBlue.900');\n --f-white: theme('colors.defaultWhite');\n }\n\n /**\n * Smoothly animate the scroll position, instead of a straight jump.\n */\n html {\n scroll-behavior: smooth;\n }\n\n /**\n * ::selection selector: color, background, cursor, and outline.\n */\n ::selection {\n @apply bg-primary-600 text-white;\n }\n\n /**\n * `x-cloak` attributes are removed from elements when Alpine initializes.\n * This is useful for hiding pre-initialized DOM.\n *\n * @link https://github.com/alpinejs/alpine#x-cloak\n *\n */\n [x-cloak] {\n @apply hidden;\n }\n\n /**\n * Selectively disable the default focus style by selecting for the case when the polyfill\n * is loaded and [data-focus-visible-added] attribute is not applied to the element:\n *\n * @link https://github.com/WICG/focus-visible#2-update-your-css\n */\n .js-focus-visible :focus:not([data-focus-visible-added]) {\n @apply outline-none;\n }\n}\n"],"sourceRoot":""} \ No newline at end of file diff --git a/dist/mix-manifest.json b/dist/mix-manifest.json index fd4fb10473..01f480e627 100644 --- a/dist/mix-manifest.json +++ b/dist/mix-manifest.json @@ -1,4 +1,4 @@ { "/js/filament.js": "/js/filament.js?id=210c4f5bc98fdf1aa267", - "/css/filament.css": "/css/filament.css?id=8efc876eb25ed3f4b6ba" + "/css/filament.css": "/css/filament.css?id=fa9ff3e596c7b80b2260" } diff --git a/packages/forms/resources/views/components/toggle.blade.php b/packages/forms/resources/views/components/toggle.blade.php index 7b3a6e063c..74c49025bf 100644 --- a/packages/forms/resources/views/components/toggle.blade.php +++ b/packages/forms/resources/views/components/toggle.blade.php @@ -17,13 +17,33 @@ class="relative inline-flex flex-shrink-0 h-[30px] w-[74px] border-2 border-transparent rounded-full cursor-pointer transition-colors ease-in-out duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-white focus-visible:ring-opacity-75" role="switch" tabindex="0" - :class="enabled ? 'bg-primary-600' : 'bg-gray-300'" + :class="enabled ? 'bg-primary-600 hover:bg-primary-700' : 'bg-gray-400 hover:bg-gray-500'" :aria-checked="enabled ? 'true' : 'false'" > + @if ($formComponent->getOnLabel()) + + {{ $formComponent->getOnLabel() }} + + @endif + + @if ($formComponent->getOffLabel()) + + {{ $formComponent->getOffLabel() }} + + @endif + diff --git a/packages/forms/src/Components/Toggle.php b/packages/forms/src/Components/Toggle.php index 1a28659db6..a1a91c9eb5 100644 --- a/packages/forms/src/Components/Toggle.php +++ b/packages/forms/src/Components/Toggle.php @@ -9,8 +9,72 @@ class Toggle extends Field { use Concerns\CanBeAutofocused; + protected $onLabel; + + protected $offLabel; + + protected $onIcon; + + protected $offIcon; + protected function setUp() { $this->default(false); } + + public function onLabel($label) + { + $this->configure(function () use ($label) { + $this->onLabel = $label; + }); + + return $this; + } + + public function offLabel($label) + { + $this->configure(function () use ($label) { + $this->offLabel = $label; + }); + + return $this; + } + + public function onIcon($icon) + { + $this->configure(function () use ($icon) { + $this->onIcon = $icon; + }); + + return $this; + } + + public function offIcon($icon) + { + $this->configure(function () use ($icon) { + $this->offIcon = $icon; + }); + + return $this; + } + + public function getOnLabel() + { + return $this->onLabel; + } + + public function getOffLabel() + { + return $this->offLabel; + } + + public function getOnIcon() + { + return $this->onIcon; + } + + public function getOffIcon() + { + return $this->offIcon; + } }