File Editor
Directories:
.. (Back)
Files:
index.asset.php
index.css
index.js
Create New File
Create
Edit File: index.css
:root{--color-primary: #1F2044;--color-primary-dark: #191936;--color-primary-light: #2E93EE;--color-primary-lighter: #74C1FF;--color-secondary: #FFCF00;--color-secondary-dark: #ECA93E;--color-secondary-light: #FF9144;--color-secondary-lighter: #FFE885;--color-title: #1F2044;--color-text: #4A4A4A;--color-link: #2E93EE;--color-border: rgba(0, 0, 0, 0.1);--color-success: #35CF8B;--color-warning: #F57C00;--color-error: #F16A5E;--color-white: #FFFFFF;--color-off-white: #F5F6F8;--color-black: #000000;--color-success-contrast: #EBFAF3;--color-warning-contrast: #FFE3C6;--color-error-contrast: #FFE8E6;--color-canvas: #F5F6F8}@media screen and (min-width: 782px){html{overflow:-moz-scrollbars-vertical;overflow-y:scroll}}body.toplevel_page_hostgator{--wp-admin-theme-color: var(--color-primary);--wp-admin-theme-color-darker-10: var(--color-primary-dark);--wp-admin-theme-color-darker-20: var(--color-text);--wp-admin-border-width-focus: 2px;--hgbrand-focus: inset 0 0 0 1px var(--color-white), 0 0 0 var(--wp-admin-border-width-focus) var(--color-primary)}body.toplevel_page_hostgator a{color:var(--color-link)}@media screen and (max-width: 782px){body.toplevel_page_hostgator .wp-responsive-open #wpbody{right:-190px}}body.toplevel_page_hostgator #wpwrap{background-color:var(--color-canvas)}body.toplevel_page_hostgator #wpcontent{padding-left:0 !important}body.toplevel_page_hostgator #wpadminbar .ab-top-menu li{transition:opacity .33s ease}body.toplevel_page_hostgator #wpadminbar .ab-top-menu .hideme{max-height:32px;opacity:0;overflow:hidden;pointer-events:none;width:0}body.toplevel_page_hostgator #wpbody-content .notice,body.toplevel_page_hostgator #wpbody-content #dolly,body.toplevel_page_hostgator #wpbody-content .update-nag{display:none}.hgwpp #site_info_portal_button{background:rgba(0,0,0,0) !important;border:1px solid var(--color-white)}.hgwpp .components-card__body .components-toggle-control .components-base-control__field .components-toggle-control__label,.hgwpp .components-card__body .components-input-control__label,.hgwpp .components-card__body .components-input-control__label *,.hgwpp .components-card__body .components-radio-control__option label strong{font-weight:800;color:var(--color-primary)}.hgwpp .components-button{font-weight:800;font-size:15px;transition:all .25s ease;white-space:nowrap}.hgwpp .components-button .dashicons,.hgwpp .components-button .dashicons-before:before{transition:all .25s ease}.hgwpp .components-button:focus:not(:disabled){box-shadow:var(--hgbrand-focus)}.hgwpp .components-button.is-primary,.hgwpp .components-button[variant=primary]{background-color:var(--color-primary);color:var(--color-white)}.hgwpp .components-button.is-secondary,.hgwpp .components-button[variant=secondary]{border-color:var(--color-primary);box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary)}.hgwpp .components-button:last-child{padding-right:1rem}.hgwpp .components-button.has-icon{padding-right:1rem}.hgwpp .components-button.has-icon .dashicon{margin-right:10px}.hgwpp a:focus{box-shadow:var(--hgbrand-focus);outline:0}.hgwpp .components-base-control__help,.hgwpp .components-radio-control__option label span span{color:var(--color-text);margin-top:.25rem}.hgwpp .newfold-notifications-wrapper .notice{display:block !important}.hgwpp,.hgwpp *{box-sizing:border-box}.components-snackbar__content{color:var(--color-canvas) !important}.grid{display:grid;gap:clamp(.5rem,1rem + 1vw,2rem);padding:.5rem}@media screen and (min-width: 600px){.grid.col2,.grid.col3,.grid.col4{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media screen and (min-width: 800px){.grid.col3,.grid.col4{grid-template-columns:repeat(3, minmax(0, 1fr))}}@media screen and (min-width: 1020px){.grid.col4{grid-template-columns:repeat(4, minmax(0, 1fr))}}.hgwp-app-snackbar{padding:0 24px;position:relative}.hgwp-app-snackbar .components-snackbar-list{bottom:.5rem;position:fixed}.has-page-graphic{padding-bottom:26rem}.hgwp-page-graphic{bottom:3.5rem;opacity:.5;position:absolute;right:1rem;z-index:-1}.hgwpp .components-card.short{margin-bottom:auto}.hgwpp .components-card.disabled{opacity:.5}.hgwpp .components-card-body.disabled,.hgwpp .components-card__body.disabled{opacity:.5}.coming-soon-status{text-transform:uppercase} /* Import main CSS including all components. */ /** * Tailwind CSS preflight, but scoped to the Yoast root class. * This is added to the base layer by design. * * Source: https://github.com/tailwindlabs/tailwindcss/blob/v3.1.2/src/css/preflight.css * Changed `html` and `body` to affect the `.nfd-root` instead. */ /** * Styles from Tailwind CSS forms, but scoped to the Yoast root class. * * See: https://github.com/tailwindlabs/tailwindcss-forms#using-classes-to-style */ /** * Custom base styles, separate from TailwindCSS. */ /* Tailwind layers */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ .nfd-root *, .nfd-root ::before, .nfd-root ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } .nfd-root ::before, .nfd-root ::after { --tw-content: ''; } .nfd-root { line-height: 1.5; -webkit-text-size-adjust: 100%; -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. */ /* 1 */ /* 2 */ /* 3 */ /* 3 */ /* 4 */ /* 1. Remove the margin in all browsers. */ /* 1 */ /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ .nfd-root hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ .nfd-root abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ .nfd-root h1, .nfd-root h2, .nfd-root h3, .nfd-root h4, .nfd-root h5, .nfd-root h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ .nfd-root a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ .nfd-root b, .nfd-root strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font family by default. 2. Correct the odd `em` font sizing in all browsers. */ .nfd-root code, .nfd-root kbd, .nfd-root samp, .nfd-root pre { font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Add the correct font size in all browsers. */ .nfd-root small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ .nfd-root sub, .nfd-root sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } .nfd-root sub { bottom: -0.25em; } .nfd-root sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ .nfd-root table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ .nfd-root button, .nfd-root input, .nfd-root optgroup, .nfd-root select, .nfd-root textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ .nfd-root button, .nfd-root select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ .nfd-root button, .nfd-root [type='button'], .nfd-root [type='reset'], .nfd-root [type='submit'] { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ .nfd-root :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ .nfd-root :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ .nfd-root progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ .nfd-root ::-webkit-inner-spin-button, .nfd-root ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ .nfd-root [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ .nfd-root ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ .nfd-root ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ .nfd-root summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ .nfd-root blockquote, .nfd-root dl, .nfd-root dd, .nfd-root h1, .nfd-root h2, .nfd-root h3, .nfd-root h4, .nfd-root h5, .nfd-root h6, .nfd-root hr, .nfd-root figure, .nfd-root p, .nfd-root pre { margin: 0; } .nfd-root fieldset { margin: 0; padding: 0; } .nfd-root legend { padding: 0; } .nfd-root ol, .nfd-root ul, .nfd-root menu { list-style: none; margin: 0; padding: 0; } /* Prevent resizing textareas horizontally by default. */ .nfd-root textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ .nfd-root input::-moz-placeholder, .nfd-root textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #6b7280; /* 2 */ } .nfd-root input::placeholder, .nfd-root textarea::placeholder { opacity: 1; /* 1 */ color: #6b7280; /* 2 */ } /* Set the default cursor for buttons. */ .nfd-root button, .nfd-root [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ .nfd-root :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ .nfd-root img, .nfd-root svg, .nfd-root video, .nfd-root canvas, .nfd-root audio, .nfd-root iframe, .nfd-root embed, .nfd-root object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ .nfd-root img, .nfd-root video { max-width: 100%; height: auto; } .nfd-root [type='text'], .nfd-root [type='email'], .nfd-root [type='url'], .nfd-root [type='password'], .nfd-root [type='number'], .nfd-root [type='date'], .nfd-root [type='datetime-local'], .nfd-root [type='month'], .nfd-root [type='search'], .nfd-root [type='tel'], .nfd-root [type='time'], .nfd-root [type='week'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .nfd-root [type='text']:focus, .nfd-root [type='email']:focus, .nfd-root [type='url']:focus, .nfd-root [type='password']:focus, .nfd-root [type='number']:focus, .nfd-root [type='date']:focus, .nfd-root [type='datetime-local']:focus, .nfd-root [type='month']:focus, .nfd-root [type='search']:focus, .nfd-root [type='tel']:focus, .nfd-root [type='time']:focus, .nfd-root [type='week']: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: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .nfd-root [type='text']::-moz-placeholder, .nfd-root [type='email']::-moz-placeholder, .nfd-root [type='url']::-moz-placeholder, .nfd-root [type='password']::-moz-placeholder, .nfd-root [type='number']::-moz-placeholder, .nfd-root [type='date']::-moz-placeholder, .nfd-root [type='datetime-local']::-moz-placeholder, .nfd-root [type='month']::-moz-placeholder, .nfd-root [type='search']::-moz-placeholder, .nfd-root [type='tel']::-moz-placeholder, .nfd-root [type='time']::-moz-placeholder, .nfd-root [type='week']::-moz-placeholder { color: #6b7280; opacity: 1; } .nfd-root [type='text']::placeholder, .nfd-root [type='email']::placeholder, .nfd-root [type='url']::placeholder, .nfd-root [type='password']::placeholder, .nfd-root [type='number']::placeholder, .nfd-root [type='date']::placeholder, .nfd-root [type='datetime-local']::placeholder, .nfd-root [type='month']::placeholder, .nfd-root [type='search']::placeholder, .nfd-root [type='tel']::placeholder, .nfd-root [type='time']::placeholder, .nfd-root [type='week']::placeholder { color: #6b7280; opacity: 1; } .nfd-root [type='text']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='email']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='url']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='password']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='number']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='date']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='datetime-local']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='month']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='search']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='tel']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='time']::-webkit-datetime-edit-fields-wrapper, .nfd-root [type='week']::-webkit-datetime-edit-fields-wrapper { padding: 0; } .nfd-root [type='text']::-webkit-date-and-time-value, .nfd-root [type='email']::-webkit-date-and-time-value, .nfd-root [type='url']::-webkit-date-and-time-value, .nfd-root [type='password']::-webkit-date-and-time-value, .nfd-root [type='number']::-webkit-date-and-time-value, .nfd-root [type='date']::-webkit-date-and-time-value, .nfd-root [type='datetime-local']::-webkit-date-and-time-value, .nfd-root [type='month']::-webkit-date-and-time-value, .nfd-root [type='search']::-webkit-date-and-time-value, .nfd-root [type='tel']::-webkit-date-and-time-value, .nfd-root [type='time']::-webkit-date-and-time-value, .nfd-root [type='week']::-webkit-date-and-time-value { min-height: 1.5em; text-align: inherit; } .nfd-root [type='text']::-webkit-datetime-edit, .nfd-root [type='email']::-webkit-datetime-edit, .nfd-root [type='url']::-webkit-datetime-edit, .nfd-root [type='password']::-webkit-datetime-edit, .nfd-root [type='number']::-webkit-datetime-edit, .nfd-root [type='date']::-webkit-datetime-edit, .nfd-root [type='datetime-local']::-webkit-datetime-edit, .nfd-root [type='month']::-webkit-datetime-edit, .nfd-root [type='search']::-webkit-datetime-edit, .nfd-root [type='tel']::-webkit-datetime-edit, .nfd-root [type='time']::-webkit-datetime-edit, .nfd-root [type='week']::-webkit-datetime-edit { display: inline-flex; } .nfd-root [type='text']::-webkit-datetime-edit,.nfd-root [type='text']::-webkit-datetime-edit-year-field,.nfd-root [type='text']::-webkit-datetime-edit-month-field,.nfd-root [type='text']::-webkit-datetime-edit-day-field,.nfd-root [type='text']::-webkit-datetime-edit-hour-field,.nfd-root [type='text']::-webkit-datetime-edit-minute-field,.nfd-root [type='text']::-webkit-datetime-edit-second-field,.nfd-root [type='text']::-webkit-datetime-edit-millisecond-field,.nfd-root [type='text']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='email']::-webkit-datetime-edit, .nfd-root [type='email']::-webkit-datetime-edit-year-field, .nfd-root [type='email']::-webkit-datetime-edit-month-field, .nfd-root [type='email']::-webkit-datetime-edit-day-field, .nfd-root [type='email']::-webkit-datetime-edit-hour-field, .nfd-root [type='email']::-webkit-datetime-edit-minute-field, .nfd-root [type='email']::-webkit-datetime-edit-second-field, .nfd-root [type='email']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='email']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='url']::-webkit-datetime-edit, .nfd-root [type='url']::-webkit-datetime-edit-year-field, .nfd-root [type='url']::-webkit-datetime-edit-month-field, .nfd-root [type='url']::-webkit-datetime-edit-day-field, .nfd-root [type='url']::-webkit-datetime-edit-hour-field, .nfd-root [type='url']::-webkit-datetime-edit-minute-field, .nfd-root [type='url']::-webkit-datetime-edit-second-field, .nfd-root [type='url']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='url']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='password']::-webkit-datetime-edit, .nfd-root [type='password']::-webkit-datetime-edit-year-field, .nfd-root [type='password']::-webkit-datetime-edit-month-field, .nfd-root [type='password']::-webkit-datetime-edit-day-field, .nfd-root [type='password']::-webkit-datetime-edit-hour-field, .nfd-root [type='password']::-webkit-datetime-edit-minute-field, .nfd-root [type='password']::-webkit-datetime-edit-second-field, .nfd-root [type='password']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='password']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='number']::-webkit-datetime-edit, .nfd-root [type='number']::-webkit-datetime-edit-year-field, .nfd-root [type='number']::-webkit-datetime-edit-month-field, .nfd-root [type='number']::-webkit-datetime-edit-day-field, .nfd-root [type='number']::-webkit-datetime-edit-hour-field, .nfd-root [type='number']::-webkit-datetime-edit-minute-field, .nfd-root [type='number']::-webkit-datetime-edit-second-field, .nfd-root [type='number']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='number']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='date']::-webkit-datetime-edit, .nfd-root [type='date']::-webkit-datetime-edit-year-field, .nfd-root [type='date']::-webkit-datetime-edit-month-field, .nfd-root [type='date']::-webkit-datetime-edit-day-field, .nfd-root [type='date']::-webkit-datetime-edit-hour-field, .nfd-root [type='date']::-webkit-datetime-edit-minute-field, .nfd-root [type='date']::-webkit-datetime-edit-second-field, .nfd-root [type='date']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='date']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit, .nfd-root [type='datetime-local']::-webkit-datetime-edit-year-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-month-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-day-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-hour-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-minute-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-second-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='datetime-local']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='month']::-webkit-datetime-edit, .nfd-root [type='month']::-webkit-datetime-edit-year-field, .nfd-root [type='month']::-webkit-datetime-edit-month-field, .nfd-root [type='month']::-webkit-datetime-edit-day-field, .nfd-root [type='month']::-webkit-datetime-edit-hour-field, .nfd-root [type='month']::-webkit-datetime-edit-minute-field, .nfd-root [type='month']::-webkit-datetime-edit-second-field, .nfd-root [type='month']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='month']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='search']::-webkit-datetime-edit, .nfd-root [type='search']::-webkit-datetime-edit-year-field, .nfd-root [type='search']::-webkit-datetime-edit-month-field, .nfd-root [type='search']::-webkit-datetime-edit-day-field, .nfd-root [type='search']::-webkit-datetime-edit-hour-field, .nfd-root [type='search']::-webkit-datetime-edit-minute-field, .nfd-root [type='search']::-webkit-datetime-edit-second-field, .nfd-root [type='search']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='search']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='tel']::-webkit-datetime-edit, .nfd-root [type='tel']::-webkit-datetime-edit-year-field, .nfd-root [type='tel']::-webkit-datetime-edit-month-field, .nfd-root [type='tel']::-webkit-datetime-edit-day-field, .nfd-root [type='tel']::-webkit-datetime-edit-hour-field, .nfd-root [type='tel']::-webkit-datetime-edit-minute-field, .nfd-root [type='tel']::-webkit-datetime-edit-second-field, .nfd-root [type='tel']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='tel']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='time']::-webkit-datetime-edit, .nfd-root [type='time']::-webkit-datetime-edit-year-field, .nfd-root [type='time']::-webkit-datetime-edit-month-field, .nfd-root [type='time']::-webkit-datetime-edit-day-field, .nfd-root [type='time']::-webkit-datetime-edit-hour-field, .nfd-root [type='time']::-webkit-datetime-edit-minute-field, .nfd-root [type='time']::-webkit-datetime-edit-second-field, .nfd-root [type='time']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='time']::-webkit-datetime-edit-meridiem-field, .nfd-root [type='week']::-webkit-datetime-edit, .nfd-root [type='week']::-webkit-datetime-edit-year-field, .nfd-root [type='week']::-webkit-datetime-edit-month-field, .nfd-root [type='week']::-webkit-datetime-edit-day-field, .nfd-root [type='week']::-webkit-datetime-edit-hour-field, .nfd-root [type='week']::-webkit-datetime-edit-minute-field, .nfd-root [type='week']::-webkit-datetime-edit-second-field, .nfd-root [type='week']::-webkit-datetime-edit-millisecond-field, .nfd-root [type='week']::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } .nfd-root textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .nfd-root 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: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .nfd-root textarea::-moz-placeholder { color: #6b7280; opacity: 1; } .nfd-root textarea::placeholder { color: #6b7280; opacity: 1; } .nfd-root select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .nfd-root select:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/); --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .nfd-root select { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 20 20%27%3e%3cpath stroke=%27%236b7280%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%271.5%27 d=%27M6 8l4 4 4-4%27/%3e%3c/svg%3e"); background-position: right 0.5rem center; background-repeat: no-repeat; background-size: 1.5em 1.5em; padding-right: 2.5rem; -webkit-print-color-adjust: exact; print-color-adjust: exact; } .nfd-root select:where([size]:not([size="1"])) { background-image: initial; background-position: initial; background-repeat: unset; background-size: initial; padding-right: 0.75rem; -webkit-print-color-adjust: unset; print-color-adjust: unset; } .nfd-root select[multiple] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #fff; border-color: #6b7280; border-width: 1px; border-radius: 0px; padding-top: 0.5rem; padding-right: 0.75rem; padding-bottom: 0.5rem; padding-left: 0.75rem; font-size: 1rem; line-height: 1.5rem; --tw-shadow: 0 0 #0000; } .nfd-root select[multiple]: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: #2563eb; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); border-color: #2563eb; } .nfd-root [type='checkbox'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; border-radius: 0px; } .nfd-root [type='checkbox']: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: #2563eb; --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); } .nfd-root [type='checkbox']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3cpath d=%27M12.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%27/%3e%3c/svg%3e"); } @media (forced-colors: active) { .nfd-root [type='checkbox']:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .nfd-root [type='checkbox']:checked:hover,.nfd-root [type='checkbox']:checked:focus { border-color: transparent; background-color: currentColor; } .nfd-root [type='checkbox']:indeterminate { background-image: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27none%27 viewBox=%270 0 16 16%27%3e%3cpath stroke=%27white%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27 stroke-width=%272%27 d=%27M4 8h8%27/%3e%3c/svg%3e"); border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; } @media (forced-colors: active) { .nfd-root [type='checkbox']:indeterminate { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .nfd-root [type='checkbox']:indeterminate:hover,.nfd-root [type='checkbox']:indeterminate:focus { border-color: transparent; background-color: currentColor; } .nfd-root [type='radio'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0; -webkit-print-color-adjust: exact; print-color-adjust: exact; display: inline-block; vertical-align: middle; background-origin: border-box; -webkit-user-select: none; -moz-user-select: none; user-select: none; flex-shrink: 0; height: 1rem; width: 1rem; color: #2563eb; background-color: #fff; border-color: #6b7280; border-width: 1px; --tw-shadow: 0 0 #0000; border-radius: 100%; } .nfd-root [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: #2563eb; --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); } .nfd-root [type='radio']:checked { border-color: transparent; background-color: currentColor; background-size: 100% 100%; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3csvg viewBox=%270 0 16 16%27 fill=%27white%27 xmlns=%27http://www.w3.org/2000/svg%27%3e%3ccircle cx=%278%27 cy=%278%27 r=%273%27/%3e%3c/svg%3e"); } @media (forced-colors: active) { .nfd-root [type='radio']:checked { -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } } .nfd-root [type='radio']:checked:hover,.nfd-root [type='radio']:checked:focus { border-color: transparent; background-color: currentColor; } .nfd-root { font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: .8125rem; font-weight: 400; line-height: 1.5; --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .nfd-root a { --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); text-decoration-line: underline; } .nfd-root a:visited { color: rgb(31 32 68 ); } .nfd-root a:hover { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); } .nfd-root a:hover:visited { color: rgb(49 51 107 ); } .nfd-root a:focus { border-radius: 0.125rem; --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); --tw-ring-offset-width: 1px; --tw-ring-offset-color: transparent; } .nfd-root [type='text']::-moz-placeholder, .nfd-root [type='email']::-moz-placeholder, .nfd-root [type='url']::-moz-placeholder, .nfd-root [type='password']::-moz-placeholder, .nfd-root [type='number']::-moz-placeholder, .nfd-root [type='date']::-moz-placeholder, .nfd-root [type='datetime-local']::-moz-placeholder, .nfd-root [type='month']::-moz-placeholder, .nfd-root [type='search']::-moz-placeholder, .nfd-root [type='tel']::-moz-placeholder, .nfd-root [type='time']::-moz-placeholder, .nfd-root [type='week']::-moz-placeholder, .nfd-root textarea::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity)); } .nfd-root [type='text']::placeholder, .nfd-root [type='email']::placeholder, .nfd-root [type='url']::placeholder, .nfd-root [type='password']::placeholder, .nfd-root [type='number']::placeholder, .nfd-root [type='date']::placeholder, .nfd-root [type='datetime-local']::placeholder, .nfd-root [type='month']::placeholder, .nfd-root [type='search']::placeholder, .nfd-root [type='tel']::placeholder, .nfd-root [type='time']::placeholder, .nfd-root [type='week']::placeholder, .nfd-root textarea::placeholder { --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity)); } .nfd-root svg path { stroke-width: inherit; } .nfd-root { --tw-text-opacity: 1; color: rgb(54 54 54 / var(--tw-text-opacity)); } .nfd-root a { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); text-decoration-line: none; } .nfd-root a:visited { color: rgb(31 32 68 ); } .nfd-root a:hover { --tw-text-opacity: 1; color: rgb(25 25 54 / var(--tw-text-opacity)); } .nfd-root a:hover:visited { color: rgb(25 25 54 ); } .nfd-root a:focus { border-radius: 0.125rem; --tw-text-opacity: 1; color: rgb(25 25 54 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(25 25 54 / var(--tw-ring-opacity)); --tw-ring-offset-width: 1px; --tw-ring-offset-color: transparent; } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .nfd-container { width: 100%; } @media (min-width: 640px) { .nfd-container { max-width: 640px; } } @media (min-width: 768px) { .nfd-container { max-width: 768px; } } @media (min-width: 1024px) { .nfd-container { max-width: 1024px; } } @media (min-width: 1280px) { .nfd-container { max-width: 1280px; } } @media (min-width: 1536px) { .nfd-container { max-width: 1536px; } } .nfd-root .nfd-alert { display: flex; gap: 0.75rem; border-radius: 0.375rem; padding: 1rem; } /* Variants */ .nfd-root .nfd-alert--info { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); } .nfd-root .nfd-alert--info .nfd-alert__message { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)); } .nfd-root .nfd-alert--warning { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity)); } .nfd-root .nfd-alert--warning .nfd-alert__message { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity)); } .nfd-root .nfd-alert--success { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity)); } .nfd-root .nfd-alert--success .nfd-alert__message { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity)); } .nfd-root .nfd-alert--error { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity)); } .nfd-root .nfd-alert--error .nfd-alert__message { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity)); } /* Elements */ .nfd-root .nfd-alert__icon { height: 1.25rem; width: 1.25rem; flex-shrink: 0; flex-grow: 0; } .nfd-root .nfd-autocomplete { position: relative; } .nfd-root .nfd-autocomplete--error .nfd-autocomplete__button { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity)); } .nfd-root .nfd-autocomplete--error .nfd-autocomplete__button:focus { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-autocomplete--error .nfd-autocomplete__input::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(252 165 165 / var(--tw-placeholder-opacity)); } .nfd-root .nfd-autocomplete--error .nfd-autocomplete__input::placeholder { --tw-placeholder-opacity: 1; color: rgb(252 165 165 / var(--tw-placeholder-opacity)); } .nfd-root .nfd-autocomplete--disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-autocomplete--disabled: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-autocomplete__button { display: flex; height: 100%; width: 100%; align-items: center; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); padding-left: 0.75rem; padding-right: 0.75rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-autocomplete__button:focus-within { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-autocomplete__button-icon { pointer-events: none; position: absolute; top: 0.6875rem; right: 0.625rem; height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } .nfd-root .nfd-autocomplete__input { width: 100%; border-width: 0px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0px; padding-right: 2.5rem; font-size: .8125rem; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-autocomplete__input: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-autocomplete__options { position: absolute; z-index: 20; margin-top: 0.25rem; max-height: 15rem; width: 100%; overflow: auto; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: .8125rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --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 #0000); --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); --tw-ring-opacity: 0.05; } .nfd-root .nfd-autocomplete__options:focus { outline: 2px solid transparent; outline-offset: 2px; } .nfd-root .nfd-autocomplete__option { position: relative; display: flex; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: space-between; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity)); } .nfd-root .nfd-autocomplete__option--active { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } .nfd-root .nfd-autocomplete__option--selected { --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-select__option-label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nfd-root .nfd-autocomplete__option-check { height: 1.25rem; width: 1.25rem; flex-shrink: 0; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-badge { display: inline-flex; align-items: center; white-space: nowrap; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity)); padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.125rem; padding-bottom: 0.125rem; vertical-align: middle; font-size: .75rem; font-weight: 500; line-height: 1.25; --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity)); } /* Variants */ .nfd-root .nfd-badge--info { --tw-bg-opacity: 1; background-color: rgb(191 219 254 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(30 58 138 / var(--tw-text-opacity)); } .nfd-root .nfd-badge--upsell { --tw-bg-opacity: 1; background-color: rgb(253 230 138 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity)); } .nfd-root .nfd-badge--plain { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } /* Sizes */ .nfd-root .nfd-badge--small { font-size: 0.675rem; } .nfd-root .nfd-badge--large { padding-left: 0.75rem; padding-right: 0.75rem; font-size: 1rem; } .nfd-root .nfd-button { display: inline-flex; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.375rem; border-width: 1px; padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: center; font-size: .8125rem; font-weight: 500; line-height: 1rem; text-decoration-line: none; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-button:focus { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); --tw-ring-offset-width: 2px; } /* Special styling for buttons rendered `as` "a" (to override anchor defaults). */ .nfd-root a.nfd-button:focus { border-radius: 0.375rem; --tw-ring-offset-color: #FFFFFF; } /* Variants */ .nfd-root .nfd-button--primary { border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-button--primary:visited { color: rgb(255 255 255 ); } .nfd-root .nfd-button--primary:hover { --tw-bg-opacity: 1; background-color: rgb(22 23 47 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-button--primary:hover:visited { color: rgb(255 255 255 ); } .nfd-root .nfd-button--primary:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(22 23 47 / var(--tw-ring-opacity)); } .nfd-root .nfd-button--secondary { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-button--secondary:visited { color: rgb(30 41 59 ); } .nfd-root .nfd-button--secondary:hover { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-button--secondary:hover:visited { color: rgb(30 41 59 ); } .nfd-root .nfd-button--secondary:focus { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(22 23 47 / var(--tw-ring-opacity)); } .nfd-root .nfd-button--error { border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(220 38 38 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-button--error:visited { color: rgb(255 255 255 ); } .nfd-root .nfd-button--error:hover { --tw-bg-opacity: 1; background-color: rgb(185 28 28 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-button--error:hover:visited { color: rgb(255 255 255 ); } .nfd-root .nfd-button--error:focus { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); } .nfd-root .nfd-button--upsell { border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(252 211 77 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity)); } .nfd-root .nfd-button--upsell:visited { color: rgb(120 53 15 ); } .nfd-root .nfd-button--upsell:hover { --tw-bg-opacity: 1; background-color: rgb(251 191 36 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity)); } .nfd-root .nfd-button--upsell:hover:visited { color: rgb(120 53 15 ); } .nfd-root .nfd-button--upsell:focus { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(251 191 36 / var(--tw-ring-opacity)); } /* Sizes */ .nfd-root .nfd-button--large { padding-top: 0.75rem; padding-bottom: 0.75rem; padding-left: 1.5rem; padding-right: 1.5rem; font-size: 1rem; line-height: 1.25rem; } .nfd-root .nfd-button--small { padding-top: 0.375rem; padding-bottom: 0.375rem; padding-left: 0.625rem; padding-right: 0.625rem; font-size: .75rem; } /* States */ .nfd-root .nfd-button--disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-button--disabled: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-checkbox { display: flex; align-items: center; } .nfd-root .nfd-checkbox--disabled .nfd-checkbox__input, .nfd-root .nfd-checkbox--disabled .nfd-checkbox__label { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-checkbox__input { height: 1rem; width: 1rem; border-radius: 0.25rem; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-checkbox__input:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-checkbox__label { margin-left: 0.75rem; } .nfd-root .nfd-code { margin: 0px; display: inline-block; border-radius: 0.25rem; --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); padding: 0.25rem; font-size: .75rem; line-height: 1.25; --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } .nfd-root .nfd-code--block { margin-top: 0.5rem; margin-bottom: 0.5rem; display: block; max-width: 100%; overflow-x: auto; white-space: nowrap; padding-left: 0.5rem; padding-right: 0.5rem; padding-top: 0.25rem; padding-bottom: 0.25rem; } .nfd-root .nfd-file-input { width: 100%; border-radius: 0.375rem; border-width: 2px; border-style: dashed; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 1.5rem; padding-right: 1.5rem; padding-top: 1.25rem; padding-bottom: 1.5rem; text-align: center; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .nfd-root .nfd-file-input.nfd-is-drag-over { --tw-border-opacity: 1; border-color: rgb(68 70 147 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(235 235 246 / var(--tw-bg-opacity)); } .nfd-root .nfd-file-input.nfd-is-drag-over .nfd-file-input__content { pointer-events: none; } .nfd-root .nfd-file-input.nfd-is-drag-over .nfd-file-input__icon { --tw-translate-y: -0.5rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-text-opacity: 1; color: rgb(49 51 107 / var(--tw-text-opacity)); } .nfd-root .nfd-file-input.nfd-is-disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-file-input.nfd-is-disabled .nfd-file-input__select-label { cursor: not-allowed; } .nfd-root .nfd-file-input__content { display: inline-flex; max-width: 20rem; flex-direction: column; align-items: center; } .nfd-root .nfd-file-input__content > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)); } .nfd-root .nfd-file-input__content { text-align: center; } .nfd-root .nfd-file-input__icon { margin-left: auto; margin-right: auto; height: 3rem; width: 3rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); stroke-width: 1; --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .nfd-root .nfd-file-input__icon > path { stroke-width: 1; } .nfd-root .nfd-file-input__input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .nfd-root .nfd-file-input__input:focus + .nfd-file-input__select-label { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); --tw-ring-offset-width: 2px; } .nfd-root .nfd-file-input__labels { display: flex; font-weight: 400; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-file-input__select-label { border-radius: 0.375rem; font-weight: 500; } [dir=rtl] .nfd-root .nfd-file-input__labels { flex-direction: row-reverse; } .nfd-root .nfd-label { font-size: .8125rem; font-weight: 500; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-link { cursor: pointer; --tw-text-opacity: 1; color: rgb(79 70 229 / var(--tw-text-opacity)); text-decoration-line: underline; } .nfd-root .nfd-link:visited { color: rgb(31 32 68 ); } .nfd-root .nfd-link:hover { --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); } .nfd-root .nfd-link:hover:visited { color: rgb(49 51 107 ); } .nfd-root .nfd-link:focus { border-radius: 0.125rem; --tw-text-opacity: 1; color: rgb(99 102 241 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(79 70 229 / var(--tw-ring-opacity)); --tw-ring-offset-width: 1px; --tw-ring-offset-color: transparent; } /* Variants */ .nfd-root .nfd-link--default { } .nfd-root .nfd-link--primary { --tw-text-opacity: 1; color: rgb(26 27 57 / var(--tw-text-opacity)); } .nfd-root .nfd-link--primary:hover { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-link--primary:focus { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(26 27 57 / var(--tw-ring-opacity)); } .nfd-root .nfd-link--error { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .nfd-root .nfd-link--error:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .nfd-root .nfd-link--error:focus { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); } .nfd-root .nfd-paper { display: flex; flex-direction: column; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-paper__header { border-bottom-width: 1px; padding: 2rem; } .nfd-root .nfd-paper__content { flex-grow: 1; padding: 2rem; } .nfd-root .nfd-progress-bar { display: block; width: 100%; overflow: hidden; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } .nfd-root .nfd-progress-bar__progress { display: block; height: 0.375rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 200ms; transition-timing-function: linear; } .nfd-root .nfd-radio { display: flex; align-items: center; } /* Variants */ .nfd-root .nfd-radio--disabled .nfd-radio__input, .nfd-root .nfd-radio--disabled .nfd-radio__label, .nfd-root .nfd-radio--disabled .nfd-radio__check { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-radio--disabled .nfd-radio__input:focus, .nfd-root .nfd-radio--disabled .nfd-radio__label:focus, .nfd-root .nfd-radio--disabled .nfd-radio__check: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-radio--inline-block { display: inline-flex; } /* Elements of the inline-block variant */ .nfd-root .nfd-radio--inline-block .nfd-radio__input { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .nfd-root .nfd-radio--inline-block .nfd-radio__input:checked + .nfd-radio__content .nfd-radio__label { border-color: transparent; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-radio--inline-block .nfd-radio__input:checked + .nfd-radio__content .nfd-radio__check { visibility: visible; } .nfd-root .nfd-radio--inline-block .nfd-radio__input:focus + .nfd-radio__content .nfd-radio__label { --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); --tw-ring-offset-width: 2px; } .nfd-root .nfd-radio--inline-block .nfd-radio__input:checked:focus + .nfd-radio__content .nfd-radio__label { --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 #0000); --tw-ring-offset-width: 1px; } .nfd-root .nfd-radio--inline-block .nfd-radio__content { position: relative; } .nfd-root .nfd-radio--inline-block .nfd-radio__label { margin-left: 0px; display: flex; height: 3.5rem; width: 3.5rem; cursor: pointer; align-items: center; justify-content: center; border-radius: 0.5rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: 1rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-radio--inline-block .nfd-radio__label:hover { --tw-border-opacity: 1; border-color: rgb(148 163 184 / var(--tw-border-opacity)); } .nfd-root .nfd-radio--inline-block .nfd-radio__label:focus { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); --tw-ring-offset-width: 2px; } .nfd-root .nfd-radio--inline-block .nfd-radio__check { visibility: hidden; position: absolute; top: 0.125rem; right: 0.125rem; height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: rgb(26 27 57 / var(--tw-text-opacity)); } /* State */ .nfd-root .nfd-radio__input { height: 1rem; width: 1rem; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-radio__input:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-radio__label { margin-left: 0.75rem; } .nfd-root .nfd-select { position: relative; } .nfd-root .nfd-select--disabled .nfd-select__label, .nfd-root .nfd-select--disabled .nfd-select__button { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-select__button { position: relative; display: flex; width: 100%; cursor: default; align-items: center; justify-content: space-between; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; text-align: left; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-select__button:focus { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-select__button-icon { pointer-events: none; position: absolute; top: 0.625rem; right: 0.625rem; height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } .nfd-root .nfd-select__options { position: absolute; z-index: 10; margin-top: 0.25rem; max-height: 15rem; width: 100%; overflow: auto; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); font-size: .8125rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --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 #0000); --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); --tw-ring-opacity: 0.05; } .nfd-root .nfd-select__options:focus { outline: 2px solid transparent; outline-offset: 2px; } .nfd-root .nfd-select__option { position: relative; display: flex; cursor: default; -webkit-user-select: none; -moz-user-select: none; user-select: none; align-items: center; justify-content: space-between; padding-left: 0.75rem; padding-right: 0.75rem; padding-top: 0.5rem; padding-bottom: 0.5rem; --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity)); } .nfd-root .nfd-select__option--active { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); } .nfd-root .nfd-select__option--selected { --tw-bg-opacity: 1; background-color: rgb(26 27 57 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-select__option-label, .nfd-root .nfd-select__button-label { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nfd-root .nfd-select__option-check { height: 1.25rem; width: 1.25rem; flex-shrink: 0; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .nfd-root .nfd-tag-input { display: flex; flex-wrap: wrap; align-items: center; gap: 0.375rem; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: .8125rem; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-tag-input::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity)); } .nfd-root .nfd-tag-input::placeholder { --tw-placeholder-opacity: 1; color: rgb(100 116 139 / var(--tw-placeholder-opacity)); } .nfd-root .nfd-tag-input { --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-tag-input:focus-within { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-tag-input--disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-tag-input--disabled:focus-within { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag { cursor: not-allowed; } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:hover { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__tag:focus-visible { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag { cursor: not-allowed; } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag:hover { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__remove-tag:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-tag-input--disabled .nfd-tag-input__input { cursor: not-allowed; } .nfd-root .nfd-tag-input__tag { min-height: 20px; padding-inline-end: 0.125rem; cursor: pointer; gap: 0.125rem; } .nfd-root .nfd-tag-input__tag:hover { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-tag-input__tag:focus { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-tag-input__tag:focus-visible { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-tag-input__remove-tag { display: inline-flex; height: 1rem; width: 1rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } .nfd-root .nfd-tag-input__remove-tag:hover { --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } .nfd-root .nfd-tag-input__remove-tag:focus { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-tag-input__input { margin: 0px; display: inline-flex; flex: 1 1 0%; border-style: none; padding: 0px; font-size: .8125rem; } .nfd-root .nfd-tag-input__input:focus { outline: 2px solid transparent; outline-offset: 2px; --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-text-input { width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: .8125rem; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-text-input:focus { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-text-input--disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-text-input--disabled: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-text-input--read-only { cursor: default; --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-textarea { width: 100%; border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 0.75rem; padding-right: 0.75rem; font-size: .8125rem; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-textarea:focus { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-textarea--disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-textarea--disabled: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .nfd-root .nfd-title { font-weight: 500; line-height: 1.25; --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity)); } .nfd-root .nfd-title--1 { font-size: 1.5rem; } .nfd-root .nfd-title--2 { font-size: 1.125rem; } .nfd-root .nfd-title--3 { font-size: .875rem; } .nfd-root .nfd-title--4 { font-size: 1rem; } .nfd-root .nfd-title--5 { font-size: .8125rem; } .nfd-root .nfd-toggle { position: relative; display: inline-flex; height: 1.5rem; width: 2.75rem; flex-shrink: 0; cursor: pointer; border-radius: 9999px; border-width: 2px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(203 213 225 / var(--tw-bg-opacity)); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .nfd-root .nfd-toggle:focus { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); --tw-ring-offset-width: 2px; } /* States */ .nfd-root .nfd-toggle--checked { --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); } .nfd-root .nfd-toggle--checked .nfd-toggle__handle { --tw-translate-x: 1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .nfd-root .nfd-toggle--disabled { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-toggle--disabled: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(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } /* Elements */ .nfd-root .nfd-toggle__handle { pointer-events: none; position: relative; display: flex; height: 1.25rem; width: 1.25rem; --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-duration: 200ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .nfd-root .nfd-toggle__icon { height: 0.625rem; width: 0.625rem; flex-shrink: 0; flex-grow: 0; stroke: currentColor; stroke-width: 2; --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 100ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } .nfd-root .nfd-toggle__icon--check { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-toggle__icon--x { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } /* RTL styles */ [dir=rtl] .nfd-root .nfd-toggle--checked .nfd-toggle__handle { --tw-translate-x: -1.25rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } /* Validation icon */ .nfd-root .nfd-validation-icon { pointer-events: none; } .nfd-root .nfd-validation-icon--success { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity)); } .nfd-root .nfd-validation-icon--info { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity)); } .nfd-root .nfd-validation-icon--warning { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity)); } .nfd-root .nfd-validation-icon--error { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } /* Validation input */ .nfd-root .nfd-validation-input { position: relative; } .nfd-root .nfd-validation-input--success .nfd-validation-input__input { --tw-border-opacity: 1; border-color: rgb(134 239 172 / var(--tw-border-opacity)); padding-right: 2.5rem; } .nfd-root .nfd-validation-input--success .nfd-validation-input__input:focus-within { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--success .nfd-validation-input__input:focus { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(34 197 94 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--info .nfd-validation-input__input { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity)); padding-right: 2.5rem; } .nfd-root .nfd-validation-input--info .nfd-validation-input__input:focus-within { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--info .nfd-validation-input__input:focus { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(59 130 246 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--warning .nfd-validation-input__input { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity)); padding-right: 2.5rem; } .nfd-root .nfd-validation-input--warning .nfd-validation-input__input:focus-within { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--warning .nfd-validation-input__input:focus { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(245 158 11 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--error .nfd-validation-input__input { --tw-border-opacity: 1; border-color: rgb(252 165 165 / var(--tw-border-opacity)); padding-right: 2.5rem; } .nfd-root .nfd-validation-input--error .nfd-validation-input__input:focus-within { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input--error .nfd-validation-input__input:focus { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-validation-input__input { } .nfd-root .nfd-validation-input__icon { position: absolute; top: 0.6875rem; right: 0.625rem; height: 1.25rem; width: 1.25rem; } /* Validation message */ .nfd-root .nfd-validation-message a { font-weight: 500; color: inherit; } .nfd-root .nfd-validation-message a:visited:hover { color: inherit; } .nfd-root .nfd-validation-message a:focus { --tw-ring-color: currentColor; } .nfd-root .nfd-validation-message--success { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity)); } .nfd-root .nfd-validation-message--info { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity)); } .nfd-root .nfd-validation-message--warning { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity)); } .nfd-root .nfd-validation-message--error { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .nfd-root .nfd-autocomplete-field__description { margin-top: 0.5rem; } .nfd-root .nfd-autocomplete-field__validation { margin-top: 0.5rem; } .nfd-root .nfd-card { position: relative; display: flex; flex-direction: column; } .nfd-root .nfd-card > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)); } .nfd-root .nfd-card { overflow: hidden; border-radius: 0.5rem; border-width: 1px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1.5rem; --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: transform; transition-duration: 150ms; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .nfd-root .nfd-card__header { position: relative; margin-left: -1.5rem; margin-right: -1.5rem; margin-top: -1.5rem; display: flex; height: 6rem; align-items: center; justify-content: center; --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity)); padding: 1.5rem; } .nfd-root .nfd-card__content { flex-grow: 1; } .nfd-root .nfd-card__footer { border-top-width: 1px; --tw-border-opacity: 1; border-color: rgb(229 231 235 / var(--tw-border-opacity)); padding-top: 1.5rem; } .nfd-root .nfd-checkbox-group {} .nfd-root .nfd-checkbox-group--disabled .nfd-checkbox-group__label, .nfd-root .nfd-checkbox-group--disabled .nfd-checkbox-group__description { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-checkbox-group__label { margin-bottom: 0.5rem; } .nfd-root .nfd-checkbox-group__options { display: flex; flex-direction: column; gap: 0.75rem; } .nfd-root .nfd-checkbox-group__description { margin-top: -0.5rem; margin-bottom: 1rem; } .nfd-root .nfd-container { width: 100%; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-container__header { display: flex; flex-direction: column; gap: 1rem; border-bottom-width: 1px; --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity)); padding: 2rem; } .nfd-root .nfd-container__block { padding: 2rem; padding-bottom: 0px; } .nfd-root .nfd-container__settings-field { display: grid; } @media (min-width: 1280px) { .nfd-root .nfd-container__settings-field { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 3rem; } } .nfd-root .nfd-feature-upsell { position: relative; } .nfd-root .nfd-feature-upsell--default { --tw-grayscale: grayscale(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .nfd-root .nfd-feature-upsell--card { padding: 1.5rem; } .nfd-root .nfd-file-import > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2rem * var(--tw-space-y-reverse)); } .nfd-root .nfd-file-import__feedback { border-radius: 0.375rem; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-file-import__feedback-header { display: flex; align-items: flex-start; } .nfd-root .nfd-file-import__feedback-header > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(1rem * var(--tw-space-x-reverse)); margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse))); } .nfd-root .nfd-file-import__feedback-figure { display: flex; height: 2rem; width: 2rem; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(194 195 227 / var(--tw-bg-opacity)); } .nfd-root .nfd-file-import__feedback-figure > svg { height: 1.25rem; width: 1.25rem; --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-file-import__feedback-title { margin-bottom: 0.125rem; display: block; overflow-wrap: break-word; font-weight: 500; --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-file-import__feedback-description { display: block; font-size: .75rem; font-weight: 500; } .nfd-root .nfd-file-import__abort-button { display: inline-flex; height: 1.25rem; width: 1.25rem; flex-shrink: 0; align-items: center; justify-content: center; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } .nfd-root .nfd-file-import__abort-button:hover { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity)); } .nfd-root .nfd-file-import__abort-button:focus { --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .nfd-root .nfd-file-import__abort-button > svg { height: 0.75rem; width: 0.75rem; } .nfd-root .nfd-file-import__abort-button > svg > path { stroke-width: 3; } .nfd-root .nfd-modal { position: fixed; inset: 0px; z-index: 10; padding: 1rem; } @media (min-width: 640px) { .nfd-root .nfd-modal { padding: 2rem; } } @media (min-width: 768px) { .nfd-root .nfd-modal { padding: 5rem; } } .nfd-root .nfd-modal__layout { display: flex; min-height: 100%; } .nfd-root .nfd-modal--center .nfd-modal__layout { align-items: center; justify-content: center; } .nfd-root .nfd-modal--top-center .nfd-modal__layout { align-items: flex-start; justify-content: center; } .nfd-root .nfd-modal__overlay { position: absolute; inset: 0px; background-color: rgb(100 116 139 / var(--tw-bg-opacity)); --tw-bg-opacity: 0.75; transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .nfd-root .nfd-modal__panel { position: relative; width: 100%; max-width: 36rem; overflow: hidden; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1.5rem; --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-modal__close { position: absolute; top: 1rem; right: 1rem; display: block; } .nfd-root .nfd-modal__close-button { position: relative; z-index: 10; border-radius: 0.375rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity)); } .nfd-root .nfd-modal__close-button:hover { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity)); } .nfd-root .nfd-modal__close-button:focus { outline: 2px solid transparent; outline-offset: 2px; --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 #0000); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); --tw-ring-offset-width: 2px; } .nfd-root .nfd-notifications { max-width: calc(100% - 4rem); /* 100% - top and left of 2rem = 4rem. */ max-height: calc(100% - 4rem); /* 100% - ( top of 2rem * 2 ) = 4rem. */ pointer-events: none; position: fixed; z-index: 20; display: flex; width: 100%; flex-direction: column; } .nfd-root .nfd-notifications > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .nfd-root .nfd-notifications--bottom-center { bottom: 2rem; align-items: center; } .nfd-root .nfd-notifications--bottom-left { bottom: 2rem; left: 2rem; } .nfd-root .nfd-notifications--top-center { top: 2rem; align-items: center; } .nfd-root .nfd-notification { pointer-events: auto; z-index: 20; width: 20rem; max-width: 100%; overflow-y: auto; border-radius: 0.5rem; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 1rem; --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); --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 #0000); --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)); --tw-ring-opacity: 0.05; } .nfd-root .nfd-notification--large { width: 24rem; } .nfd-root .nfd-notification__icon { height: 1.25rem; width: 1.25rem; } .nfd-root .nfd-page { display: flex; flex-direction: column; gap: 2rem; } .nfd-root .nfd-radio-group--inline-block .nfd-radio-group__options { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0.5rem; } .nfd-root .nfd-radio-group--disabled .nfd-radio-group__label, .nfd-root .nfd-radio-group--disabled .nfd-radio-group__description { opacity: 0.5; } .nfd-root .nfd-radio-group--disabled .nfd-radio-group__label { cursor: not-allowed; } .nfd-root .nfd-radio-group__label { margin-bottom: 0.5rem; } .nfd-root .nfd-radio-group__options { display: flex; flex-direction: column; gap: 0.5rem; } .nfd-root .nfd-radio-group__description { margin-top: -0.5rem; margin-bottom: 1rem; } .nfd-root .nfd-select-field {} .nfd-root .nfd-select-field--disabled .nfd-select-field__label, .nfd-root .nfd-select-field--disabled .nfd-select-field__description { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-select-field__options { display: flex; flex-direction: column; gap: 0.75rem; } .nfd-root .nfd-select-field__description { margin-top: 0.5rem; } .nfd-root .nfd-select-field__validation { margin-top: 0.5rem; } .nfd-root .nfd-mobile-navigation__top { position: sticky; top: 0px; z-index: 50; width: 100%; } .nfd-root .nfd-mobile-navigation__dialog { position: fixed; inset: 0px; z-index: 50; display: flex; } .nfd-root .nfd-tag-field--disabled .nfd-tag-field__label, .nfd-root .nfd-tag-field--disabled .nfd-tag-field__description { cursor: not-allowed; opacity: 0.5; } .nfd-root .nfd-tag-field__description { margin-top: 0.5rem; } .nfd-root .nfd-tag-field__validation { margin-top: 0.5rem; } .nfd-root .nfd-text-field--disabled .nfd-text-field__label, .nfd-root .nfd-text-field--disabled .nfd-text-field__description { opacity: 0.5; } .nfd-root .nfd-text-field--disabled .nfd-text-field__label { cursor: not-allowed; } .nfd-root .nfd-text-field--read-only .nfd-text-field__label { cursor: default; } .nfd-root .nfd-text-field__description { margin-top: 0.5rem; } .nfd-root .nfd-text-field__validation { margin-top: 0.5rem; } .nfd-root .nfd-textarea-field__label {} .nfd-root .nfd-textarea-field__description { margin-top: 0.5rem; } .nfd-root .nfd-textarea-field__validation { margin-top: 0.5rem; } .nfd-root .nfd-toggle-field { display: flex; flex-direction: column; gap: 0.25rem; } .nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label-wrapper, .nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__description { opacity: 0.5; } .nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label, .nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__label-wrapper, .nfd-root .nfd-toggle-field--disabled .nfd-toggle-field__description { cursor: not-allowed; } .nfd-root .nfd-toggle-field__header { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 1.5rem; } .nfd-root .nfd-toggle-field__label-wrapper { display: flex; align-items: center; gap: 0.25rem; } .nfd-root .nfd-toggle-field__description { margin-right: 4.25rem; } .nfd-root .nfd-title { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-link { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-link:visited { color: rgb(25 25 54 ); } .nfd-root .nfd-link:hover { --tw-text-opacity: 1; color: rgb(25 25 54 / var(--tw-text-opacity)); } .nfd-root .nfd-link:hover:visited { color: rgb(25 25 54 ); } .nfd-root .nfd-link:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(26 27 57 / var(--tw-ring-opacity)); } .nfd-root .nfd-link--primary { --tw-text-opacity: 1; color: rgb(26 27 57 / var(--tw-text-opacity)); } .nfd-root .nfd-link--primary:hover { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-link--primary:focus { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(26 27 57 / var(--tw-ring-opacity)); } .nfd-root .nfd-link--error { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity)); } .nfd-root .nfd-link--error:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); } .nfd-root .nfd-link--error:focus { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(220 38 38 / var(--tw-ring-opacity)); } .nfd-root .nfd-button { gap: 0.5rem; padding-left: 1rem; padding-right: 1rem; } .nfd-root .nfd-button:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-button svg { height: 1.25rem; width: 1.25rem; } /* Variants */ .nfd-root .nfd-button--primary { --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); } .nfd-root .nfd-button--primary:hover { --tw-bg-opacity: 1; background-color: rgb(25 25 54 / var(--tw-bg-opacity)); } .nfd-root .nfd-button--primary:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-button--secondary { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .nfd-root .nfd-button--secondary:visited { color: rgb(0 0 0 ); } .nfd-root .nfd-button--secondary:hover { --tw-bg-opacity: 1; background-color: rgb(235 235 246 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity)); } .nfd-root .nfd-button--secondary:hover:visited { color: rgb(31 32 68 ); } .nfd-root .nfd-button--secondary:focus { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-button--standout { --tw-bg-opacity: 1; background-color: rgb(255 207 0 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-button--standout:hover { --tw-bg-opacity: 1; background-color: rgb(236 169 62 / var(--tw-bg-opacity)); --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-button--standout:focus { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity)); } .nfd-root .nfd-toggle { --tw-bg-opacity: 1; background-color: rgb(205 208 214 / var(--tw-bg-opacity)); } .nfd-root .nfd-toggle:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-toggle--checked { --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); } .nfd-root .nfd-toggle__icon--check { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .nfd-toggle__icon--x { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } .nfd-root .nfd-toggle-field__description { margin-top: 0.75rem; margin-right: 0.5rem; } @media (min-width: 640px) { .nfd-root .nfd-toggle-field__description { margin-right: 10.5rem; margin-top: 0px; } } .nfd-root .nfd-checkbox .nfd-checkbox__input { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-checkbox .nfd-checkbox__input:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-checkbox .nfd-checkbox__input:checked::before { display: none; } .nfd-root .nfd-radio-group .nfd-radio__description { margin-bottom: 0.5rem; margin-left: 1.75rem; } @media (min-width: 1024px) { .nfd-root .nfd-radio-group .nfd-radio__description { margin-right: 10.5rem; } } .nfd-root .nfd-radio__input { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .nfd-root .nfd-radio__input:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-radio__input:checked::before { background-color: transparent; } .nfd-root .nfd-select__button:focus { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-select__option--active { --tw-bg-opacity: 1; background-color: rgb(205 208 214 / var(--tw-bg-opacity)); } .nfd-root .nfd-select__option--selected { --tw-bg-opacity: 1; background-color: rgb(31 32 68 / var(--tw-bg-opacity)); } .nfd-root .nfd-select-field__spaced .nfd-select-field__select { display: flex; align-items: center; justify-content: space-between; gap: 1rem; } .nfd-root .nfd-select-field__spaced .nfd-select__button { width: 6rem; } .nfd-root .nfd-select-field__spaced .nfd-select__options { right: 0px; width: 10rem; } @media (min-width: 1024px) { .nfd-root .nfd-select-field__spaced .nfd-select-field__description { margin-right: 10.5rem; } } .nfd-root .nfd-notifications { z-index: 9991; } .nfd-root .nfd-notifications--bottom-left { left: 12%; } /* mobile menu modal */ .nfd-root .hgwp-app-sidenav-mobile .nfd-modal__close { top: -36px; right: 0px; display: flex; border-radius: 9999px; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .nfd-root .hgwp-app-sidenav-mobile .nfd-modal__close-button { border-radius: 9999px; padding: 0.25rem; --tw-text-opacity: 1; color: rgb(54 54 54 / var(--tw-text-opacity)); } .nfd-root .hgwp-app-sidenav-mobile .nfd-modal__close-button:hover { --tw-text-opacity: 1; color: rgb(31 32 68 / var(--tw-text-opacity)); } .nfd-root .hgwp-app-sidenav-mobile .nfd-modal__close-button:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-root .nfd-text-input:focus { --tw-border-opacity: 1; border-color: rgb(31 32 68 / var(--tw-border-opacity)); --tw-ring-opacity: 1; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)); } .nfd-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border-width: 0 !important; } .nfd-fixed { position: fixed !important; } .nfd-absolute { position: absolute !important; } .nfd-relative { position: relative !important; } .nfd-sticky { position: sticky !important; } .nfd-inset-0 { inset: 0px !important; } .nfd-bottom-0 { bottom: 0px !important; } .nfd-left-0 { left: 0px !important; } .nfd-right-0 { right: 0px !important; } .nfd-top-0 { top: 0px !important; } .nfd-top-\[-9px\] { top: -9px !important; } .nfd-z-10 { z-index: 10 !important; } .nfd-z-30 { z-index: 30 !important; } .nfd-z-40 { z-index: 40 !important; } .nfd-z-\[2\] { z-index: 2 !important; } .nfd-col-span-1 { grid-column: span 1 / span 1 !important; } .nfd-col-span-2 { grid-column: span 2 / span 2 !important; } .nfd-m-0 { margin: 0px !important; } .nfd-m-2 { margin: 0.5rem !important; } .nfd-my-0 { margin-top: 0px !important; margin-bottom: 0px !important; } .nfd-my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .nfd-my-4 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .nfd--ml-1 { margin-left: -0.25rem !important; } .nfd--mr-14 { margin-right: -3.5rem !important; } .nfd-mb-0 { margin-bottom: 0px !important; } .nfd-mb-2 { margin-bottom: 0.5rem !important; } .nfd-mb-4 { margin-bottom: 1rem !important; } .nfd-mb-6 { margin-bottom: 1.5rem !important; } .nfd-mb-8 { margin-bottom: 2rem !important; } .nfd-mb-px { margin-bottom: 1px !important; } .nfd-ml-4 { margin-left: 1rem !important; } .nfd-ml-8 { margin-left: 2rem !important; } .nfd-mr-2 { margin-right: 0.5rem !important; } .nfd-mr-4 { margin-right: 1rem !important; } .nfd-mt-1 { margin-top: 0.25rem !important; } .nfd-mt-1\.5 { margin-top: 0.375rem !important; } .nfd-mt-10 { margin-top: 2.5rem !important; } .nfd-mt-2 { margin-top: 0.5rem !important; } .nfd-mt-4 { margin-top: 1rem !important; } .nfd-mt-6 { margin-top: 1.5rem !important; } .nfd-mt-8 { margin-top: 2rem !important; } .nfd-box-content { box-sizing: content-box !important; } .nfd-inline-block { display: inline-block !important; } .nfd-flex { display: flex !important; } .nfd-inline-flex { display: inline-flex !important; } .nfd-grid { display: grid !important; } .nfd-hidden { display: none !important; } .nfd-aspect-video { aspect-ratio: 16 / 9 !important; } .nfd-h-0 { height: 0px !important; } .nfd-h-12 { height: 3rem !important; } .nfd-h-16 { height: 4rem !important; } .nfd-h-3 { height: 0.75rem !important; } .nfd-h-3\.5 { height: 0.875rem !important; } .nfd-h-4 { height: 1rem !important; } .nfd-h-5 { height: 1.25rem !important; } .nfd-h-6 { height: 1.5rem !important; } .nfd-h-60 { height: 15rem !important; } .nfd-h-7 { height: 1.75rem !important; } .nfd-h-8 { height: 2rem !important; } .nfd-h-9 { height: 2.25rem !important; } .nfd-h-\[174px\] { height: 174px !important; } .nfd-h-\[216px\] { height: 216px !important; } .nfd-h-\[500px\] { height: 500px !important; } .nfd-h-auto { height: auto !important; } .nfd-h-full { height: 100% !important; } .nfd-max-h-\[70vh\] { max-height: 70vh !important; } .nfd-min-h-\[350px\] { min-height: 350px !important; } .nfd-min-h-\[400\%\] { min-height: 400% !important; } .nfd-w-0 { width: 0px !important; } .nfd-w-1\/4 { width: 25% !important; } .nfd-w-12 { width: 3rem !important; } .nfd-w-2 { width: 0.5rem !important; } .nfd-w-2\/5 { width: 40% !important; } .nfd-w-3 { width: 0.75rem !important; } .nfd-w-4 { width: 1rem !important; } .nfd-w-48 { width: 12rem !important; } .nfd-w-5 { width: 1.25rem !important; } .nfd-w-56 { width: 14rem !important; } .nfd-w-6 { width: 1.5rem !important; } .nfd-w-8 { width: 2rem !important; } .nfd-w-\[1\.125rem\] { width: 1.125rem !important; } .nfd-w-\[400\%\] { width: 400% !important; } .nfd-w-auto { width: auto !important; } .nfd-w-fit { width: -moz-fit-content !important; width: fit-content !important; } .nfd-w-full { width: 100% !important; } .nfd-w-max { width: -moz-max-content !important; width: max-content !important; } .nfd-min-w-0 { min-width: 0px !important; } .nfd-min-w-full { min-width: 100% !important; } .nfd-max-w-full { max-width: 100% !important; } .nfd-max-w-screen-sm { max-width: 640px !important; } .nfd-max-w-xs { max-width: 20rem !important; } .nfd-flex-1 { flex: 1 1 0% !important; } .nfd-flex-none { flex: none !important; } .nfd-flex-shrink-0 { flex-shrink: 0 !important; } .nfd-shrink-0 { flex-shrink: 0 !important; } .nfd-basis-full { flex-basis: 100% !important; } .nfd--translate-y-full { --tw-translate-y: -100% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-translate-y-0 { --tw-translate-y: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-translate-y-4 { --tw-translate-y: 1rem !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-translate-y-full { --tw-translate-y: 100% !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-scale-100 { --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-scale-95 { --tw-scale-x: .95 !important; --tw-scale-y: .95 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-scale-\[0\.25\] { --tw-scale-x: 0.25 !important; --tw-scale-y: 0.25 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .nfd-transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } @keyframes nfd-spin { to { transform: rotate(360deg); } } .nfd-animate-spin { animation: nfd-spin 1s linear infinite !important; } .nfd-cursor-default { cursor: default !important; } .nfd-cursor-wait { cursor: wait !important; } .nfd-list-disc { list-style-type: disc !important; } .nfd-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .nfd-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .nfd-grid-rows-\[repeat\(3\,_min-content\)\] { grid-template-rows: repeat(3, min-content) !important; } .nfd-flex-row { flex-direction: row !important; } .nfd-flex-row-reverse { flex-direction: row-reverse !important; } .nfd-flex-col { flex-direction: column !important; } .nfd-flex-wrap { flex-wrap: wrap !important; } .nfd-items-start { align-items: flex-start !important; } .nfd-items-end { align-items: flex-end !important; } .nfd-items-center { align-items: center !important; } .nfd-items-baseline { align-items: baseline !important; } .nfd-justify-start { justify-content: flex-start !important; } .nfd-justify-end { justify-content: flex-end !important; } .nfd-justify-center { justify-content: center !important; } .nfd-justify-between { justify-content: space-between !important; } .nfd-gap-1 { gap: 0.25rem !important; } .nfd-gap-1\.5 { gap: 0.375rem !important; } .nfd-gap-12 { gap: 3rem !important; } .nfd-gap-2 { gap: 0.5rem !important; } .nfd-gap-3 { gap: 0.75rem !important; } .nfd-gap-4 { gap: 1rem !important; } .nfd-gap-5 { gap: 1.25rem !important; } .nfd-gap-6 { gap: 1.5rem !important; } .nfd-gap-y-2 { row-gap: 0.5rem !important; } .nfd-space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.25rem * var(--tw-space-y-reverse)) !important; } .nfd-space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(0.375rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(0.375rem * var(--tw-space-y-reverse)) !important; } .nfd-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important; } .nfd-space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(1.5rem * var(--tw-space-y-reverse)) !important; } .nfd-space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0 !important; margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse))) !important; margin-bottom: calc(2rem * var(--tw-space-y-reverse)) !important; } .nfd-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0 !important; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))) !important; border-bottom-width: calc(1px * var(--tw-divide-y-reverse)) !important; } .nfd-divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(229 231 235 / var(--tw-divide-opacity)) !important; } .nfd-divide-slate-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-divide-opacity)) !important; } .nfd-justify-self-end { justify-self: end !important; } .nfd-overflow-hidden { overflow: hidden !important; } .nfd-overflow-visible { overflow: visible !important; } .nfd-overflow-y-auto { overflow-y: auto !important; } .nfd-whitespace-pre-wrap { white-space: pre-wrap !important; } .nfd-rounded-full { border-radius: 9999px !important; } .nfd-rounded-lg { border-radius: 0.5rem !important; } .nfd-rounded-md { border-radius: 0.375rem !important; } .nfd-rounded-b-md { border-bottom-right-radius: 0.375rem !important; border-bottom-left-radius: 0.375rem !important; } .nfd-rounded-t-md { border-top-left-radius: 0.375rem !important; border-top-right-radius: 0.375rem !important; } .nfd-border { border-width: 1px !important; } .nfd-border-\[1px\] { border-width: 1px !important; } .nfd-border-b { border-bottom-width: 1px !important; } .nfd-border-r { border-right-width: 1px !important; } .nfd-border-t { border-top-width: 1px !important; } .nfd-border-solid { border-style: solid !important; } .nfd-border-\[\#CBD5E1\] { --tw-border-opacity: 1 !important; border-color: rgb(203 213 225 / var(--tw-border-opacity)) !important; } .nfd-border-\[\#D8DEE4\] { --tw-border-opacity: 1 !important; border-color: rgb(216 222 228 / var(--tw-border-opacity)) !important; } .nfd-border-\[\#dbd1d1\] { --tw-border-opacity: 1 !important; border-color: rgb(219 209 209 / var(--tw-border-opacity)) !important; } .nfd-border-line { --tw-border-opacity: 1 !important; border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } .nfd-border-slate-200 { --tw-border-opacity: 1 !important; border-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } .nfd-border-r-slate-200 { --tw-border-opacity: 1 !important; border-right-color: rgb(226 232 240 / var(--tw-border-opacity)) !important; } .nfd-bg-\[\#178113\] { --tw-bg-opacity: 1 !important; background-color: rgb(23 129 19 / var(--tw-bg-opacity)) !important; } .nfd-bg-\[\#25253C\] { --tw-bg-opacity: 1 !important; background-color: rgb(37 37 60 / var(--tw-bg-opacity)) !important; } .nfd-bg-\[\#E2E8F0\] { --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important; } .nfd-bg-\[\#F8FAFC\] { --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .nfd-bg-\[--nfd-ecomemerce-bg-success\] { background-color: var(--nfd-ecomemerce-bg-success) !important; } .nfd-bg-\[--nfd-ecommerce-bg-danger\] { background-color: var(--nfd-ecommerce-bg-danger) !important; } .nfd-bg-\[--nfd-ecommerce-bg-light\] { background-color: var(--nfd-ecommerce-bg-light) !important; } .nfd-bg-canvas { --tw-bg-opacity: 1 !important; background-color: rgb(245 246 248 / var(--tw-bg-opacity)) !important; } .nfd-bg-gray-200 { --tw-bg-opacity: 1 !important; background-color: rgb(229 231 235 / var(--tw-bg-opacity)) !important; } .nfd-bg-primary-400 { --tw-bg-opacity: 1 !important; background-color: rgb(49 51 107 / var(--tw-bg-opacity)) !important; } .nfd-bg-slate-100 { --tw-bg-opacity: 1 !important; background-color: rgb(241 245 249 / var(--tw-bg-opacity)) !important; } .nfd-bg-slate-200 { --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important; } .nfd-bg-slate-50 { --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .nfd-bg-slate-600 { --tw-bg-opacity: 1 !important; background-color: rgb(71 85 105 / var(--tw-bg-opacity)) !important; } .nfd-bg-transparent { background-color: transparent !important; } .nfd-bg-white { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .nfd-bg-opacity-75 { --tw-bg-opacity: 0.75 !important; } .nfd-stroke-3 { stroke-width: 3px !important; } .nfd-p-0 { padding: 0px !important; } .nfd-p-1 { padding: 0.25rem !important; } .nfd-p-4 { padding: 1rem !important; } .nfd-p-5 { padding: 1.25rem !important; } .nfd-p-6 { padding: 1.5rem !important; } .nfd-p-8 { padding: 2rem !important; } .nfd-p-\[2px\] { padding: 2px !important; } .nfd-px-0 { padding-left: 0px !important; padding-right: 0px !important; } .nfd-px-0\.5 { padding-left: 0.125rem !important; padding-right: 0.125rem !important; } .nfd-px-2 { padding-left: 0.5rem !important; padding-right: 0.5rem !important; } .nfd-px-3 { padding-left: 0.75rem !important; padding-right: 0.75rem !important; } .nfd-px-4 { padding-left: 1rem !important; padding-right: 1rem !important; } .nfd-px-5 { padding-left: 1.25rem !important; padding-right: 1.25rem !important; } .nfd-px-8 { padding-left: 2rem !important; padding-right: 2rem !important; } .nfd-py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .nfd-py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .nfd-py-4 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .nfd-py-6 { padding-top: 1.5rem !important; padding-bottom: 1.5rem !important; } .nfd-pb-0 { padding-bottom: 0px !important; } .nfd-pb-1 { padding-bottom: 0.25rem !important; } .nfd-pb-6 { padding-bottom: 1.5rem !important; } .nfd-pb-8 { padding-bottom: 2rem !important; } .nfd-pl-5 { padding-left: 1.25rem !important; } .nfd-pt-1 { padding-top: 0.25rem !important; } .nfd-pt-2 { padding-top: 0.5rem !important; } .nfd-pt-4 { padding-top: 1rem !important; } .nfd-pt-8 { padding-top: 2rem !important; } .nfd-text-left { text-align: left !important; } .nfd-text-center { text-align: center !important; } .nfd-text-2xl { font-size: 1.5rem !important; } .nfd-text-base { font-size: 1rem !important; } .nfd-text-sm { font-size: .8125rem !important; } .nfd-text-tiny { font-size: .875rem !important; } .nfd-font-bold { font-weight: 700 !important; } .nfd-font-medium { font-weight: 500 !important; } .nfd-font-semibold { font-weight: 600 !important; } .nfd-capitalize { text-transform: capitalize !important; } .nfd-leading-normal { line-height: 1.5 !important; } .nfd-leading-tight { line-height: 1.25 !important; } .nfd-text-\[\#008112\] { --tw-text-opacity: 1 !important; color: rgb(0 129 18 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#18181B\] { --tw-text-opacity: 1 !important; color: rgb(24 24 27 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#1CD67D\] { --tw-text-opacity: 1 !important; color: rgb(28 214 125 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#1E293B\] { --tw-text-opacity: 1 !important; color: rgb(30 41 59 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#212936\] { --tw-text-opacity: 1 !important; color: rgb(33 41 54 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#5B5B5B\] { --tw-text-opacity: 1 !important; color: rgb(91 91 91 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#d61c1c\] { --tw-text-opacity: 1 !important; color: rgb(214 28 28 / var(--tw-text-opacity)) !important; } .nfd-text-\[\#e10001\] { --tw-text-opacity: 1 !important; color: rgb(225 0 1 / var(--tw-text-opacity)) !important; } .nfd-text-\[--nfd-ecomemerce-text-success\] { color: var(--nfd-ecomemerce-text-success) !important; } .nfd-text-\[--nfd-ecommerce-text-dark\] { color: var(--nfd-ecommerce-text-dark) !important; } .nfd-text-\[--nfd-ecommerce-text-info\] { color: var(--nfd-ecommerce-text-info) !important; } .nfd-text-\[--nfd-ecommerce-text-light\] { color: var(--nfd-ecommerce-text-light) !important; } .nfd-text-black { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity)) !important; } .nfd-text-body { --tw-text-opacity: 1 !important; color: rgb(54 54 54 / var(--tw-text-opacity)) !important; } .nfd-text-green-600 { --tw-text-opacity: 1 !important; color: rgb(22 163 74 / var(--tw-text-opacity)) !important; } .nfd-text-primary { --tw-text-opacity: 1 !important; color: rgb(31 32 68 / var(--tw-text-opacity)) !important; } .nfd-text-primary-500 { --tw-text-opacity: 1 !important; color: rgb(31 32 68 / var(--tw-text-opacity)) !important; } .nfd-text-red-600 { --tw-text-opacity: 1 !important; color: rgb(220 38 38 / var(--tw-text-opacity)) !important; } .nfd-text-red-700 { --tw-text-opacity: 1 !important; color: rgb(185 28 28 / var(--tw-text-opacity)) !important; } .nfd-text-slate-400 { --tw-text-opacity: 1 !important; color: rgb(148 163 184 / var(--tw-text-opacity)) !important; } .nfd-text-slate-500 { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .nfd-text-slate-600 { --tw-text-opacity: 1 !important; color: rgb(71 85 105 / var(--tw-text-opacity)) !important; } .nfd-text-slate-800 { --tw-text-opacity: 1 !important; color: rgb(30 41 59 / var(--tw-text-opacity)) !important; } .nfd-text-slate-900 { --tw-text-opacity: 1 !important; color: rgb(15 23 42 / var(--tw-text-opacity)) !important; } .nfd-text-title { --tw-text-opacity: 1 !important; color: rgb(31 32 68 / var(--tw-text-opacity)) !important; } .nfd-text-white { --tw-text-opacity: 1 !important; color: rgb(255 255 255 / var(--tw-text-opacity)) !important; } .nfd-line-through { text-decoration-line: line-through !important; } .nfd-no-underline { text-decoration-line: none !important; } .nfd-opacity-0 { opacity: 0 !important; } .nfd-opacity-100 { opacity: 1 !important; } .nfd-opacity-25 { opacity: 0.25 !important; } .nfd-opacity-75 { opacity: 0.75 !important; } .nfd-shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .nfd-shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important; --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important; } .nfd-shadow-amber-700\/30 { --tw-shadow-color: rgb(180 83 9 / 0.3) !important; --tw-shadow: var(--tw-shadow-colored) !important; } .nfd-ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .nfd-ring-black { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(0 0 0 / var(--tw-ring-opacity)) !important; } .nfd-ring-opacity-5 { --tw-ring-opacity: 0.05 !important; } .nfd-grayscale { --tw-grayscale: grayscale(100%) !important; filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .nfd-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter !important; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .nfd-transition-opacity { transition-property: opacity !important; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; transition-duration: 150ms !important; } .nfd-delay-200 { transition-delay: 200ms !important; } .nfd-duration-100 { transition-duration: 100ms !important; } .nfd-duration-1000 { transition-duration: 1000ms !important; } .nfd-duration-150 { transition-duration: 150ms !important; } .nfd-duration-200 { transition-duration: 200ms !important; } .nfd-duration-300 { transition-duration: 300ms !important; } .nfd-duration-75 { transition-duration: 75ms !important; } .nfd-ease-in { transition-timing-function: cubic-bezier(0.4, 0, 1, 1) !important; } .nfd-ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important; } .nfd-ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1) !important; } /* Configs */ /* Titles */ /* Links */ /* Buttons */ /* Toggle / Toggle Field */ /* Checkbox */ /* Radio Input */ /* Select Field */ /* Notifications */ /* Modal */ /* Text Input Field */ .last\:nfd-border-b-0:last-child { border-bottom-width: 0px !important; } .odd\:nfd-bg-white:nth-child(odd) { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important; } .even\:nfd-bg-slate-50:nth-child(even) { --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .hover\:nfd-animate-\[wiggle_1s_ease-in-out_infinite\]:hover { animation: wiggle 1s ease-in-out infinite !important; } .hover\:nfd-bg-canvas:hover { --tw-bg-opacity: 1 !important; background-color: rgb(245 246 248 / var(--tw-bg-opacity)) !important; } .hover\:nfd-bg-slate-50:hover { --tw-bg-opacity: 1 !important; background-color: rgb(248 250 252 / var(--tw-bg-opacity)) !important; } .hover\:nfd-text-slate-500:hover { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } .hover\:nfd-text-slate-900:hover { --tw-text-opacity: 1 !important; color: rgb(15 23 42 / var(--tw-text-opacity)) !important; } .focus\:nfd-mb-\[2px\]:focus { margin-bottom: 2px !important; } .focus\:nfd-outline-none:focus { outline: 2px solid transparent !important; outline-offset: 2px !important; } .focus\:nfd-ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .focus\:nfd-ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .focus\:nfd-ring-inset:focus { --tw-ring-inset: inset !important; } .focus\:nfd-ring-primary:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)) !important; } .focus\:nfd-ring-primary-500:focus { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(31 32 68 / var(--tw-ring-opacity)) !important; } .focus\:nfd-ring-offset-1:focus { --tw-ring-offset-width: 1px !important; } .focus\:nfd-ring-offset-2:focus { --tw-ring-offset-width: 2px !important; } .focus\:nfd-ring-offset-transparent:focus { --tw-ring-offset-color: transparent !important; } .nfd-group:hover .group-hover\:nfd-text-slate-500 { --tw-text-opacity: 1 !important; color: rgb(100 116 139 / var(--tw-text-opacity)) !important; } @media (max-width: 1027px) { .max-\[1027px\]\:nfd-flex { display: flex !important; } .max-\[1027px\]\:nfd-flex-col { flex-direction: column !important; } } @media (max-width: 1025px) { .max-\[1025px\]\:nfd-my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } } @media (max-width: 1024px) { .max-\[1024px\]\:nfd-my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } } @media (max-width: 425px) { .max-\[425px\]\:nfd-flex { display: flex !important; } .max-\[425px\]\:nfd-flex-col { flex-direction: column !important; } } @media (max-width: 375px) { .max-\[375px\]\:nfd-my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .max-\[375px\]\:nfd-flex-col { flex-direction: column !important; } } @media (max-width: 360px) { .max-\[360px\]\:nfd-flex-col { flex-direction: column !important; } .max-\[360px\]\:nfd-items-stretch { align-items: stretch !important; } } @media (max-width: 359px) { .max-\[359px\]\:nfd-my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .max-\[359px\]\:nfd-flex-col { flex-direction: column !important; } } @media (min-width: 360px) { .min-\[360px\]\:nfd-m-0 { margin: 0px !important; } .min-\[360px\]\:nfd-mb-8 { margin-bottom: 2rem !important; } .min-\[360px\]\:nfd-flex { display: flex !important; } .min-\[360px\]\:nfd-justify-between { justify-content: space-between !important; } } @media (min-width: 376px) { .min-\[376px\]\:nfd-m-0 { margin: 0px !important; } .min-\[376px\]\:nfd-mb-8 { margin-bottom: 2rem !important; } .min-\[376px\]\:nfd-flex { display: flex !important; } } @media (min-width: 400px) { .min-\[400px\]\:nfd-w-auto { width: auto !important; } } @media (min-width: 426px) { .min-\[426px\]\:nfd-flex { display: flex !important; } .min-\[426px\]\:nfd-items-center { align-items: center !important; } } @media (min-width: 600px) { .min-\[600px\]\:nfd-top-\[46px\] { top: 46px !important; } } @media (min-width: 640px) { .sm\:nfd-flex { display: flex !important; } .sm\:nfd-w-2\/5 { width: 40% !important; } .sm\:nfd-translate-y-0 { --tw-translate-y: 0px !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .sm\:nfd-scale-100 { --tw-scale-x: 1 !important; --tw-scale-y: 1 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .sm\:nfd-scale-95 { --tw-scale-x: .95 !important; --tw-scale-y: .95 !important; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important; } .sm\:nfd-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)) !important; } .sm\:nfd-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .sm\:nfd-flex-row { flex-direction: row !important; } .sm\:nfd-items-baseline { align-items: baseline !important; } .sm\:nfd-justify-between { justify-content: space-between !important; } } @media (min-width: 768px) { .md\:nfd-ml-8 { margin-left: 2rem !important; } .md\:nfd-w-\[520px\] { width: 520px !important; } .md\:nfd-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .md\:nfd-flex-row { flex-direction: row !important; } @media (min-width: 768px) { .md\:min-\[768px\]\:nfd-w-\[670px\] { width: 670px !important; } } @media (min-width: 783px) { .md\:min-\[783px\]\:nfd-w-\[387px\] { width: 387px !important; } } } @media (min-width: 783px) { .min-\[783px\]\:nfd-block { display: block !important; } .min-\[783px\]\:nfd-flex { display: flex !important; } .min-\[783px\]\:nfd-p-0 { padding: 0px !important; } .min-\[783px\]\:nfd-p-8 { padding: 2rem !important; } } @media (min-width: 1024px) { .lg\:nfd-mr-\[10\.5rem\] { margin-right: 10.5rem !important; } .lg\:nfd-h-\[245px\] { height: 245px !important; } .lg\:nfd-w-1\/4 { width: 25% !important; } .lg\:nfd-w-\[520px\] { width: 520px !important; } .lg\:nfd-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .lg\:nfd-whitespace-pre-wrap { white-space: pre-wrap !important; } @media (min-width: 1024px) { .lg\:min-\[1024px\]\:nfd-w-\[486px\] { width: 486px !important; } } } @media (min-width: 1025px) { .min-\[1025px\]\:nfd-m-0 { margin: 0px !important; } } @media (min-width: 1028px) { .min-\[1028px\]\:nfd-flex { display: flex !important; } .min-\[1028px\]\:nfd-flex-row { flex-direction: row !important; } .min-\[1028px\]\:nfd-items-center { align-items: center !important; } .min-\[1028px\]\:nfd-justify-between { justify-content: space-between !important; } } @media (min-width: 1120px) { .min-\[1120px\]\:nfd-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } } @media (min-width: 1280px) { .xl\:nfd-col-span-2 { grid-column: span 2 / span 2 !important; } .xl\:nfd-mt-0 { margin-top: 0px !important; } .xl\:nfd-w-5\/12 { width: 41.666667% !important; } .xl\:nfd-w-7\/12 { width: 58.333333% !important; } .xl\:nfd-max-w-screen-xl { max-width: 1280px !important; } .xl\:nfd-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; } .xl\:nfd-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .xl\:nfd-flex-row { flex-direction: row !important; } .xl\:nfd-items-center { align-items: center !important; } .xl\:nfd-justify-between { justify-content: space-between !important; } @media (min-width: 1280px) { .xl\:min-\[1280px\]\:nfd-w-\[360px\] { width: 360px !important; } } } @media (min-width: 1400px) { .min-\[1400px\]\:nfd-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } } @media (min-width: 1536px) { .\32xl\:nfd-col-span-2 { grid-column: span 2 / span 2 !important; } .\32xl\:nfd-mt-0 { margin-top: 0px !important; } .\32xl\:nfd-w-\[520px\] { width: 520px !important; } .\32xl\:nfd-max-w-screen-2xl { max-width: 1536px !important; } .\32xl\:nfd-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .\32xl\:nfd-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)) !important; } .\32xl\:nfd-gap-12 { gap: 3rem !important; } } .\[\&\.active\]\:nfd-bg-\[\#E2E8F0\].active { --tw-bg-opacity: 1 !important; background-color: rgb(226 232 240 / var(--tw-bg-opacity)) !important; } .\[\&\.active\]\:nfd-text-title.active { --tw-text-opacity: 1 !important; color: rgb(31 32 68 / var(--tw-text-opacity)) !important; } .newfold-marketplace-isloading{overflow-x:hidden}.filterbar-skeleton{margin-bottom:1.8rem}.marketplace-item-skeleton{overflow:hidden}.marketplace-item-skeleton .marketplace-item-img-skeleton{aspect-ratio:16/9}.marketplace-item-skeleton .skeleton-item-body{margin:16px 10px}.marketplace-item-skeleton .marketplace-item-title-skeleton{margin-bottom:16px}.marketplace-item-skeleton .marketplace-item-desc-skeleton{margin-bottom:6px}.marketplace-item-skeleton .marketplace-item-button-skeleton{margin-top:20px} .newfold-marketplace-skeleton{position:relative;background-color:rgba(160,170,192,.35);overflow:hidden;border-radius:2px}.newfold-marketplace-skeleton::after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateX(-100%);background-image:linear-gradient(90deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.2) 20%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0));animation:marketplace-skeleton 3s infinite;content:""}@keyframes marketplace-skeleton{100%{transform:translateX(100%)}} .newfold-staging-page.is-loading{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.newfold-staging-page.is-loading::before{background:#000;border-radius:8px;content:"";cursor:progress;display:block;height:100%;opacity:.1;pointer-events:all;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}.newfold-staging-page.is-thinking{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.newfold-staging-page.is-thinking::before{background:#fff;border-radius:8px;content:"";cursor:progress;display:block;height:100%;opacity:.75;pointer-events:all;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:1}@keyframes peeking{0%{background-position:1rem 100vh}20%{background-position:1rem 25vh}60%{background-position:1rem 25vh}80%{background-position:1rem 100vh}100%{background-position:1rem 100vh}}.newfold-staging-page.is-thinking::after{animation-name:peeking;animation-delay:1s;animation-direction:alternate;animation-duration:5s;animation-fill-mode:both;animation-iteration-count:infinite;animation-timing-function:ease-in-out;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGFyaWEtbGFiZWw9Ikhvc3RHYXRvciBMb2dvIiB2aWV3Qm94PSIwIDAgMzkgMzkiPgogIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICA8cGF0aCBmaWxsPSIjMkU5M0VFIiBkPSJNMjEuMTUgMjguNDJjLTEuMDkgMS4wNi0yLjE3IDIuNTEtMy4yNyAzLjU2LjUyIDIuNzYtLjUgMy45Ny43MyA0Ljk2LjQ1LjM1IDMuMTMgMS4xMSA0LjY3LjIzLjAzLTEuNDMtLjc1LTEuODUtMS41OC0yLjM5LS44NC0xLjgtLjU0LTQuNTctLjU2LTYuMzYiLz4KICAgIDxwYXRoIGZpbGw9IiMyRTU3OEIiIGQ9Ik0yMS43OCAzNy41N2EyLjQ5IDIuNDkgMCAwIDAtMS41NC0xLjc5Yy42Mi4zOC45OSAxLjA3Ljk2IDEuOGguNThabTEuMy0uMjlhMi40NyAyLjQ3IDAgMCAwLTEuNTMtMS44Yy44LjYyIDEuMDUgMS4yOC45NCAyIC4yLS4wNS40LS4xMi41OS0uMloiLz4KICAgIDxwYXRoIGZpbGw9IiMyRTkzRUUiIGQ9Ik0xOS44OCAxNC4xNWMtLjU2LjgyLS44MSAyLjU0IDMuNjYgNS4wNiAwIDAtMS44OCAzLjI2LTIuNDcgMy44Ni0uNi42LS45NiAyLjE4LS4zOCAyLjk4LjMuNDIuNjUuOCAxLjAzIDEuMTUgMCAwIDEuNDkuMjggMi4xMi0uMDhhMi45IDIuOSAwIDAgMCAuNDUtMy4xOXMzLjc3LTMuOTYgMy41My01LjE1Yy0uMjQtMS4yLTYuMTYtNy4yMy03Ljk0LTQuNjNaIi8+CiAgICA8cGF0aCBmaWxsPSIjMkU1NzhCIiBkPSJNMjQuMjYgMjMuOTNzLTEuNTIgMS4yNy0xLjkgMS40OGMuMy0uMS42LS4yMi44OS0uMzggMCAwIC42Ny44My4xOCAxLjUzIDAgMCAuOS0uNTIuMy0xLjczLjItLjI2LjQtLjUzLjU2LS44MmwtLjAzLS4wOFoiLz4KICAgIDxwYXRoIGZpbGw9IiMyRTkzRUUiIGQ9Ik04LjUyIDIzLjJjMCAuMy0uMS41OC0uMjYuODItLjI2LjQxLS40LjM3LjI0LjcyLjQ4LjI0IDEgLjQgMS41My40Ny45LjE1LjcuMDUuMy0uOGE3LjI2IDcuMjYgMCAwIDAtLjYzLTEuMWMtLjktMS4yMy0xLjE0LTEuMTUtMS4xOC0uMTJtLTMuMjEtLjQyYy0uMzMuNjIuMTguNzIuODMuOTQuMjQuMDkuNS4xNC43NS4xNy43My4wOC41NC0uMDMuMjItLjYyLS4yLS4zNi0uNDEtLjcyLS42NS0xLjA2LTEuMjgtMS44NC0uNjctLjMyLTEuMTUuNTdtLTIuNzctLjI3di40MmMtLjA0LjUxLS4xLjQzLjUzLjQ4LjI4LjA0LjU2LjA0Ljg1IDAgLjgtLjEyLjUtLjQuMDgtLjg3LS4xNC0uMTYtLjMtLjMxLS40Ny0uNDUtMS41OS0xLjIzLTEtLjM2LS45Ny40Mk0xMy4yIDQuNDhzLTQuNTYgMi4zNi00LjUyIDMuMWMuMDQuNzYgMS4yOS42NSAxLjc5IDEuNjYgMCAwLTIuOCAxLjk0LTIuNjIgMi44Mi4xOC45IDEuOTguNTcgMi40MyAxLjI3IDAgMC0uNDUgMS43Ny0uMDQgMi40MS40LjY1LjM0LjEuOS45LjAzLjAyLS4yOS02LjU3IDIuMDYtMTIuMTZaIi8+CiAgICA8cGF0aCBmaWxsPSIjMkU5M0VFIiBkPSJNMTIuMjUgNi42M2MxLjYgMS41MyAzLjYzIDIuNSA1LjQ4IDMuNjhhMTIuMSAxMi4xIDAgMCAxIDMuMzIgMi45M2MxLjEgMS40OS40NCAzLjI0LjcyIDUuMDZhMjQuMjggMjQuMjggMCAwIDEgLjA1IDUuM2MtLjI4IDIuNzEtLjQyIDQuOTMtMi4zMyA2Ljk2LTIuMzkgMi41NS01LjAxIDMuMTQtOCAuOTNhMTQuNSAxNC41IDAgMCAxLTIuODQtMi40NWMtLjYxLS43Mi0xLjM3LTEuMTgtMi4wMy0xLjg0YTkuNTggOS41OCAwIDAgMC0yLjkzLTIuMTJjLTEuMTYtLjQ1LTEuOTUuMTYtMi41Mi40Mi0uMjkuMTMtLjcuNC0xLjAyLjEzYS4zNS4zNSAwIDAgMS0uMTEtLjQgMyAzIDAgMCAxIC43Ni0xLjA4YzEuNzUtMS42MSA0LjU5LTEuNjUgNi43LS41MS44LjQ1IDEuNjcuOTIgMi42Ljk3LjY1LjA4IDEuMy0uMSAxLjgyLS41Mi40LS4zNi42Ni0uODYuNzUtMS40LjE1LS43NC4xLTEuNTItLjE2LTIuMjQtLjM0LTEuMDQtLjk2LTEuOTgtMS4zNi0zLTEuMzQtMy41LTEuOC03LjQ4LjM5LTEwLjc0bC4zLS40NS40LjM3WiIvPgogICAgPHBhdGggZmlsbD0iI0ZGQ0YwMCIgZD0iTTQuMDYgMjUuMjNjMS41NC43NyAzLjE4IDIuNSA0Ljc0IDQuMzYgMi4wNiAyLjQ0IDcuMTYgNi4wNCAxMS40LjM4IDMuOTktNS4zMiAyLjEyLTEyLjc5IDEuODgtMTMuNjNsLS4wMi0uMWMtLjE0LS4xNi0zLjY5LTQuNzEtNi45NC01LjM3LS44Ny43NS0xLjA0IDIuMDguMTIgNC4zOCAxLjk0IDMuODYgMy41IDkuNDguMDQgMTIuOTRhNC43IDQuNyAwIDAgMS0xLjg0IDEuMTZjLTIuNDUuODEtMy43NS0uNjgtNS4zLTIuMTJhNy40IDcuNCAwIDAgMC00LjA4LTJaIi8+CiAgICA8cGF0aCBmaWxsPSIjRUNBOTNGIiBkPSJNMjAuNjggMjkuMjlhOC4xNSA4LjE1IDAgMCAxLTQuMS0xLjY4IDUuNjcgNS42NyAwIDAgMCAzLjYzIDIuMzdjLjE3LS4yMi4zNS0uNDYuNDctLjY5Wm0tNi45MS4zNWE5LjUgOS41IDAgMCAwIDIuNDggMy4yMmMuMzQtLjA4LjY2LS4yLjk4LS4zM2E3LjkgNy45IDAgMCAxLTMuNDYtMi45Wm0tNS4yMi0uMzQuMjUuMy4xMi4xM2MtLjA4LS4zNi0uMDQtLjc0LjExLTEuMDgtLjE3LjItLjMzLjQyLS40OC42NVptMS43MyAxLjczLjU1LjQ0Yy0uMTMtLjYyLS4xOC0xLjI2LjAzLTEuNjItLjI0LjM3LS40My43Ni0uNTggMS4xOFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRjkxNDQiIGQ9Im02LjkxIDI3LjUxLjQuNGMwLS4yOC4wMi0uNTcuMDktLjg1LS4xOC4xNC0uMzQuMjktLjQ5LjQ1WiIvPgogICAgPHBhdGggZmlsbD0iI0VDQTkzRiIgZD0iTTE3LjY4IDI0LjY2YTguMjMgOC4yMyAwIDAgMSA0Ljc3IDBjLjA0LS4yMy4wOC0uNDUuMS0uNjctMy4xMi0uNzQtNC44Ny42Ny00Ljg3LjY3Wm00Ljk3LTQuOTFhMzAuMSAzMC4xIDAgMCAwLS4wOC0uNzdjLTMuMy0uMDgtNS4wMSAxLjUzLTUuMDEgMS41M2E4LjA4IDguMDggMCAwIDEgNS4xLS43NlptLTEuMy00LjM1YTguMiA4LjIgMCAwIDAtLjQ1LS40OGMtMy41MiAwLTQuNDcgMS42NC00LjQ3IDEuNjRhNy43NiA3Ljc2IDAgMCAxIDQuOTItMS4xNloiLz4KICAgIDxwYXRoIGZpbGw9IiNFQ0E5M0YiIGQ9Ik0yMi42IDE5LjI0Yy0uMDgtLjgtLjIxLTEuNTgtLjM4LTIuMzdsLS4yNi0uMTVjLTEuMTItLjc0LTYuMDYtMy43Mi03LjUxLTQuNjJhMi41IDIuNSAwIDAgMCAwIC42N2MxLjUyIDIuMTMgNC45MyA1Ljc0IDguMTYgNi40N1oiLz4KICAgIDxwYXRoIGZpbGw9IiMyRTkzRUUiIGQ9Ik0xMS40IDI3Ljg3YTIuMjMgMi4yMyAwIDAgMSAyLjAzLS45N2MyLjI3LjMgMS41NSAyLjk4IDEuMDEgNC41Ni0uMzggMS4xMy0uNiAyLjMxLS42NCAzLjUgMCAxLjU3LjYgMi4wNC0uMTMgMi42NWE2LjE0IDYuMTQgMCAwIDEtMy45NSAxLjFjLTEuMjYtLjI5LTEuMy0yLjg4LjcxLTMuNTQuNTYtMS4yLjUzLTIuNDUuNDktMy43NC0uMDMtLjktLjEtMi42OS40OC0zLjU4Ii8+CiAgICA8cGF0aCBmaWxsPSIjMkU1NzhCIiBkPSJtMTAuOTEgMzguNy41My0uMWMtLjE2LS43Ny4wOC0xLjU2LjYzLTIuMS0uODMuNDYtMS4xIDEuMjctMS4xNiAyLjJabS0xLjIxLjAxYy0uMTktLjgzLjA0LTEuNy42LTIuMzRhMi40IDIuNCAwIDAgMC0xLjEzIDIuMDEgMSAxIDAgMCAwIC41My4zM1ptMS4xNi0xNC4xMnMtLjI2IDEuNS43NiAyYy44Ni40NSAxLjkxLjQ1IDIuNDQtLjIuNzMtLjg5IDEuNzktMi42OC0xLjExLTQuNDQtMS43OS0xLjEtMS45IDIuNi0xLjkgMi42bC0uMTkuMDRabS4yNS03LjJjLjM4LjgzLjcyIDEuNDcuNzQgMS41My4wMi4wNiAyLjM2LTIuOTQgMS45Mi0zLjQyLS40My0uNDktMi4yOSAxLjI0LTIuNjYgMS44OVoiLz4KICAgIDxwYXRoIGZpbGw9IiMyRTkzRUUiIGQ9Ik0xMy40IDEzLjFjMi41NCAyLjQ1LTIuNzIgNS43LTIuNzIgNS43LjU3LjM1IDEuMyAxLjYgMS44NCAyLjUuNTQuOS43NS43NiAxLjQyIDEuNTEuNjYuNzYtMS4yMyAxLjg4LTEuMjMgMS44OHMtNi4zMy0zLjQzLTYuMzEtNS42MmMwLS4yOCAxLjQ3LTIuNzIgMi45NS00LjI0Ljc1LS43NiAyLjg1LTIuOSA0LjA2LTEuNzRaIi8+CiAgICA8cGF0aCBmaWxsPSIjMkU5M0VFIiBkPSJNMTAuOTUgMjMuNDdzLS40NSAyLjM0LjkyIDMuMDJjMCAwIDEuMTMuMDcgMS43LS4zNCAwIDAgMS40My0yLjIuMzctMy4zNC0xLjA3LTEuMTQtMi45OS42Ni0yLjk5LjY2WiIvPgogICAgPHBhdGggZmlsbD0iIzJFNTc4QiIgZD0iTTEwLjkyIDIzLjY0czEuODMuOTggMi4xNSAxLjA3Yy0uMzIuMDQtLjY0IDAtLjk0LS4xNCAwIDAtLjQ0LjkuMDggMS40NSAwIDAtLjg0LS4xNS0uNTQtMS41NWwtLjc2LS44LjAxLS4wM1oiLz4KICAgIDxwYXRoIGZpbGw9IiMyRTkzRUUiIGQ9Ik0xMi41NiA1LjkyUzEzLjUyLjMgMTUuODQuMmMxLjU0LS4wNyAyLjMxIDEuODkgMi4zMSAxLjg5Ljk0IDAgMS44Ni4yOCAyLjY1Ljc5IDAgMCAuNDQtLjc4IDEuMTUtLjUzczEuNTIgMS44OSAxLjIzIDQuNTdjLjcuMSAxLjMyLjUzIDEuNjcgMS4xNS0uMTguMjctLjQ3LjQ2LS44LjUxLS40OC4wNC0yLjU2LS43Mi0zLjEyLS4yMmExLjggMS44IDAgMCAwLS43NSAxLjhzLTIuMy0uMjQtMy4zMy0xLjU1Yy0xLjAyLTEuMzItMS45LTMuODYtNC4yOS0yLjY5WiIvPgogICAgPHBhdGggZmlsbD0iI0YxRjFGMiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNMjAuNDkgNi4zM3MuNTctMS45IDEuNjctMi40MmMuMDQuOTEuMTQgMS44My4zIDIuNzMtLjY1LS4xNC0xLjMxLS4yNS0xLjk3LS4zMVpNMTUuNSAyLjQ1czEuNDMuNjkgMi4zOCAzLjYzYTIwLjE3IDIwLjE3IDAgMCAwLTMuMjEtLjI4IDcuOCA3LjggMCAwIDAgLjg0LTMuMzVaIi8+CiAgICA8cGF0aCBmaWxsPSIjMkU1NzhCIiBkPSJNMTYuMDkgMy43NmMuMzQgMCAuNjMuMzkuNjMuODdzLS4yOS44Ni0uNjMuODYtLjYzLS4zOS0uNjMtLjg2YzAtLjQ4LjI4LS44Ny42My0uODdtNS4yOSAyLjNjLjI3IDAgLjUtLjMuNS0uNjYgMC0uMzYtLjIzLS42NS0uNS0uNjVsLS4xNS4wM2MtLjE1LjE4LS4yNi4zOC0uMzQuNnYuMDRjMCAuMzQuMjIuNjQuNS42NFoiLz4KICAgIDxwYXRoIGZpbGw9IiNGRjkxNDQiIGQ9Ik0xNS42NCA3LjMycy0xLjctMS4zNC0yLjU2LS4zOGMtMS4wMyAxLjE2IDAgMi45NSAwIDIuOTVzLjEzLS43Ny41MS0xLjAyYzAgMCAuMTUgMi40MyA0LjEgNS4xNCAzLjk2IDIuNyA1LjY4IDIuNDEgNi41NCAyLjE4Ljg2LS4yMyAxLjc0LS44NSAxLjQtMS41NC0uMzItLjctMi41NS0yLjU4LTIuNTUtMi41OHMtLjg1LjEtMi41Ny0uNWMtMS43Mi0uNjEtNC4wMi0xLjgtNS41LTMuODYuMjEtLjEyLjQzLS4yNS42My0uMzkiLz4KICAgIDxwYXRoIGZpbGw9IiNGRjZCMTciIGQ9Ik0xNC42NSAxMC40OWMyLjIxLS41MyA0LjU0LjEgNi4yIDEuNjdsLS40Ni0uMjRzMi4wMy0uMSAyLjMxLjE4YTQuODMgNC44MyAwIDAgMSAyLjEgMy41OWMuMDYuNy0xLjU4IDEuMDktNS4yMy0uNzQtMi4yNy0xLjE0LTQuOTItNC40Ni00LjkyLTQuNDZaIi8+CiAgICA8cGF0aCBmaWxsPSIjRkY5MTQ0IiBkPSJtMTkuMSAxMC45NS4wOC4wNS0uMDktLjA1WiIvPgogICAgPHBhdGggZmlsbD0iI0VCRUVGMiIgZD0iTTIyLjkxIDEyLjA1cy0uNSAyLjAzLTEuMjUgMS44Yy0uMjYtLjA4LS4xNS0uNjUtLjI2LTEuMDUtLjEtLjQtLjQtMS4xNC0uNC0xLjE0bDEuOTEuNFptMy43Ni0uNzZzLS4xNiAyLjA3LS45NCAxLjk3Yy0uMjctLjAzLS4yNi0uNjEtLjQyLS45OC0uMTctLjM3LS41OC0xLjA3LS41OC0xLjA3bDEuOTQuMDhaIi8+CiAgICA8cGF0aCBmaWxsPSIjRkZDRjAwIiBkPSJNMjcuNSA5LjQ3Yy0uMS0xLjQ2LTIuMDItMi4xLTMuNDMtMS4wOC0xLjE1LS4yNS0yLjQzLTEuMDItMy41Ny4xMy0uNDcuNC0uNjIgMS4wNS0uMzYgMS42IDAgMC0yLjQtLjM4LTMuMjItMS42LS44My0xLjIzLTEuOS0yLjg3LTMuMDYtMi45OC0uNjItLjA2LTEuNjYtLjE1LTIuMjcgMS4wMy0uNiAxLjE4LS44OSAzLjMgMy41OCA2LjY4IDQuNDcgMy4zNyA2LjQzIDQuMjggNy40IDQuMjcgMS4yNCAwIDEuMzEtLjQ1IDIuNzQtLjY2LjczLS4xIDEuMjgtMS4zNS40OC0yLjQyYTkuMTkgOS4xOSAwIDAgMC0yLjQtMi4xM2MtLjA0LjA1IDEuNzQgMS40OCAyLjA3IDIuMTcuMzMuNy0uNjUgMS4xNC0xLjUgMS4zNS0uODYuMi0xLjk3LjQ1LTUuOTEtMi4yNC0zLjk1LTIuNy00LjM3LTUuNDEtNC4zNy01LjQxLS41LS4wOC0uNTYgMS4wMS0uNTYgMS4wMXMtLjU4LTEuMjYuMi0yLjAxYy45My0uOSAxLjkuMiAxLjkuMmgtLjA2Yy0uNTktLjI3LS42Ny4yMy0uNjcuMjNhMTQuNDYgMTQuNDYgMCAwIDAgNS45NiA0LjUzYzEuNzIuNiAyLjYzLS4wNyAyLjYzLS4wNy44MSAwIDEuNjMtLjA3IDIuNDQtLjIuNjEtLjE3IDIuMTItLjQzIDEuOTgtMi40WiIvPgogICAgPHBhdGggZmlsbD0iI0VDQTkzRiIgZD0iTTIxLjc4IDkuMzFjLjQtLjEyLjcxLjQyLjE4LjY1LS4wNy4yLjA1LjQyLjM3LjVhLjY0LjY0IDAgMCAxLS41NS0xLjE1bTQuNTMtLjE3Yy0uMzMtLjEtLjU4LjM1LS4xNS41NC4wNi4xNy0uMDQuMzUtLjMuNDEuODQuMTguODktLjc5LjQ0LS45NSIvPgogIDwvZz4KPC9zdmc+);background-position:1rem 100vh;background-size:auto 100%;background-repeat:no-repeat;content:"";cursor:progress;display:block;height:100%;opacity:.75;pointer-events:all;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;z-index:2} :root { --nfd-ecommerce-text-info: #495C77; --nfd-ecommerce-text-secondary: #5B5B5B; --nfd-ecommerce-text-light: #AAAFB8; --nfd-ecomemerce-text-success: #17B212; --nfd-ecommerce-text-dark-success: #048200; --nfd-ecommerce-text-danger: #F72F26; --nfd-ecommerce-text-dark: #404040; --nfd-ecommerce-bg-light: #F8FAFC; --nfd-ecomemerce-bg-success: #178113; --nfd-ecommerce-bg-secondary: #eff6fc; --nfd-ecommerce-bg-danger: #E01C1C; } .hgwpp .error-card{background-color:var(--color-error-contrast);border:1px solid var(--color-error)} .hgwpp .accordion{border:1px solid var(--color-primary-light);margin-bottom:.6em;margin-top:.6em;opacity:.8;padding:1px;transition:opacity .2s ease}.hgwpp .accordion:hover,.hgwpp .accordion[open]{opacity:1}.hgwpp .accordion .accordion-summary{background:var(--color-off-white);cursor:pointer;font-weight:700;padding:10px 15px}.hgwpp .accordion .accordion-summary p{display:inline}.hgwpp .accordion .accordion-content{padding:0 15px;margin:10px 0}.hgwpp .accordion+.accordion{margin-top:-0.6em}
Save Changes
Rename File
Rename