@payloadcms/ui 4.0.0-internal.011fd46 → 4.0.0-internal.17c13d2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/dist/elements/BulkUpload/FormsManager/index.d.ts.map +1 -1
  2. package/dist/elements/BulkUpload/FormsManager/index.js +13 -0
  3. package/dist/elements/BulkUpload/FormsManager/index.js.map +1 -1
  4. package/dist/elements/Card/index.css +1 -1
  5. package/dist/elements/ColumnSelection/Popup.d.ts.map +1 -1
  6. package/dist/elements/ColumnSelection/Popup.js +5 -1
  7. package/dist/elements/ColumnSelection/Popup.js.map +1 -1
  8. package/dist/elements/RenderServerComponent/clientOnly.d.ts +8 -0
  9. package/dist/elements/RenderServerComponent/clientOnly.d.ts.map +1 -0
  10. package/dist/elements/RenderServerComponent/clientOnly.js +56 -0
  11. package/dist/elements/RenderServerComponent/clientOnly.js.map +1 -0
  12. package/dist/exports/client/index.js +2 -86
  13. package/dist/exports/client/index.js.map +4 -4
  14. package/dist/exports/server.d.ts +3 -0
  15. package/dist/exports/server.d.ts.map +1 -0
  16. package/dist/exports/server.js +2 -0
  17. package/dist/exports/server.js.map +1 -0
  18. package/dist/providers/Auth/index.d.ts +3 -1
  19. package/dist/providers/Auth/index.d.ts.map +1 -1
  20. package/dist/providers/Auth/index.js +8 -3
  21. package/dist/providers/Auth/index.js.map +1 -1
  22. package/dist/styles.css +1361 -1
  23. package/dist/utilities/getVersions.d.ts.map +1 -1
  24. package/dist/utilities/getVersions.js +5 -2
  25. package/dist/utilities/getVersions.js.map +1 -1
  26. package/dist/utilities/handleLivePreview.d.ts.map +1 -1
  27. package/dist/utilities/serverFunctionRegistry.d.ts +13 -0
  28. package/dist/utilities/serverFunctionRegistry.d.ts.map +1 -0
  29. package/dist/utilities/serverFunctionRegistry.js +25 -0
  30. package/dist/utilities/serverFunctionRegistry.js.map +1 -0
  31. package/dist/views/List/index.d.ts.map +1 -1
  32. package/dist/views/List/index.js +7 -1
  33. package/dist/views/List/index.js.map +1 -1
  34. package/dist/views/Logout/LogoutClient.d.ts +14 -0
  35. package/dist/views/Logout/LogoutClient.d.ts.map +1 -1
  36. package/dist/views/Logout/LogoutClient.js +38 -32
  37. package/dist/views/Logout/LogoutClient.js.map +1 -1
  38. package/dist/views/Logout/index.d.ts.map +1 -1
  39. package/dist/views/Logout/index.js +7 -2
  40. package/dist/views/Logout/index.js.map +1 -1
  41. package/dist/widgets/CollectionCards/getCollectionCardsData.d.ts +20 -0
  42. package/dist/widgets/CollectionCards/getCollectionCardsData.d.ts.map +1 -0
  43. package/dist/widgets/CollectionCards/getCollectionCardsData.js +29 -0
  44. package/dist/widgets/CollectionCards/getCollectionCardsData.js.map +1 -0
  45. package/dist/widgets/CollectionCards/index.client.d.ts +5 -0
  46. package/dist/widgets/CollectionCards/index.client.d.ts.map +1 -0
  47. package/dist/widgets/CollectionCards/index.client.js +139 -0
  48. package/dist/widgets/CollectionCards/index.client.js.map +1 -0
  49. package/package.json +561 -7
  50. package/dist/exports/client/CodeEditor-T3624SG3.js +0 -14
  51. package/dist/exports/client/CodeEditor-T3624SG3.js.map +0 -7
  52. package/dist/exports/client/DatePicker-6KF52Z3G.js +0 -14
  53. package/dist/exports/client/DatePicker-6KF52Z3G.js.map +0 -7
  54. package/dist/exports/client/chunk-5LKBKI4T.js +0 -14
  55. package/dist/exports/client/chunk-5LKBKI4T.js.map +0 -7
  56. package/dist/exports/client/chunk-7T64ULOM.js +0 -29
  57. package/dist/exports/client/chunk-7T64ULOM.js.map +0 -7
  58. package/dist/exports/client/chunk-DMFYTMX6.js +0 -27
  59. package/dist/exports/client/chunk-DMFYTMX6.js.map +0 -7
package/dist/styles.css CHANGED
@@ -1 +1,1361 @@
1
- @layer payload-default;@layer payload-default{.banner{display:flex;align-items:center;gap:var(--spacer-1);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-letter-spacing);border-radius:var(--radius-medium);padding:var(--spacer-2);color:var(--color-text);background:var(--color-bg-secondary)}.banner--has-action{cursor:pointer;text-decoration:none;&:hover{background:var(--color-bg-hover)}&:active{background:var(--color-bg-pressed)}}.banner__icon{display:flex;flex-shrink:0}.banner--type-danger{background:var(--color-bg-danger-tertiary);&.banner--has-action:hover{background:var(--color-bg-danger-tertiary-hover)}&.banner--has-action:active{background:var(--color-bg-danger-tertiary-pressed)}}.banner--type-brand{background:var(--color-bg-brand-tertiary);&.banner--has-action:hover{background:var(--color-bg-brand-tertiary-hover)}}.banner--type-success{background:var(--color-bg-success-tertiary);&.banner--has-action:hover{background:var(--color-bg-success-tertiary-hover)}}.banner--type-warning{background:var(--color-bg-warning-tertiary);&.banner--has-action:hover{background:var(--color-bg-warning-tertiary-hover)}}}@layer payload-default{.icon--chevron{.fill{fill:currentColor}}}@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default{.icon--spinner{color:var(--color-icon-secondary);animation:spinner-spin .6s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}}@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default{.popup-button-list{display:flex;flex-direction:column;padding:0 var(--spacer-2);text-align:left}[dir=rtl] .popup-button-list__text-align--left{text-align:right}.popup-button-list__text-align--left{text-align:left}.popup-button-list__text-align--center{text-align:center}[dir=rtl] .popup-button-list__text-align--right{text-align:left}.popup-button-list__text-align--right{text-align:right}.popup-button-list__button{cursor:pointer;text-align:inherit;text-decoration:none;white-space:nowrap;border-radius:var(--popup-item-radius);display:flex;align-items:stretch;flex:1;color:var(--popup-item-color, var(--color-text));font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing)}.popup-button-list__label{display:flex;align-items:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);letter-spacing:var(--text-body-medium-letter-spacing);line-height:var(--text-body-medium-line-height);padding:var(--spacer-1) var(--spacer-2) var(--spacer-1) var(--spacer-1)}.popup-button-list__button:focus-visible{outline:var(--accessibility-outline);outline-offset:-1px;border-radius:var(--popup-item-radius)}.popup-button-list__button:hover{outline:none;background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.popup-button-list__disabled{cursor:not-allowed;color:var(--color-text-disabled)}.popup-button-list__disabled:hover,.popup-button-list__disabled:focus-visible,.popup-button-list__disabled:focus-within{background-color:transparent;color:var(--color-text-disabled)}.popup-button-list__button--selected{background-color:var(--popup-item-bg-selected, var(--color-bg-selected));color:var(--popup-item-color-selected, var(--popup-item-color, var(--color-text)))}.popup-button-list__button--selected:hover{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.popup-button-list__icon{display:none;flex-shrink:0}.popup-button-list__submenu-icon{flex-shrink:0}.popup-button-list--with-icons .popup-button-list__button--selected{background-color:transparent;color:var(--popup-item-color, var(--color-text))}.popup-button-list--with-icons .popup-button-list__button--selected:hover{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.popup-button-list--with-icons .popup-button-list__button{padding-right:var(--spacer-2)}.popup-button-list--with-icons .popup-button-list__icon{display:flex;align-items:center;justify-content:center;width:calc(var(--spacer-3) + var(--spacer-1));padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--with-icons .popup-button-list__label{padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--with-actions .popup-button-list__button{padding-right:var(--spacer-2);align-items:center}.popup-button-list--with-actions .popup-button-list__icon{display:flex;align-items:center;justify-content:center;width:calc(var(--spacer-3) + var(--spacer-1));padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--with-actions .popup-button-list__label{padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--large .popup-button-list__icon{width:auto;padding:0 0 0 var(--spacer-1)}.popup-button-list__button--submenu-trigger{align-items:center}.popup-button-list__submenu-icon{display:flex;align-items:center;justify-content:center;padding-inline-start:var(--spacer-1)}.popup-button-list__chevron{display:flex;align-items:center;margin-left:auto;opacity:.5}.popup-button-list__button--submenu-trigger:hover .popup-button-list__chevron,.popup-button-list__button--selected .popup-button-list__chevron{opacity:1}}@layer payload-default{.popup-divider{height:var(--stroke-width-small);background-color:var(--color-border);border:none;margin-block:var(--spacer-2)}}@layer payload-default{.popup-list-group-label{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);letter-spacing:var(--text-body-medium-letter-spacing);line-height:var(--text-body-medium-line-height);padding-block:var(--spacer-1);padding-inline:var(--spacer-3)}.popup-button-list .popup-list-group-label{padding-inline-start:var(--spacer-1)}.popup-button-list--with-actions .popup-list-group-label,.popup-button-list--with-icons .popup-list-group-label{padding-inline-start:var(--spacer-2)}}@layer payload-default{.popup{position:relative}.popup__trigger-wrap{display:flex;align-items:stretch;height:100%;cursor:pointer}.popup__on-hover-watch{display:contents}.popup__hidden-content{position:absolute;top:-9999px;left:-9999px;visibility:hidden;pointer-events:none}.popup__content{--popup-caret-size: 8px;position:absolute;top:-9999px;left:-9999px;z-index:var(--z-popup);background:var(--popup-bg, var(--color-bg-elevated));color:var(--popup-text, var(--color-text));border-radius:var(--popup-radius);min-width:80px;max-width:400px;box-shadow:var(--elevation-400-menu-panel)}.popup__content[data-theme=dark]{background:var(--popup-bg, var(--color-bg-menu));color:var(--popup-text, var(--color-text-ontooltip))}.popup__content.popup--size-small{min-width:80px}.popup__content.popup--size-large{min-width:200px}.popup__content.popup--size-fit-content{min-width:fit-content}.popup__scroll-container{overflow-x:hidden;overflow-y:auto;max-height:calc(var(--spacer-5) * 10);padding:var(--spacer-2) 0}.popup__scroll-container:not(.popup__scroll-container--show-scrollbar){scrollbar-width:none;-ms-overflow-style:none}.popup__scroll-container:not(.popup__scroll-container--show-scrollbar)::-webkit-scrollbar{display:none}}@layer payload-default{.popup-button{height:100%;color:currentColor;padding:0;font-size:inherit;line-height:inherit;font-family:inherit;cursor:pointer;display:inline-flex;border-radius:var(--button-radius, .3125rem)}.popup-button--background{background:transparent}.popup-button:hover:not(.popup-button--disabled){background:var(--color-bg-transparent-hover)}.popup-button:active:not(.popup-button--disabled),.popup-button--active:not(.popup-button--disabled){background:var(--color-bg-transparent-pressed)}.popup-button--disabled{cursor:not-allowed}}@layer payload-default{.btn{display:flex;align-items:center;*{pointer-events:none}border-radius:var(--button-radius);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);border:var(--stroke-width-small) solid transparent;cursor:pointer;text-decoration:none;color:inherit;background-color:transparent;&.btn--disabled{cursor:not-allowed}}.btn--disabled,.btn--disabled .btn{cursor:not-allowed}.btn--style-primary{color:var(--color-text-onbrand);background-color:var(--color-bg-brand);&:hover:not(.btn--disabled){background-color:var(--color-bg-brand-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-brand-pressed)}&.btn--disabled:not(.btn--loading){color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled)}}.btn.btn--style-secondary{color:var(--color-text);background-color:var(--color-bg);border:var(--stroke-width-small) solid var(--special-border-translucent);&:hover:not(.btn--disabled){background-color:var(--color-bg-transparent-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{color:var(--color-text-disabled)}}.btn--style-dashed{color:var(--color-text);background-color:transparent;border:var(--stroke-width-small) dashed var(--special-border-translucent);&:hover:not(.btn--disabled){background-color:var(--color-bg-transparent-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{color:var(--color-text-disabled);border-color:var(--color-border-disabled)}}.btn--style-pill{color:var(--color-text);background-color:var(--color-bg-secondary);&:hover:not(.btn--disabled){background-color:var(--color-bg-secondary-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-secondary-pressed)}&.btn--disabled{color:var(--color-text-disabled)}}.btn--style-destructive{color:var(--color-text-ondanger);background-color:var(--color-bg-danger);&:hover:not(.btn--disabled){background-color:var(--color-bg-danger-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-danger-pressed)}&.btn--disabled:not(.btn--loading){color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled)}}.btn--style-ghost{color:var(--color-text);background-color:transparent;&:hover:not(.btn--disabled){background-color:var(--color-bg-transparent-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{color:var(--color-text-disabled)}}.btn.btn--style-ghost.btn--selected,.btn.btn--style-ghost.btn--selected:hover,.btn.btn--style-ghost.btn--selected:active{background-color:var(--color-bg-selected);color:var(--color-text-selected)}.btn.btn--style-secondary.btn--selected,.btn.btn--style-secondary.btn--selected:hover,.btn.btn--style-secondary.btn--selected:active{background-color:var(--color-bg-selected);color:var(--color-text-selected);border-color:var(--color-border-selected-strong)}.btn.btn--style-pill.btn--selected,.btn.btn--style-pill.btn--selected:hover,.btn.btn--style-pill.btn--selected:active{background-color:var(--color-bg-selected);color:var(--color-text-selected)}.btn__icon{display:flex;align-items:center;justify-content:center;border-radius:100%;color:inherit;.stroke{stroke:currentColor;fill:none}.fill{fill:currentColor}}.btn__content{display:flex;align-items:center;justify-content:center}.btn--has-tooltip{position:relative}.btn--icon{.btn__content{gap:var(--stroke-width-medium)}}.btn--icon-position-left{.btn__content{flex-direction:row-reverse}}.btn__label{white-space:nowrap}.btn--size-medium{height:var(--button-height);padding:0 var(--spacer-2);&:not(.btn--icon-only).btn--icon-position-left{padding-inline-start:var(--spacer-1)}&:not(.btn--icon-only).btn--icon-position-right{padding-inline-end:var(--spacer-1)}}.btn--size-large{height:var(--spacer-5, 2rem);padding:0 var(--spacer-3);&:not(.btn--icon-only).btn--icon-position-left{padding-inline-start:var(--spacer-2)}&:not(.btn--icon-only).btn--icon-position-right{padding-inline-end:var(--spacer-2)}}.btn--icon-only{aspect-ratio:1;padding:0;border-width:0;justify-content:center}.btn--round{aspect-ratio:1;padding:0;border-radius:var(--button-radius);justify-content:center;&.btn--size-medium{width:var(--spacer-4)}&.btn--size-large{width:var(--spacer-5)}}.btn--loading{position:relative;cursor:wait;.btn__content{opacity:0}}.btn__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.btn--withPopup{--separator-color: var(--color-border);display:flex;&:has(.btn--size-medium){border-radius:var(--button-radius);.popup-button{height:var(--spacer-4, 1.5rem)}}&:has(.btn--size-large){border-radius:var(--button-radius);.popup-button{height:var(--spacer-5, 2rem)}}.btn{margin:0;border-radius:inherit;border-radius:var(--button-radius) 0 0 var(--button-radius);html:not([dir=RTL]) &{border-top-right-radius:0;border-bottom-right-radius:0}html[dir=RTL] &{border-top-left-radius:0;border-bottom-left-radius:0}}.popup-button{border-radius:var(--button-radius);align-items:center;justify-content:center;html:not([dir=RTL]) &{border-left:var(--stroke-width-small) solid var(--separator-color);border-top-left-radius:0;border-bottom-left-radius:0}html[dir=RTL] &{border-right:var(--stroke-width-small) solid var(--separator-color);border-top-right-radius:0;border-bottom-right-radius:0}}}.btn--withPopup.btn--style-primary{--separator-color: var(--color-bg);.btn,.popup-button{color:var(--color-text-onbrand);background-color:var(--color-bg-brand);&:hover,&:active{background-color:var(--color-bg-brand-hover)}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled);&:hover,&:active{background-color:var(--color-bg-disabled)}}}.btn--withPopup.btn--style-secondary{--separator-color: var(--special-border-translucent);.btn,.popup-button{color:var(--color-text);background-color:var(--color-bg);border:var(--stroke-width-small) solid var(--special-border-translucent);&:hover,&:active{background-color:var(--color-bg-transparent-hover)}}.btn{html:not([dir=RTL]) &{border-right:none}html[dir=RTL] &{border-left:none}}.popup-button{html:not([dir=RTL]) &{border-top-left-radius:0;border-bottom-left-radius:0}html[dir=RTL] &{border-top-right-radius:0;border-bottom-right-radius:0}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-disabled);&:hover,&:active{background-color:var(--color-bg)}}}.btn--withPopup.btn--style-destructive{--separator-color: var(--color-border-danger-strong);.btn,.popup-button{color:var(--color-text-ondanger);background-color:var(--color-bg-danger);&:hover,&:active{background-color:var(--color-bg-danger-hover)}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled);&:hover,&:active{background-color:var(--color-bg-disabled)}}}.btn--withPopup.btn--style-ghost{--separator-color: transparent;border-radius:var(--radius-medium);padding-left:var(--spacer-2);padding-right:var(--spacer-1);.btn,.popup-button{color:var(--color-text);background-color:transparent}.btn{padding:0;&:hover,&:active{background-color:transparent}}.popup-button{align-self:center;border-radius:var(--radius-medium);border:none;height:auto;margin-left:var(--spacer-1);html:not([dir=RTL]) &{border-top-left-radius:var(--radius-medium);border-bottom-left-radius:var(--radius-medium)}html[dir=RTL] &{border-top-right-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium)}}&:hover,&:active{background-color:var(--color-bg-transparent-hover)}.popup-button:hover{background-color:var(--color-bg-transparent-hover)}.popup-button:active{background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{&:hover,&:active{background-color:transparent}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-disabled);&:hover,&:active{background-color:transparent}}}}@layer payload-default{.tooltip{--caret-width: 15px;--caret-height: 7px;--caret-offset: 4px;--caret-border-color: var(--color-border);--tooltip-x: -50%;--tooltip-caret-x: 0px;--tooltip-max-width: none;opacity:0;background-color:var(--color-bg-tooltip);position:absolute;z-index:3;left:50%;max-width:var(--tooltip-max-width);padding:var(--spacer-1);color:var(--color-text-ontooltip);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);white-space:nowrap;border-radius:var(--radius-medium);box-shadow:var(--elevation-300-tooltip);visibility:hidden;&.field-error{background-color:var(--color-bg-danger);color:var(--color-text-ondanger);.tooltip__caret-fill{fill:var(--color-bg-danger);stroke:var(--color-bg-danger)}.tooltip__caret-stroke{stroke:var(--color-bg-danger)}}.tooltip-content{overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:768px){display:none}}.tooltip--wrap{white-space:normal;overflow-wrap:break-word}.tooltip__caret{position:absolute;pointer-events:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.15))}.tooltip__caret-fill{fill:var(--color-bg-tooltip);stroke:var(--color-bg-tooltip)}.tooltip__caret-stroke{fill:none;stroke:var(--color-border);stroke-width:1.5px}.tooltip--show{visibility:visible;opacity:1;transition:opacity .2s ease-in-out;cursor:default}.tooltip--caret-center .tooltip__caret{left:50%;transform:translate(-50%)}.tooltip--caret-left .tooltip__caret{left:var(--spacer-2)}.tooltip--caret-right .tooltip__caret{right:var(--spacer-2)}.tooltip--position-top{top:0;transform:translate3d(var(--tooltip-x),calc(-100% - var(--caret-height) - var(--caret-offset) + 1px),0);.tooltip__caret{--color-border: var(--ramp-grey-700);top:calc(100% - .5px)}&.tooltip--caret-center .tooltip__caret{transform:translate(calc(-50% + var(--tooltip-caret-x)))}}.tooltip--position-bottom{top:100%;transform:translate3d(var(--tooltip-x),calc(var(--caret-height) + var(--caret-offset) - 1px),0);.tooltip__caret{bottom:calc(100% - .5px);transform:rotate(180deg)}&.tooltip--caret-center .tooltip__caret{transform:translate(calc(-50% + var(--tooltip-caret-x))) rotate(180deg)}&.tooltip--caret-right .tooltip__caret{transform:rotate(180deg)}}.tooltip--position-left{top:50%;left:0;transform:translate3d(calc(-100% - var(--caret-height) - var(--caret-offset)),-50%,0);.tooltip__caret{top:calc(50% + .5px);left:calc(100% - .5px);transform:translateY(calc(1 * var(--caret-width) / 2)) rotate(-90deg);transform-origin:top left}}.tooltip--position-right{top:50%;left:100%;transform:translate3d(calc(var(--caret-height) + var(--caret-offset)),-50%,0);.tooltip__caret{top:calc(50% + .5px);left:unset;right:calc(100% - .5px);transform:translateY(calc(1 * var(--caret-width) / 2)) rotate(90deg);transform-origin:top right}}}@layer payload-default{.icon--clipboard{flex-shrink:0}}@layer payload-default;@layer payload-default;@layer payload-default{.clipboard-action__button.popup-button--active,.clipboard-action__button.popup-button--active:hover,.clipboard-action__button.popup-button--active:active{background:var(--color-bg-selected);color:var(--color-icon-selected)}}@layer payload-default;@layer payload-default{.collapsible{position:relative;border-radius:var(--button-radius);background:var(--color-bg)}.collapsible__toggle-wrap{width:100%;position:relative;padding:0 var(--spacer-1) 0 var(--spacer-2);display:flex;align-items:center;background:var(--color-bg-secondary);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--button-radius);height:var(--spacer-5);z-index:2;cursor:pointer;&:not(.toggle-disabled):hover:not(:has(.section-title__input:hover,.section-title__input:focus)){background:var(--color-bg-secondary-hover)}&.toggle-disabled{cursor:default}&:has(.collapsible__drag){padding-inline-start:var(--spacer-2)}}.collapsible__drag{display:flex;width:var(--spacer-3);height:var(--spacer-3);align-items:center;justify-content:center;position:relative;cursor:grab;touch-action:none;border-radius:var(--button-radius, .3125rem);&:active{cursor:grabbing}.icon{width:var(--spacer-3);height:var(--spacer-3);.fill{fill:var(--color-icon-tertiary)}}}.collapsible__toggle{position:absolute;inset:0;color:transparent;cursor:pointer;text-align:left;outline:none;border-radius:var(--button-radius);&:focus-visible{outline:var(--accessibility-outline);outline-offset:-1px}span{user-select:none}}.collapsible .row-label{color:var(--color-text);letter-spacing:var(--text-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 0}.collapsible--style-error>.collapsible__toggle-wrap{background-color:var(--color-bg-danger-tertiary);border-color:var(--color-border-danger-strong);&:hover:not(:has(.section-title__input:hover,.section-title__input:focus)){background:var(--color-bg-danger-tertiary-hover)}}.collapsible__header-wrap{pointer-events:none;overflow:hidden;display:flex;align-items:center;gap:var(--spacer-2);flex:1 0 0;min-width:1px;padding:0 var(--spacer-1)}.collapsible:not(.collapsible--collapsed)>.collapsible__toggle-wrap{border-radius:var(--button-radius) var(--button-radius) 0 0}.collapsible--collapsed>.collapsible__toggle-wrap{animation:collapsible-round-corners .15s ease .3s both}@keyframes collapsible-round-corners{0%{border-bottom-left-radius:0;border-bottom-right-radius:0}to{border-bottom-left-radius:var(--button-radius);border-bottom-right-radius:var(--button-radius)}}.collapsible:not(.collapsible--collapsed)>.collapsible__toggle-wrap .collapsible__toggle:focus-visible{border-radius:var(--button-radius) var(--button-radius) 0 0}.collapsible--collapsed>.collapsible__toggle-wrap .collapsible__toggle:focus-visible{animation:collapsible-round-corners .15s ease .3s both}.collapsible__actions-wrap{display:flex;align-items:center;flex-shrink:0;position:relative;z-index:1;pointer-events:none}.collapsible__actions{pointer-events:all;display:flex;align-items:center;justify-content:center;gap:var(--spacer-1);padding:0 var(--spacer-1);flex-shrink:0;min-height:var(--spacer-4)}.collapsible__indicator{display:flex;align-items:center;justify-content:center;min-width:var(--spacer-4);min-height:var(--spacer-4);border-radius:var(--button-radius);flex-shrink:0;pointer-events:all;cursor:pointer;outline:none}.collapsible__toggle-wrap:hover .collapsible__indicator{color:var(--color-icon)}.collapsible__indicator:hover{background:var(--color-bg-transparent-hover)}.collapsible__indicator:focus-visible{border:var(--stroke-width-small) solid var(--accessibility-focus-color);border-radius:var(--button-radius, .3125rem);background:var(--color-bg-secondary)}.collapsible__indicator:active{background:var(--color-bg-transparent-pressed)}.collapsible__content{background-color:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-top:none;border-radius:0 0 var(--button-radius) var(--button-radius);padding:var(--spacer-3);z-index:1}.collapsible--style-error .collapsible__content{border-color:var(--color-border-danger-strong)}.collapsible--style-error .collapsible:not(.collapsible--style-error) .collapsible__content{border-color:var(--color-border)}@media(max-width:768px){.collapsible__content{padding:var(--spacer-2-5)}}}@layer payload-default{.rah-static{interpolate-size:allow-keywords;height:0}.rah-static--height-auto{height:auto}}.drag-overlay-preview{opacity:.9;box-shadow:var(--shadow-m);border-radius:var(--radius-medium);cursor:grabbing}@layer payload-default{body.is-dragging,body.is-dragging *{cursor:grabbing}}@layer payload-default{.error-pill{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--spacer-1);border-radius:var(--radius-medium);line-height:var(--text-body-medium-line-height);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);letter-spacing:var(--text-letter-spacing);text-align:center;background:var(--color-bg-danger);color:var(--color-text-ondanger);height:var(--spacer-3)}.error-pill--fixed-width{width:var(--spacer-3);padding:0;position:relative}}@layer payload-default{.field-description{display:flex;color:var(--field-color-description)}.field-description--margin-bottom{margin-top:0;margin-bottom:var(--spacer-3)}}@layer payload-default{.field-error.tooltip{--tooltip-x: 0%;left:auto;max-width:75%;right:0;color:var(--field-color-error-text);background-color:var(--field-color-error-bg);&:after{border-top-color:var(--field-color-error-bg);border-bottom-color:var(--field-color-error-bg)}}}@layer payload-default{.drawer{display:flex;justify-content:flex-end;overflow:hidden;position:fixed;inset:0;--gutter-h: var(--spacer-4);--gutter-v: var(--spacer-4)}@media(max-width:768px){.drawer{--gutter-h: var(--spacer-3)}}.drawer.drawer--is-open{visibility:visible}.drawer__blur-bg{position:absolute;z-index:1;inset:0;opacity:0;background:var(--color-drawer-backdrop)}.drawer__content{opacity:0;position:relative;z-index:2;width:clamp(600px,40vw,1080px);max-width:100vw;background-color:var(--color-bg);box-shadow:var(--elevation-400-menu-panel);container:drawer / inline-size;transition:transform .1s ease-out}.drawer__content-children{position:relative;z-index:1;overflow-x:clip;overflow-y:auto;height:100%;display:flex;flex-direction:column}.drawer__fade-in{display:flex;flex-direction:column;flex:1 0 auto;animation:drawer-content-fade-in .2s ease-out both}@keyframes drawer-content-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.drawer__fade-in{animation:none}}.drawer--is-open .drawer__content,.drawer--is-open .drawer__blur-bg{opacity:1}.drawer--is-open .drawer__content{transform:translate(calc(-1 * var(--drawer-layer-offset, 0px)))}.drawer__close{position:relative;z-index:1;flex-shrink:0;cursor:pointer;flex-grow:1;background:transparent;border:0;&:active,&:focus{outline:0}}.drawer__header{display:flex;align-items:center;padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);gap:var(--spacer-1)}.drawer__header__title{margin:0;flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.drawer__header__close{margin:0;padding:0;border:0}.drawer__header__actions{display:flex;gap:var(--spacer-2);align-items:center}}@layer payload-default{dialog:has(>.dialog){position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-modalbackdrop)}.dialog{--dialog-max-height: calc(100dvh - var(--spacer-5));position:relative;display:flex;flex-direction:column;max-height:var(--dialog-max-height);width:var(--dialog-width);max-width:calc(100vw - var(--spacer-5));background:var(--color-bg);border-radius:var(--radius-large);overflow:clip;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text);box-shadow:var(--elevation-500-modal-window)}.dialog--small{--dialog-width: 280px}.dialog--medium{--dialog-width: 480px}.dialog--large{--dialog-width: 640px}.dialog__header{display:flex;align-items:center;gap:var(--spacer-2);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);border-bottom:var(--stroke-width-small) solid var(--color-border);flex-shrink:0}.dialog__header--has-close{padding-inline-end:var(--spacer-2)}.dialog__title{flex:1 0 0;min-width:0;margin:0;font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--text-body-medium-letter-spacing)}.dialog__header-extras{display:flex;align-items:center;gap:var(--spacer-1)}.dialog__body{flex:1 1 auto;padding:var(--spacer-3);min-height:0;overflow-y:auto}.dialog:has(.dialog__header) .dialog__body{padding-top:var(--spacer-2)}.dialog:has(.dialog__footer) .dialog__body{padding-bottom:var(--spacer-2)}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--spacer-2);padding-block:var(--spacer-2);padding-inline-start:var(--spacer-3);padding-inline-end:var(--spacer-2);flex-shrink:0}}@layer payload-default{.confirmation-modal__body{display:flex;flex-direction:column;gap:var(--spacer-2)}}@layer payload-default{:root{--field-label-letter-spacing: -.032px}label.field-label{display:flex;align-items:center}label.field-label:not(.unstyled){display:flex;color:var(--field-color-label);font-family:var(--text-body-medium-strong-font-family);font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--field-label-letter-spacing);html:not([dir=RTL]) &{margin-right:auto}html[dir=RTL] &{margin-left:auto}}.field-label:not(.unstyled) .required{color:var(--field-color-label-required);html:not([dir=RTL]) &{margin-left:var(--spacer-1)}html[dir=RTL] &{margin-right:var(--spacer-1)}}.localized{html:not([dir=RTL]) &{margin-left:var(--spacer-1)}html[dir=RTL] &{margin-right:var(--spacer-1)}}}@layer payload-default;@layer payload-default{.checkbox{position:relative;.tooltip:not([aria-hidden=true]){left:auto;right:calc(-1 * var(--spacer-2));position:absolute;transform:translateY(calc(var(--caret-size) * -1));margin-bottom:.2em;max-width:fit-content}}.checkbox-input{display:flex;&:hover:not(.checkbox-input--read-only){label,input{cursor:pointer}}label.field-label{padding-bottom:0}&:not(.checkbox-input--read-only){&:active,&:focus-within,&:focus{.checkbox-input__input{border-color:var(--field-color-border-focus)}}&:hover{.checkbox-input__input{border-color:var(--field-color-toggle-border-hover)}}}&:not(.checkbox-input--read-only):not(.checkbox-input--checked){&:hover{cursor:pointer;.checkbox-input__icon svg{opacity:.2}}}}.checkbox-input__wrap{display:inline-flex;align-items:center;gap:var(--spacer-2);position:relative;width:100%}.checkbox-input__input{display:flex;align-items:center;justify-content:center;padding:0;line-height:0;position:relative;width:var(--spacer-3);height:var(--spacer-3);border:var(--stroke-width-small) solid var(--field-color-toggle-border);border-radius:var(--button-radius);background:transparent;& input[type=checkbox]{position:absolute;padding:0;margin:0;opacity:0;border-radius:0;z-index:1}}.checkbox-input__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;svg{opacity:0}.icon--line{width:1.4rem;height:1.4rem}&.partial{svg{opacity:1;color:var(--color-icon-onbrand)}}}.checkbox-input:has(.checkbox-input__icon.partial){.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}&:has(:focus-visible) .checkbox-input__input{outline:1px solid var(--color-bg);outline-offset:-2px}}.checkbox-input--checked{.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}&:has(:focus-visible) .checkbox-input__input{outline:1px solid var(--color-bg);outline-offset:-2px}.checkbox-input__icon{svg{opacity:1;color:var(--field-color-toggle-icon)}}}.checkbox-input--read-only{.checkbox-input__input{background:var(--field-color-toggle-bg-disabled);border-color:var(--field-color-toggle-border-disabled)}label{color:var(--field-color-text-disabled)}}.checkbox-input__tooltip.tooltip--caret-left.tooltip--position-bottom .tooltip__caret{transform:translate(-50%) rotate(180deg)}.checkbox-input--has-tooltip{position:relative;width:max-content;max-width:100%}.checkbox-input__tooltip{--tooltip-x: 0;left:0;width:max-content;max-width:280px;white-space:normal;text-align:start}.checkbox-input__tooltip.tooltip--caret-left .tooltip__caret{left:.5rem;transform:translate(-50%)}.checkbox-input__tooltip.tooltip--caret-left.tooltip--position-bottom .tooltip__caret{transform:translate(-50%) rotate(180deg);.checkbox-input--muted{.checkbox-input__input{background:var(--color-bg-secondary);border-color:var(--color-border)}&:not(.checkbox-input--read-only):not(.checkbox-input--checked){&:hover{.checkbox-input__input{border-color:var(--field-color-toggle-border-hover)}}}&.checkbox-input--checked{.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}}&:has(.checkbox-input__icon.partial){.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}}}.checkbox.error{.checkbox-input--checked{.checkbox-input__input{background-color:var(--field-color-error-bg);border-color:var(--field-color-border-error)}&:hover .checkbox-input__input{border-color:var(--field-color-border-error)}}.checkbox-input:not(.checkbox-input--checked){.checkbox-input__input{border-color:var(--field-color-border-error)}&:hover .checkbox-input__input{border-color:var(--field-color-border-error)}}}}}@layer payload-default{.nullify-locale-field{margin-bottom:0;.field-type.checkbox{display:flex;flex-direction:column;margin:0}+.array-field__add-row{margin-top:var(--spacer-2)}}}@layer payload-default;@layer payload-default{.icon--arrow{flex-shrink:0}}@layer payload-default{.icon--duplicate{flex-shrink:0}}@layer payload-default{.array-actions__button{cursor:pointer}.array-actions__button.popup-button--active,.array-actions__button.popup-button--active:hover,.array-actions__button.popup-button--active:active{background:var(--color-bg-selected);color:var(--color-icon-selected)}.array-actions__actions{list-style:none;margin:0;padding:0}}@layer payload-default{.shimmer-effect{--shine-bg: var(--color-bg-secondary);--shine-fg: var(--color-bg-tertiary);position:relative;overflow:hidden;background-color:var(--shine-bg);border-radius:var(--radius-medium)}.shimmer-effect__shine{position:absolute;scale:1.5;width:100%;height:100%;transform:translate(-100%);animation:shimmer 1.75s infinite;opacity:.75;background:linear-gradient(100deg,var(--shine-bg) 0%,var(--shine-bg) 15%,var(--shine-fg) 50%,var(--shine-bg) 85%,var(--shine-bg) 100%)}.shimmer-effect--transparent{--shine-bg: transparent;--shine-fg: var(--color-border)}@keyframes shimmer{to{transform:translate3d(100%,0,0)}}}@layer payload-default{.pill{--pill-padding-block: 0;--pill-padding-inline-start: 0;--pill-padding-inline-end: 0;--pill-icon-size: var(--spacer-4);padding:var(--pill-padding-block) var(--pill-padding-inline-end) var(--pill-padding-block) var(--pill-padding-inline-start);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);display:inline-flex;background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--button-radius);cursor:inherit;border:0;align-items:center;flex-shrink:0;gap:var(--spacer-1)}.pill--rounded{border-radius:var(--radius-large)}.pill:active,.pill:focus:not(:focus-visible){outline:none}.pill:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.pill__icon .icon{flex-shrink:0;width:var(--pill-icon-size);height:var(--pill-icon-size)}.pill__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill--is-dragging{cursor:grabbing}.pill--has-icon{gap:0;--pill-padding-inline-start: var(--spacer-2);--pill-padding-inline-end: var(--spacer-1)}.pill--has-icon svg{display:block}.pill--align-icon-left{flex-direction:row-reverse;--pill-padding-inline-start: var(--spacer-1);--pill-padding-inline-end: var(--spacer-2)}.pill--style-always-white{background:var(--color-bg-inverse);color:var(--color-text-oninverse)}.pill--style-light-gray,.pill--style-light{background:var(--color-bg-secondary);color:var(--color-text)}.pill--style-warning{background:var(--color-bg-warning-tertiary);color:var(--color-text-warning)}.pill--style-success{background:var(--color-bg-selected);color:var(--color-text-brand)}.pill--style-error{background:var(--color-bg-danger-tertiary);color:var(--color-text-danger)}.pill--style-dark{background:var(--ramp-grey-600);color:var(--ramp-white-800)}.pill--style-dark svg .stroke{stroke:var(--ramp-white-800);fill:none}.pill--style-dark svg .fill{fill:var(--ramp-white-800)}.pill--size-medium{--pill-padding-block: var(--spacer-1);--pill-padding-inline-start: var(--spacer-2-5);--pill-padding-inline-end: var(--spacer-2-5)}.pill--size-small{--pill-icon-size: var(--spacer-3);--pill-padding-block: 0;--pill-padding-inline-start: var(--spacer-1);--pill-padding-inline-end: var(--spacer-1)}html[data-theme=light] .pill--style-always-white{background:var(--color-bg);color:var(--color-text);border:var(--stroke-width-small) solid var(--color-border)}}@layer payload-default{.blocks-field{display:flex;flex-direction:column;gap:var(--spacer-2)}.blocks-field__header{display:flex;flex-direction:column;gap:var(--spacer-1)}.blocks-field__header-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacer-2)}.blocks-field__header-content{display:flex;align-items:center;gap:var(--spacer-2)}.blocks-field--has-no-error>.blocks-field__header .blocks-field__header-content{color:var(--color-text)}.blocks-field--has-error>.blocks-field__header{color:var(--color-text-danger)}.blocks-field--has-error .section-title__input,.blocks-field--has-error .blocks-field__header-content{color:var(--color-text-danger)}.blocks-field--has-error .blocks-field__row--no-errors .section-title__input,.blocks-field--has-error .blocks-field__row--no-errors .blocks-field__header-content,.blocks-field--has-error .blocks-field--has-no-error .section-title__input,.blocks-field--has-error .blocks-field--has-no-error .blocks-field__header-content{color:var(--color-text)}.blocks-field__error-pill{align-self:center}.blocks-field__header-actions{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0;color:var(--color-text);>li:first-child .blocks-field__header-action{padding:0 var(--spacer-2) 0 0}>li:last-child .blocks-field__header-action{padding:0}@media(max-width:768px){>li:not(:last-child){display:none}}}.blocks-field__header-action{cursor:pointer;&:hover,&:focus-visible{color:var(--color-text-secondary)}}.blocks-field__title{margin-bottom:0;color:var(--color-text);font-weight:var(--text-body-medium-strong-font-weight)}.blocks-field__block-header{display:flex;width:100%;min-width:0;overflow:hidden;gap:var(--spacer-2);align-items:center}.blocks-field__block-header-number-wrap{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}.blocks-field__block-number{flex-shrink:0;color:var(--color-text)}.blocks-field__block-pill{flex-shrink:0}.blocks-field__rows{display:flex;flex-direction:column;gap:var(--spacer-2)}.blocks-field__drawer-toggler{display:flex;background-color:transparent;margin:0;padding:0;border:none;align-self:flex-start;border-radius:var(--radius-medium)}.blocks-field__row--is-dragging{opacity:.5}}@layer payload-default{.thumbnail-card{--thumbnail-card-size: 106px;display:flex;flex-direction:column;gap:var(--spacer-2);align-items:flex-start;max-width:var(--thumbnail-card-size);background:transparent;border:0;padding:0;cursor:pointer}.thumbnail-card--has-on-click{cursor:pointer;&:focus-visible{outline:none}}.thumbnail-card--align-label-center{text-align:center}.thumbnail-card__thumbnail{display:flex;align-items:center;justify-content:center;min-width:var(--thumbnail-card-size);width:100%;aspect-ratio:1 / 1;background:var(--color-bg-secondary);border-radius:var(--radius-medium);overflow:hidden;outline:var(--stroke-width-small) solid transparent;outline-offset:calc(var(--stroke-width-small) * -1)}.thumbnail-card--has-on-click:hover .thumbnail-card__thumbnail{outline-color:var(--color-border)}.thumbnail-card--has-on-click:focus-visible .thumbnail-card__thumbnail{outline-width:var(--stroke-width-medium);outline-offset:calc(var(--stroke-width-medium) * -1);outline-color:var(--color-border-selected)}.thumbnail-card--has-on-click:active .thumbnail-card__thumbnail{outline-color:var(--color-bg-secondary-pressed)}.thumbnail-card--selected .thumbnail-card__thumbnail{outline-width:var(--stroke-width-medium);outline-offset:calc(var(--stroke-width-medium) * -1);outline-color:var(--color-border-selected)}.thumbnail-card--selected.thumbnail-card--has-on-click:hover .thumbnail-card__thumbnail,.thumbnail-card--selected.thumbnail-card--has-on-click:focus-visible .thumbnail-card__thumbnail{outline-color:var(--accessibility-focus-color)}.thumbnail-card--selected.thumbnail-card--has-on-click:active .thumbnail-card__thumbnail{outline-color:var(--accessibility-focus-color)}.thumbnail-card__label{min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}}@layer payload-default;@layer payload-default{.search-input{display:flex;align-items:center;min-height:var(--control-height);background-color:var(--field-color-bg);border-radius:var(--field-border-radius);border:var(--stroke-width-small) solid var(--field-color-border);padding-inline-end:var(--spacer-1);position:relative;isolation:isolate;&:hover:not(:focus-within){border-color:var(--field-color-border-hover)}&:has(input:focus-visible){border-color:var(--field-color-border-focus)}&:has(:disabled){opacity:.5;pointer-events:none}.icon--search{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-icon-secondary);width:var(--spacer-4);height:var(--spacer-4);display:flex;align-items:center;justify-content:center}}.search-input__input{flex:1;min-width:0;padding-inline:var(--spacer-4) var(--spacer-3);background:transparent;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);outline:none;border:none;&:focus-visible{outline:none}&::placeholder{color:var(--color-text-tertiary)}}.search-input__clear{position:absolute;inset-inline-end:var(--spacer-1);top:50%;transform:translateY(-50%);color:var(--color-icon-secondary);&.btn{height:unset;width:unset}&:hover:not(.btn--disabled),&:focus-visible{color:var(--color-icon)}}}@layer payload-default{.block-search{position:sticky;top:0;display:flex;width:100%;align-items:flex-start;padding:var(--spacer-2-5) var(--spacer-3);border-bottom:1px solid var(--color-border);z-index:1;background:var(--color-bg)}.block-search__input{flex:1 0 0;min-width:0}}@layer payload-default{.blocks-drawer__blocks-wrapper{--blocks-drawer-card-min-width: 120px;--blocks-drawer-card-max-width: 160px;padding:var(--spacer-3)}.blocks-drawer__blocks{position:relative;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--blocks-drawer-card-min-width),1fr));gap:var(--spacer-3)}.blocks-drawer__block .thumbnail-card{width:100%;max-width:var(--blocks-drawer-card-max-width)}.blocks-drawer__block .thumbnail-card__thumbnail{min-width:0}.blocks-drawer__default-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;img,svg{width:100%;height:100%;object-fit:cover}}.blocks-drawer__block-groups{padding:0;display:flex;flex-direction:column;gap:var(--spacer-2-5)}.blocks-drawer__block-group{list-style:none}.blocks-drawer__block-group-label{padding-bottom:var(--spacer-2)}.blocks-drawer__block-group-none{order:1;padding-top:var(--spacer-2-5);border-top:1px solid var(--color-border);&:only-child{padding-top:0;border-top:0}}}@layer payload-default{.section-title{position:relative;min-width:fit-content;max-width:100%;pointer-events:all;display:flex;overflow:hidden;&:after{display:block;content:attr(data-value) " ";visibility:hidden;white-space:pre;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.section-title:after,.section-title__input{font-family:var(--text-body-medium-strong-font-family);font-weight:var(--text-body-medium-strong-font-weight);font-size:var(--text-body-medium-strong-font-size);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-letter-spacing);padding:0 var(--spacer-1);width:100%}.section-title__input{color:var(--color-text);border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium);&::placeholder{color:var(--color-text-tertiary);font-family:var(--text-body-medium-font-family);font-weight:var(--text-body-medium-font-weight)}min-width:min-content;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;resize:none;appearance:none;position:absolute;inset:0;&:hover:not([readonly]){background-color:var(--color-bg-transparent-hover)}&:hover,&:focus{outline:0}&:focus:not([readonly]){outline:none;border:var(--accessibility-outline)}}.collapsible--collapsed .section-title--empty{display:none}}@layer payload-default{.code-editor{direction:ltr;width:100%;contain:inline-size;height:auto;padding:var(--spacer-2) 0;-webkit-appearance:none;background:var(--field-color-bg);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);box-shadow:none;font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-text-default-primary);transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);&:focus-within{border-color:var(--field-color-border-focus)}&.read-only{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}.monaco-editor{.view-overlays .current-line{max-width:calc(100% - 14px);border:none}&:focus-within{.view-overlays .current-line{border:none}}}}}@layer payload-default{.code-field{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.code-editor{background:var(--field-color-bg);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);padding:var(--spacer-2) 0;overflow:clip;box-shadow:none;&:hover{border-color:var(--field-color-border-hover)}&:focus-within{border-color:var(--field-color-border-focus)}}&.error .code-editor:not(:focus-within){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}&.read-only .code-editor{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}}}@layer payload-default{.collapsible-field__row-label-wrap{pointer-events:none;display:flex;align-items:center;gap:var(--spacer-2)}}@layer payload-default;@layer payload-default{.react-datepicker-wrapper{display:block;padding:0;border:0}.react-datepicker{--time-column-width: 120px;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);background-color:var(--color-bg);color:var(--color-text);border:none;border-radius:var(--radius-large);display:inline-flex;position:relative;box-shadow:0 0 .25px #00000014,0 2px 2.5px #00000026,0 10px 12px #0000002e}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}.react-datepicker--time-only .react-datepicker__time-container{border-left:none}.react-datepicker-popper{z-index:10;line-height:0}.react-datepicker-popper .react-datepicker__triangle{display:none}.react-datepicker__header{display:flex;flex-wrap:wrap;align-items:center;text-align:center;text-transform:none;background-color:transparent;border-bottom:none;border-radius:0;padding:0;position:relative;width:min-content;& h2{display:none}&:not(.react-datepicker__header--has-time-select){border-top-right-radius:var(--radius-large)}}.react-datepicker__header--time{display:flex;align-items:center;justify-content:center;padding:var(--spacer-2);border-top-left-radius:0;border-top-right-radius:var(--radius-large);font-weight:var(--text-body-medium-strong-font-weight);min-height:calc(var(--spacer-4) + var(--spacer-2) * 2);width:100%}.react-datepicker__current-month{display:none}.react-datepicker-time__header{margin-top:0;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__header__dropdown{display:flex;flex:1 1 auto;min-width:min-content;gap:var(--spacer-2);align-items:center;order:1;padding:var(--spacer-2);margin:0 var(--spacer-5)}.react-datepicker-year-header{padding:var(--spacer-2-5) 0;font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text);width:100%;display:flex;justify-content:center}.react-datepicker__month-select,.react-datepicker__year-select{width:100%;margin:0;height:var(--spacer-4);border:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-medium);outline:none;cursor:pointer;padding:0 var(--spacer-2);color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);-webkit-appearance:none;appearance:none;background-image:none;padding-right:var(--spacer-4);option{background-color:var(--color-bg);color:var(--color-text)}}.react-datepicker__navigation{position:absolute;align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;top:0;margin:var(--spacer-2);border:none;z-index:1;height:var(--spacer-4);width:var(--spacer-4);overflow:hidden;color:var(--color-icon);border-radius:var(--radius-medium);flex-shrink:0;.icon--chevron .fill{fill:var(--color-icon)}&:hover{background-color:var(--color-bg-hover)}}.date-time-picker__appearance--monthOnly .react-datepicker__navigation{font-size:18px;font-weight:300}.react-datepicker__navigation-icon{display:flex;align-items:center;justify-content:center}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:var(--spacer-1)}.react-datepicker__navigation--years-upcoming{top:calc(-1 * var(--spacer-1))}.react-datepicker__navigation--previous{left:0}.react-datepicker__navigation--next{right:0}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:var(--time-column-width)}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select{display:inline-block;flex:1 1 auto;min-width:min-content;margin:0;position:relative;&:after{content:"";position:absolute;right:var(--spacer-2);top:50%;transform:translateY(-50%);width:8px;height:5px;background-color:var(--color-icon);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M4.38935 0.146345C4.58463 -0.0487137 4.90119 -0.048849 5.09638 0.146345C5.29132 0.34156 5.29136 0.658183 5.09638 0.853376L2.97529 2.97447C2.78011 3.16965 2.46354 3.16947 2.26826 2.97447L0.146188 0.853376C-0.0487296 0.65818 -0.0487291 0.341541 0.146188 0.146345C0.341468 -0.0487138 0.659001 -0.0488494 0.854196 0.146345L2.62177 1.91392L4.38935 0.146345Z' fill='black'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M4.38935 0.146345C4.58463 -0.0487137 4.90119 -0.048849 5.09638 0.146345C5.29132 0.34156 5.29136 0.658183 5.09638 0.853376L2.97529 2.97447C2.78011 3.16965 2.46354 3.16947 2.26826 2.97447L0.146188 0.853376C-0.0487296 0.65818 -0.0487291 0.341541 0.146188 0.146345C0.341468 -0.0487138 0.659001 -0.0488494 0.854196 0.146345L2.62177 1.91392L4.38935 0.146345Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;pointer-events:none}}.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 var(--spacer-1)}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium);position:relative;&:hover{cursor:pointer}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:var(--color-icon-secondary);border-style:solid;border-width:2px 2px 0 0;content:"";display:block;height:6px;position:absolute;top:4px;width:6px;transform:rotate(135deg);right:-1rem}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:var(--color-bg-elevated);position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border);box-shadow:0 2px 5px #00000026,0 10px 24px #0000002e;&:hover{cursor:pointer}}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:1.25rem;width:100%;display:block;margin-left:auto;margin-right:auto;color:var(--color-text);&:first-of-type{border-top-left-radius:var(--radius-medium);border-top-right-radius:var(--radius-medium)}&:last-of-type{user-select:none;border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium)}&:hover{background-color:var(--color-bg-hover)}}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__month-container{position:relative}.react-datepicker__month{margin:0;padding:var(--spacer-1);text-align:center;.react-datepicker__month-text,.react-datepicker__quarter-text{display:inline-block;width:52px;margin:var(--spacer-1);height:var(--spacer-4);padding:var(--spacer-1, .3rem) var(--spacer-2-5, .75rem)}}.react-datepicker__monthPicker{border-top:1px solid var(--color-border)}.react-datepicker__month-text{padding:var(--spacer-1);font-size:var(--text-body-medium-font-size);border-radius:var(--radius-medium)}.react-datepicker__year{margin:var(--spacer-1);text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__day-names{white-space:nowrap;margin-bottom:0;background-color:transparent;padding:var(--spacer-2);padding-bottom:0;border-top:1px solid var(--color-border);width:100%;order:3}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;line-height:var(--text-body-medium-line-height);text-align:center;margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);position:relative}.react-datepicker__day-name{color:var(--color-text-secondary);width:1.5rem;height:2rem;margin:0 var(--spacer-1);line-height:2rem}.react-datepicker__day{width:1.5rem;height:1.5rem;margin:var(--spacer-1);line-height:1.5rem;&:focus{outline:0}}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer;border-radius:var(--radius-medium);&:hover{background-color:var(--color-bg-hover)}&:active{background-color:var(--color-bg-pressed)}}.react-datepicker__day--today{font-weight:var(--text-body-medium-font-weight);position:relative;&:after{content:"";position:absolute;bottom:var(--spacer-1);left:50%;transform:translate3D(-50%,50%,0);width:3px;height:3px;border-radius:var(--radius-full);background-color:var(--color-bg-brand)}&.react-datepicker__day--selected:after{background-color:var(--color-icon-onbrand-secondary)}}.react-datepicker__day--outside-month{visibility:hidden}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{background-color:var(--color-bg-selected-strong);color:var(--color-text-onselected-strong);font-weight:var(--text-body-medium-font-weight);&:hover{background-color:var(--color-bg-selected-strong-hover)}}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:var(--color-bg-selected);color:var(--color-text);&:hover{background-color:var(--color-bg-selected-hover)}}.react-datepicker__day--selected[tabindex="0"]:focus,.react-datepicker__month-text--selected[tabindex="0"]:focus,.react-datepicker__quarter-text--selected[tabindex="0"]:focus,.react-datepicker__year-text--selected[tabindex="0"]:focus{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:var(--color-bg-selected)}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:var(--color-text-disabled);&:hover{background-color:transparent}}.react-datepicker__week-number{color:var(--color-text-tertiary);display:inline-block;width:2rem;line-height:2rem;text-align:center;margin:0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__time-container{float:right;border-left:1px solid var(--color-border);width:var(--time-column-width);.react-datepicker__time{position:relative;background:transparent;border-top:1px solid var(--color-border);border-bottom-right-radius:var(--radius-large);.react-datepicker__time-box{width:var(--time-column-width);overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:var(--radius-large);ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);max-height:100%;overflow-y:scroll;scrollbar-width:none;padding:var(--spacer-1) 0;padding-right:0;padding-left:0;width:100%;box-sizing:content-box;&::-webkit-scrollbar{display:none}li.react-datepicker__time-list-item{height:auto;padding:var(--spacer-1) var(--spacer-2);white-space:nowrap;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);margin:0 var(--spacer-2);border-radius:var(--radius-medium);&:hover{cursor:pointer;background-color:var(--color-bg-hover)}&:active{background-color:var(--color-bg-pressed)}&:focus{background-color:var(--color-bg-selected);outline:none}}li.react-datepicker__time-list-item--selected{background-color:var(--color-bg-brand);color:var(--color-text-onbrand);&:hover{background-color:var(--color-bg-brand-hover)}&:focus{background-color:var(--color-bg-brand)}}li.react-datepicker__time-list-item--disabled{color:var(--color-text-disabled);&:hover{cursor:default;background-color:transparent}}}}}}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:var(--spacer-1) 0 var(--spacer-2) var(--spacer-3);text-align:left}.react-datepicker__close-icon{display:none}.react-datepicker__today-button{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);cursor:pointer;text-align:center;font-weight:var(--text-body-medium-strong-font-weight);padding:var(--spacer-1) 0;clear:left;border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__children-container{width:13.8rem;margin:var(--spacer-1);padding-right:.2rem;padding-left:.2rem;height:auto}[dir=rtl]{.date-time-picker{.react-datepicker__input-container input{padding-right:var(--spacer-5)}}}.date-time-picker__icon-wrap{position:relative;z-index:1}.date-time-picker .icon--calendar,.date-time-picker__clear-button{position:absolute}.date-time-picker .icon--calendar,.date-time-picker .icon--x{color:var(--color-icon-secondary);height:auto}.date-time-picker__clear-button{top:var(--spacer-2);right:var(--spacer-5);appearance:none;background-color:transparent;border:none;outline:none;padding:0;display:flex;cursor:pointer}.date-time-picker .icon--calendar{top:var(--spacer-3);right:var(--spacer-1);pointer-events:none;transform:translateY(-50%)}.date-time-picker .icon--x{width:1rem}.date-time-picker .react-datepicker__input-container input{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);width:100%;min-height:var(--field-min-height);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);background:var(--field-color-bg);color:var(--color-text);padding-block:calc(var(--spacer-1));padding-inline:var(--field-padding-inline) var(--spacer-5);&::placeholder{color:var(--field-color-placeholder);font-weight:var(--text-body-medium-font-weight)}&:hover:not(:focus):not(:read-only){border-color:var(--field-color-border-hover)}&:focus{border-color:var(--field-color-border-focus);outline:none}&:read-only:focus{border-color:var(--field-color-border-hover)}&:disabled{background:var(--field-color-bg-disabled);border-color:var(--field-color-border-disabled)}}.date-time-picker:has(input:disabled) .icon--calendar{color:var(--color-icon-disabled)}.date-time-picker--has-error .react-datepicker__input-container input{border-color:var(--field-color-border-error);border-width:2px;padding:calc(var(--spacer-1) - 1px) calc(var(--spacer-2-5) - 1px);padding-right:calc(2.25rem - 1px)}.date-time-picker__appearance--dayOnly .react-datepicker__month-container,.date-time-picker__appearance--monthOnly .react-datepicker__month-container{border-right:none}.date-time-picker__input-wrapper{position:relative}@media(max-width:768px){.date-time-picker .react-datepicker{flex-direction:column}.date-time-picker .react-datepicker__month-container{border-right:0}.date-time-picker .react-datepicker__time-container{width:auto;border-top:1px solid var(--color-border)}.date-time-picker .react-datepicker__header--time{background-color:transparent;padding:var(--spacer-2) 0;border-bottom:none}.date-time-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{height:var(--time-column-width);width:unset;>ul{height:var(--time-column-width)}}.date-time-picker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:0}.date-time-picker__input-wrapper .icon{top:50%;transform:translateY(-50%)}}}@layer payload-default{.icon--circled-x{.stroke{stroke:currentColor}}}@layer payload-default{.clear-indicator{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-secondary);transition:color .1s;&:hover{color:var(--color-icon)}}}@layer payload-default{.dropdown-indicator{display:flex;background:none;border:none;padding:0;font:inherit;cursor:pointer;border-radius:var(--button-radius)}.dropdown-indicator__icon{.stroke{stroke-width:1px}}}@layer payload-default{.multi-value{&.rs__multi-value{display:flex;padding:0;border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-bg);height:1.25rem;margin:0;transition:border .2s cubic-bezier(.2,0,0,1);&:focus,&:focus-visible{outline:none;border:var(--accessibility-outline)}}}.multi-value--is-dragging{z-index:2}}@layer payload-default{.multi-value-label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);display:flex;align-items:center;max-width:9.375rem;color:currentColor;padding-left:var(--spacer-1)}.multi-value-label--disabled{padding-right:var(--spacer-1)}.multi-value-label__text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.multi-value-label__text--editable{cursor:text;outline:none}}@layer payload-default{.multi-value-remove{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background-color:transparent;border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-small);padding:0;color:var(--color-icon-secondary);&:hover{color:var(--color-text);background:var(--color-bg-hover)}&:focus-visible{outline:none;border:var(--accessibility-outline)}}}@layer payload-default{.value-container{flex-grow:1;min-width:0;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-1);.rs__value-container{overflow:visible;padding:0;gap:var(--spacer-1);>*{margin:0;padding-top:0;padding-bottom:0;color:currentColor;.field-label{padding-bottom:0}}}}.value-container__label{color:var(--color-text-secondary)}.react-select .rs__value-container--is-multi{width:100%;flex-wrap:wrap;&.rs__value-container--has-value{padding:0}}}@layer payload-default{.react-select-container{width:100%}.react-select{.rs__control{position:relative;width:100%;min-height:var(--field-min-height);background:var(--field-color-bg);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);-webkit-appearance:none;appearance:none;transition-property:box-shadow,background-color;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);height:auto;padding-block:calc(var(--spacer-1) + 1px);padding-inline:var(--field-padding-inline) var(--spacer-5);flex-wrap:wrap;gap:var(--spacer-1);&.rs__control--is-focused{border-color:var(--field-color-border-focus)}&:has(.clear-indicator){padding-inline-end:calc(var(--spacer-4) * 2)}&:hover:not(:focus-within){border-color:var(--field-color-border-hover)}}.rs__placeholder{color:var(--color-text-tertiary)}.rs__indicator{padding:0 .25rem;cursor:pointer}.rs__indicator-separator{display:none}.rs__indicators{position:absolute;right:var(--spacer-1);top:-1px;min-height:var(--field-min-height);display:flex}.rs__input-container{color:var(--color-text);height:var(--text-body-medium-line-height);margin:0;padding:0}&.rs--is-disabled .rs__control{background:var(--field-color-bg-disabled);border-color:var(--field-color-border-disabled);color:var(--field-color-text-disabled)}&.react-select--error .rs__control:not(.rs__control--is-focused){&:hover{border-color:var(--field-color-border-error)}}}.rs__menu-notice{padding:.625rem .75rem}.rs__menu{z-index:4;border-radius:var(--radius-medium);box-shadow:var(--elevation-400-menu-panel);background:var(--color-bg)}.rs__menu--placement-bottom{margin-top:var(--spacer-1)}.rs__menu--placement-top{margin-bottom:var(--spacer-1)}.rs__menu-list{overflow-y:auto}.rs__group-heading{color:var(--color-text-tertiary);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-1);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}.rs__option{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);padding-inline:var(--spacer-3) var(--spacer-1);padding-block:var(--spacer-2);color:var(--color-text)}.rs__option--is-focused{background-color:var(--color-bg-secondary)}.rs__option--is-selected{background-color:var(--color-bg-selected)}.react-select--error{div.rs__control{border:var(--stroke-width-small) solid var(--field-color-border-error);>div.rs__indicator>button.dropdown-indicator[type=button]{border:none}}}.react-select--error .rs__control:hover{border-color:var(--field-color-border-error)}.react-select--error:focus-within{div.rs__control{border-color:var(--field-color-border-focus)}}}@layer payload-default{.timezone-picker-wrapper{display:flex;gap:var(--spacer-1);margin-top:var(--spacer-2);align-items:center;position:relative;--field-min-height: var(--text-body-medium-line-height);.shimmer-effect{max-width:calc(2 * var(--spacer-4))}.timezone-picker__label{color:var(--color-text-secondary);flex-shrink:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.timezone-picker__required{color:var(--color-text-danger);margin-left:var(--spacer-1)}.timezone-picker.react-select{display:inline-flex;position:static;.rs__value-container{padding:0}.rs__control.rs__control{display:inline-flex;align-items:center;background:none;border:none;padding:0;padding-left:var(--spacer-1);min-height:auto!important;position:relative;box-shadow:unset;border-radius:var(--button-radius);gap:0;flex-wrap:nowrap;&:hover{cursor:pointer;box-shadow:unset;background:var(--color-bg-secondary)}&:active{background:var(--color-bg-secondary-pressed)}&.rs__control--is-focused{box-shadow:0 0 0 1px var(--accessibility-focus-color)}&.rs__control--menu-is-open:before{display:block}}.rs__input-container{margin:0;padding:0}.rs__input{caret-color:transparent}.rs__indicators{position:static;display:flex;align-items:center;min-height:auto;margin-inline-start:0;gap:0;flex-shrink:0}.rs__single-value{color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs__placeholder{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}.timezone-picker__dropdown-indicator{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;border-radius:var(--button-radius);color:var(--color-text-secondary);&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:calc(-1 * var(--stroke-width-small))}}.timezone-picker__clear-indicator{display:flex;align-items:center;justify-content:center;padding-inline:calc(-1 * var(--stroke-width-small));cursor:pointer;margin-left:calc(var(--spacer-1) / 2);height:var(--spacer-3);overflow:visible;border-radius:var(--button-radius);&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color)}}}}.timezone-picker__menu{border-radius:var(--radius-large);background:var(--color-bg-menu);color:var(--color-text);padding-top:var(--spacer-2);min-width:280px;.rs__option{padding:var(--spacer-1) var(--spacer-2);border-radius:var(--button-radius);cursor:pointer}.timezone-picker__option-check{opacity:0;flex-shrink:0}.timezone-picker__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs__option--is-focused{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.rs__option--is-selected{background-color:transparent;color:var(--popup-item-color-selected, var(--popup-item-color, var(--color-text)));.timezone-picker__option-check{opacity:1}}.rs__option--is-selected.rs__option--is-focused{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}}.timezone-picker__menu-list{max-height:calc(var(--spacer-6) * 5);padding-inline:var(--spacer-2);padding-bottom:var(--spacer-2)}}@layer payload-default{.date-time-field--has-error .date-time-picker .react-datepicker__input-container input{border-color:var(--field-color-border-error);&:hover:not(:focus){border-color:var(--field-color-border-error)}&:focus{border-color:var(--field-color-border-focus)}}}@layer payload-default{.field-type.email{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default{.group-field{position:relative}.group-field--top-level{&:before{content:"";position:absolute;top:calc(var(--spacer-5) / -2);left:calc(var(--gutter-h) * -1);right:calc(var(--gutter-h) * -1);height:0;border-top:1px solid var(--color-border)}&:first-child{padding-top:0;&:before{display:none}}}.group-field--within-collapsible{padding-top:var(--spacer-5);&:before{content:"";position:absolute;top:calc(var(--spacer-5) / 2);left:calc(var(--spacer-3) * -1);right:calc(var(--spacer-3) * -1);height:0;border-top:1px solid var(--color-border)}&:first-child{border-top:0;padding-top:0;&:before{display:none}}&:last-child{padding-bottom:0}}.group-field--within-group{padding:0;&:before{display:none}}.group-field--within-row{margin:0;&:before{display:none}}.group-field--within-tab:first-child{padding-top:0;&:before{display:none}}.group-field--within-tab:last-child{padding-bottom:0}.group-field--gutter{border-left:1px solid var(--color-border);padding-left:var(--spacer-3)}.group-field__header{margin-bottom:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-1)}.group-field__title-row{display:flex;align-items:center;gap:var(--spacer-2)}.group-field__title{margin-bottom:0;font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height)}.group-field--has-error{.group-field__header{color:var(--color-text-danger)}}.group-field+.group-field{border-top:0;padding-top:0}.group-field--within-row+.group-field--within-row{margin-top:0}.group-field--within-tab+.group-field--within-row{padding-top:0}@media(max-width:768px){.group-field--top-level{&:before{content:"";position:absolute;top:calc(var(--spacer-5) / -2.5);left:calc(var(--gutter-h) * -1);right:calc(var(--gutter-h) * -1);height:0;border-top:var(--stroke-width-small) solid var(--color-border)}}}}@layer payload-default{.spinner{display:flex;align-items:center;gap:var(--spacer-1);color:var(--color-icon-secondary)}.spinner--sm{gap:calc(var(--spacer-1) / 2)}.spinner--sm .spinner__text{font-size:var(--text-caption-font-size)}.spinner--md .spinner__text{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.spinner--lg .spinner__text{font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-large-line-height);letter-spacing:var(--text-body-large-letter-spacing)}}@layer payload-default{.loading-overlay{isolation:isolate;height:100%;width:100%;left:0;top:0;bottom:0;position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;z-index:calc(var(--z-status) + 1);transition-property:left,width;transition:.25s ease}.loading-overlay--entering{opacity:1;animation:fade-in ease;pointer-events:all}.loading-overlay--exiting{opacity:0;animation:fade-out ease}.loading-overlay--drawer:after{opacity:1;background-color:var(--color-bg)}.loading-overlay--drawer.loading-overlay--entering{animation:none;opacity:1}.loading-overlay--drawer .spinner{opacity:0;animation:fade-in .2s ease .45s forwards}@media(prefers-reduced-motion:reduce){.loading-overlay--drawer .spinner{animation:none;opacity:1}}.loading-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);opacity:.85;z-index:-1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@layer payload-default{.switch{display:inline-flex;gap:var(--spacer-2);align-items:center;cursor:pointer}.switch--disabled{cursor:not-allowed;opacity:.5}.switch__input{position:absolute;padding:0;margin:0;opacity:0;z-index:1}.switch__track{position:relative;display:flex;align-items:center;width:var(--spacer-5);height:var(--spacer-3);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid var(--special-border-translucent);border-radius:var(--radius-full);pointer-events:none}.switch__track--checked{background:var(--color-bg-brand);border-color:var(--color-border-brand-strong)}.switch__knob{position:absolute;left:calc(var(--stroke-width-small) + var(--stroke-width-medium));width:var(--spacer-2-5);height:var(--spacer-2);background:var(--color-icon-onbrand);outline:var(--stroke-width-small) solid var(--special-border-translucent);border-radius:var(--radius-full)}.switch__track--checked .switch__knob{left:auto;right:calc(var(--stroke-width-small) + var(--stroke-width-medium));outline-color:var(--color-border-brand-strong)}.switch__input:focus-visible+.switch__track{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:var(--stroke-width-medium)}.switch__label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text)}}@layer payload-default{.popup__scroll-container:has(.column-selector){padding:0;max-height:fit-content}.column-selector{--column-selector-min-width: 240px;--column-selector-max-height: 430px;display:flex;flex-direction:column;min-width:var(--column-selector-min-width);max-height:var(--column-selector-max-height)}.column-selector[data-width-locked]{min-width:var(--column-selector-locked-width)}.column-selector__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;height:var(--spacer-6);padding-inline-start:var(--spacer-2);padding-inline-end:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border)}.column-selector__title{padding-inline-start:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text)}.column-selector__close{padding:0;color:var(--color-icon)}.column-selector__search{display:flex;flex-shrink:0;align-items:center;height:calc(var(--spacer-5) + var(--spacer-2) + var(--stroke-width-small));padding-inline:var(--spacer-2-5);border-bottom:var(--stroke-width-small) solid var(--color-border)}.column-selector__search-bar{display:flex;align-items:center;flex:1;height:var(--spacer-4);padding-inline-end:var(--spacer-2);background:var(--color-bg-secondary);border-radius:var(--button-radius)}.column-selector__search-bar svg{display:block;flex-shrink:0;color:var(--color-icon-secondary)}.column-selector__search-input{flex:1;height:100%;padding:0;background:transparent;border:none;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);&::placeholder{color:var(--color-text-tertiary)}&:focus{outline:none}}.column-selector__content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.column-selector__no-results{display:flex;align-items:center;justify-content:center;min-height:calc(var(--spacer-6) + var(--spacer-2));padding-block:var(--spacer-2);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text)}.column-selector__section{display:flex;flex-direction:column;padding-block:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);&:last-child{border-bottom:none}}.column-selector__section-header{display:flex;align-items:center;height:var(--spacer-5);padding-inline:var(--spacer-3);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text-secondary)}.column-selector__item{position:relative;display:flex;align-items:center;gap:var(--spacer-1);padding-inline:var(--spacer-3);padding-block:var(--spacer-1);cursor:pointer;&:hover{background:var(--color-bg-secondary)}&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:calc(-1 * var(--accessibility-outline-offset))}}.column-selector__item-label{flex:1;min-width:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);white-space:nowrap}.column-selector__separator{margin-inline:var(--spacer-1);color:var(--color-text-secondary)}.column-selector__item--inactive .column-selector__item-label{color:var(--color-text-secondary)}.column-selector__drag-handle{position:absolute;inset-inline-start:0;display:flex;align-items:center;justify-content:center;width:var(--spacer-3);height:100%;color:var(--color-icon-secondary);cursor:grab;opacity:0;&:active{cursor:grabbing}}.column-selector__item:hover .column-selector__drag-handle{opacity:1}.column-selector__item--dragging{background:var(--color-bg-pressed)}.column-selector__item--dragging .column-selector__drag-handle{opacity:1;cursor:grabbing}.column-selector__item--over{position:relative;&:before{content:"";position:absolute;inset-inline:0;top:calc(-1 * var(--stroke-width-small));height:var(--stroke-width-medium);background:var(--color-icon);border-radius:var(--stroke-width-small)}}.column-selector__drop-indicator{height:var(--stroke-width-medium);background:var(--color-icon);margin-inline:var(--spacer-3)}}@layer payload-default{.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacer-3) var(--spacer-2-5);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);text-align:center;gap:var(--spacer-2)}.no-results--with-margin{margin:var(--spacer-4) var(--gutter-h)}.no-results__title{color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--font-weight-strong);line-height:var(--text-body-large-strong-line-height)}.no-results__description{margin:0;color:var(--color-text-secondary)}.no-results__actions{display:flex;gap:var(--spacer-2)}}@layer payload-default{.code-cell{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap;background:var(--color-bg-tertiary);color:var(--color-text);&:hover{text-decoration:inherit}}}@layer payload-default{form>.form-submit{.btn{width:100%}}}@layer payload-default{.drawer-action-header{padding:var(--spacer-2-5);border-bottom:1px solid var(--color-border)}.drawer-action-header__content{display:flex;justify-content:space-between;align-items:center}.drawer-action-header__title{margin:0;color:var(--color-text)}.drawer-action-header__actions{display:flex;margin-left:auto;padding-left:var(--spacer-3);gap:var(--spacer-2)}}@layer payload-default{.load-more-row{display:flex;align-items:center;gap:var(--stroke-width-medium)}.load-more-row__text{margin:0;color:var(--color-text-secondary);white-space:nowrap;display:flex;align-items:center;gap:var(--spacer-1)}.load-more-row__button.btn{background-color:transparent;padding:0;color:var(--color-text);font-size:inherit;text-decoration:underline}.load-more-row__button.btn:hover:not(.btn--disabled){color:var(--color-text-secondary);background-color:transparent}.load-more-row__button.btn:active:not(.btn--disabled){color:var(--color-text);background-color:transparent}}@layer payload-default{.hierarchy-column-item{display:flex;align-items:center;padding:var(--spacer-1) var(--spacer-2);cursor:pointer;transition:background-color 80ms ease;user-select:none;gap:var(--spacer-2-5);border-radius:var(--button-radius);&:first-child{margin-top:var(--spacer-1)}&:last-child{margin-bottom:var(--spacer-1)}&:hover{background-color:var(--color-bg-hover)}}.hierarchy-column-item--expanded{background-color:var(--color-bg-tertiary);&:hover{background-color:var(--color-bg-tertiary)}}.hierarchy-column-item--selected{background-color:var(--color-bg-selected);&:hover{background-color:var(--color-bg-selected)}&.hierarchy-column-item--expanded{background-color:var(--color-bg-selected)}}.hierarchy-column-item--disabled{cursor:not-allowed;opacity:.5;&:hover{background-color:transparent}.hierarchy-column-item__title{color:var(--color-text-tertiary)}}.hierarchy-column-item__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;input[type=checkbox]{width:100%;height:100%;margin:0}}.hierarchy-column-item__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:500}.hierarchy-column-item__descendant-indicator{width:var(--spacer-1);height:var(--spacer-1);border-radius:50%;background-color:var(--color-bg-success);flex-shrink:0}.hierarchy-column-item__chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-icon-tertiary)}}@layer payload-default{.hierarchy-column{width:280px;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);height:100%;background:var(--color-bg)}.hierarchy-column__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-2);padding:var(--spacer-1) var(--spacer-3);flex-shrink:0;margin-bottom:var(--spacer-2);border-bottom:1px solid var(--color-border)}.hierarchy-column__add-button,.hierarchy-column__header-checkbox{flex-shrink:0}.hierarchy-column__header-title{display:flex;align-items:center;gap:var(--spacer-2);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hierarchy-column__items{flex:1;display:flex;flex-direction:column;overflow-y:auto;margin:0 var(--spacer-2);gap:var(--spacer-1)}.hierarchy-column__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacer-3)}.hierarchy-column__load-more{padding:var(--spacer-1) var(--spacer-2) var(--spacer-1) var(--spacer-2-5)}}@layer payload-default{.hierarchy-column-browser{display:flex;flex:1;overflow-x:auto}.hierarchy-column-browser__column-wrapper{flex-shrink:0}.hierarchy-column-browser__column-wrapper--loading{padding:var(--spacer-3)}}@layer payload-default{.dialog.hierarchy-drawer{width:min(900px,calc(100vw - var(--spacer-6)));height:min(700px,calc(100vh - var(--spacer-6)));max-width:calc(100vw - var(--spacer-6))}.hierarchy-drawer__content{display:flex;flex-direction:column;height:100%;background:var(--color-bg);border-radius:var(--radius-large);overflow:clip;.drawer-action-header{padding:var(--spacer-2) var(--spacer-3)}}.hierarchy-drawer__subheader{display:flex;justify-content:space-between;align-items:center;padding:var(--spacer-2) var(--spacer-2-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.hierarchy-drawer__subheader-left{display:flex;align-items:center;gap:var(--spacer-2);font-weight:500;color:var(--color-text);svg{width:var(--spacer-3);height:var(--spacer-3)}}.hierarchy-drawer__subheader-right{display:flex;align-items:center;gap:var(--spacer-2)}.hierarchy-drawer__selection-info{color:var(--color-text-secondary)}.hierarchy-drawer__clear-all{color:var(--color-text-secondary);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font-size:inherit;&:hover{color:var(--color-text)}}.hierarchy-drawer__move-to-root{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;&:hover{color:var(--color-text)}}.hierarchy-drawer__columns{flex:1;overflow:hidden;display:flex}.hierarchy-drawer__toggler{cursor:pointer}}@layer payload-default{.hierarchy-cell{display:flex;align-items:center}.hierarchy-cell__pill{cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacer-2);&:hover{background-color:var(--color-bg-hover)}}}@layer payload-default{.bool-cell{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap;background:var(--color-bg-tertiary);color:var(--color-text)}}@layer payload-default{.file{display:flex;flex-wrap:nowrap}.file__thumbnail{display:inline-block;max-width:var(--spacer-6);height:var(--spacer-6);border-radius:var(--radius-small)}.file__filename{align-self:center;[dir=ltr] &{margin-left:calc(var(--spacer-4) - var(--spacer-1))}[dir=rtl] &{margin-right:calc(var(--spacer-4) - var(--spacer-1))}}}@layer payload-default{.thumbnail:not(.thumbnail--size-none){min-height:100%;flex-shrink:0;align-self:stretch;overflow:hidden}.thumbnail:not(.thumbnail--size-none) img,.thumbnail:not(.thumbnail--size-none) svg{width:100%;height:100%;object-fit:cover}.thumbnail--size-expand{max-height:100%;width:100%;padding-top:100%;position:relative}.thumbnail--size-expand img,.thumbnail--size-expand svg{position:absolute;top:0}.thumbnail--size-large{max-height:180px;width:180px}.thumbnail--size-medium{max-height:140px;width:140px}.thumbnail--size-small{max-height:100px;width:100px}@media(max-width:1440px){.thumbnail .thumbnail{width:100px}}}@layer payload-default{.json-cell{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);border:0;display:inline-flex;vertical-align:middle;background:var(--color-bg-tertiary);color:var(--color-text);border-radius:var(--radius-medium);padding:0 var(--spacer-1);max-width:99.9%;[dir=ltr] &{padding-left:var(--spacer-2)}[dir=rtl] &{padding-right:var(--spacer-2)}span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}@layer payload-default{.status-cell{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap}.status-cell--published{background:var(--color-bg-selected);color:var(--color-text-brand)}.status-cell--draft{background:var(--color-bg-tertiary);color:var(--color-text)}.status-cell--changed{background:var(--color-bg-warning-tertiary);color:var(--color-text-warning)}.status-cell--previously-published{background:var(--color-bg-tertiary);color:var(--color-text)}}@layer payload-default{.default-cell__first-cell{border:0;background-color:transparent;padding:0;cursor:pointer;text-decoration:underline;text-align:left;white-space:nowrap;height:100%}}@layer payload-default{.drawer-link{display:flex;align-items:center;gap:var(--spacer-1)}.drawer-link__doc-drawer-toggler{display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;margin-top:calc(-1 * var(--spacer-1));margin-bottom:calc(-1 * var(--spacer-1));cursor:pointer;color:var(--color-text);font-size:inherit;line-height:inherit;border-radius:var(--radius-small);&:hover{background-color:var(--color-bg-transparent-hover)}&:active{background-color:var(--color-bg-transparent-pressed)}}}@layer payload-default{.relationship-table-pagination{display:flex;justify-content:space-between;align-items:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text-secondary)}.relationship-table-pagination__nav{display:flex;gap:var(--spacer-3);align-items:center}.relationship-table-pagination__button{background:none;border:none;padding:0;font:inherit;color:var(--color-text-secondary);cursor:pointer;&:hover:not(:disabled){color:var(--color-text)}&:disabled{cursor:not-allowed}}.relationship-table-pagination__count{white-space:nowrap}}@layer payload-default{.relationship-table{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2)}.relationship-table__header{display:flex;justify-content:space-between;align-items:center}.relationship-table__actions{display:flex;align-items:center;gap:var(--spacer-2)}.relationship-table__toggle-columns .btn__icon{color:var(--color-icon-secondary)}.relationship-table__toggle-columns:hover .btn__icon{color:var(--color-text)}.relationship-table__add-new-polymorphic-wrapper{display:inline-flex}.relationship-table__add-new-polymorphic .btn__label{display:flex;text-wrap:nowrap;align-items:center}.relationship-table .table{margin-bottom:0;background:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);overflow:hidden;table{width:100%;overflow:auto}&:not(.table--appearance-condensed) table{[class^=cell]>p,[class^=cell]>span,[class^=cell]>a{line-clamp:4;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box;max-width:100vw}}th,td:first-child{min-width:0}}.field-type.error .relationship-table .table{border-color:var(--color-border-danger-strong)}}@layer payload-default{.field-type.join{--join-header-letter-spacing: -.032px;display:flex;flex-direction:column;gap:var(--spacer-2)}.field-type.join .join__header-wrapper{display:flex;align-items:center;gap:var(--spacer-2)}.field-type.join .relationship-table__header h4{margin:0;font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--join-header-letter-spacing);color:var(--color-text)}}@layer payload-default{.json-field{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);&.error{.code-editor{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}&:focus-within{border-color:var(--field-color-border-focus)}}.monaco-editor-background,.margin{background-color:var(--color-bg-danger-tertiary)}}}}@layer payload-default{.input-stepper{display:flex;flex-direction:column;gap:0;align-self:center;min-width:var(--spacer-4);justify-content:center;align-items:center;button{display:flex;justify-content:center;align-items:center;width:1rem;height:.5rem;padding:0;margin:0;border:none;background:transparent;color:var(--color-icon-secondary);cursor:pointer;transition:color .1s;&:hover:not(:disabled){color:var(--color-icon)}&:disabled{cursor:not-allowed;opacity:.5}}}}@layer payload-default{.field-type.number{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}input{appearance:textfield;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}}&.error .form-input-group:not(:focus-within){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}&.read-only .input-stepper{display:none}}}@layer payload-default{.field-type.point{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);input{appearance:textfield;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}}.point__wrap{display:flex;gap:var(--spacer-3);width:100%;margin:0;list-style:none;padding:0;li{display:flex;flex-direction:column;gap:var(--spacer-2);flex:1 0 0;min-width:0}}&.error .form-input-group:not(:focus-within){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}&.read-only .input-stepper{display:none}}}@layer payload-default{.radio-group{display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}.tooltip:not([aria-hidden=true]){right:auto;position:static;margin-bottom:.2em;max-width:fit-content}ul{list-style:none;padding:0;margin:0}&.error{.radio-input__styled-radio{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}.radio-group--layout-horizontal{ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-2-5)}}.radio-group--layout-vertical{ul{display:flex;flex-direction:column;gap:var(--spacer-2)}}.radio-group--read-only{.radio-input{cursor:default}.radio-input__label{color:var(--field-color-text-readonly)}.radio-input__styled-radio{border-color:var(--field-color-toggle-border-disabled);&:before{background-color:var(--field-color-toggle-border-disabled)}}.radio-input:not(.radio-input--is-selected){&:hover{.radio-input__styled-radio{&:before{opacity:0}}}}}}@layer payload-default{.radio-input{display:flex;align-items:center;gap:var(--spacer-2);cursor:pointer;position:relative;input[type=radio]{opacity:0;margin:0;position:absolute;width:1rem;height:1rem}input[type=radio]:focus-visible+.radio-input__styled-radio{border:var(--accessibility-outline)}}.radio-input__styled-radio{border:var(--stroke-width-small) solid var(--field-color-toggle-border);background-color:transparent;width:1rem;height:1rem;position:relative;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;box-sizing:border-box;&:before{content:"";display:block;border-radius:var(--radius-full);background-color:var(--field-color-toggle-border);width:.5rem;height:.5rem;opacity:0}}.radio-input__styled-radio--disabled{border-color:var(--field-color-toggle-border-disabled);&:before{background-color:var(--field-color-toggle-border-disabled)}}.radio-input__label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);color:var(--color-text)}.radio-input--is-selected{.radio-input__styled-radio{&:before{opacity:1}}}.radio-input:not(.radio-input--is-selected){&:hover{.radio-input__styled-radio{&:before{opacity:.25}}}}}@layer payload-default{.relationship-add-new{display:flex;align-items:stretch;.popup__trigger-wrap{display:flex;align-items:stretch;height:100%}}.relationship-add-new__add-button{display:flex;position:relative;align-items:center;justify-content:center;padding-inline:var(--spacer-1);height:var(--field-min-height);margin:0;background:var(--color-bg-secondary);border:none;border-radius:var(--button-radius);color:var(--color-icon);cursor:pointer;transition:background-color .1s;&:hover{background:var(--color-bg-secondary-hover)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}.relationship-add-new__add-button--unstyled{background:transparent;border:none;padding:0;width:auto;height:auto}}@layer payload-default{.field-type.relationship{position:relative;.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}}.relationship__wrap{display:flex;gap:var(--spacer-1);width:100%;div.react-select{flex:1;min-width:0}}.relationship__input-wrap{position:relative;flex:1;min-width:0}.relationship__error-loading{border:var(--stroke-width-small) solid var(--field-color-border-error);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);background-color:var(--field-color-error-bg);color:var(--field-color-error-text)}.relationship.error>.relationship__wrap .rs__control{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}@layer payload-default{.relationship--multi-value-label{display:flex;padding-inline-start:var(--spacer-2);gap:var(--spacer-1)}.relationship--multi-value-label__content{line-height:1.375rem;max-width:150px;color:currentColor;display:flex;align-items:center}.relationship--multi-value-label__text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.relationship--multi-value-label__drawer-toggler{border:none;background-color:transparent;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;margin-left:var(--spacer-1);pointer-events:all;border-radius:var(--radius-small);border:var(--stroke-width-small) solid transparent;&:hover{background-color:var(--color-bg-transparent-hover)}&:focus-visible{outline:none;border:var(--accessibility-outline);border-width:1px}}}@layer payload-default{.relationship--single-value.rs__single-value{overflow:visible;min-width:0}.relationship--single-value__label-text{max-width:unset;display:flex;align-items:center;overflow:visible;width:100%;flex-shrink:1}.relationship--single-value__text{overflow:hidden;text-overflow:ellipsis}.relationship--single-value__drawer-toggler{border:none;background-color:transparent;padding:0;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacer-1);pointer-events:all;border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-small);&:focus-visible{outline:none;border:var(--accessibility-outline)}&:hover{background-color:var(--color-bg-transparent-hover)}}.relationship--single-value__label{flex-grow:1}}@layer payload-default{.field-type.row{--row-gap: var(--spacer-3);.row__fields{--spacing-field: 0;display:flex;flex-wrap:wrap;row-gap:var(--row-gap);>*{flex:0 1 var(--field-width);min-width:0;display:flex;flex-direction:column;justify-content:flex-start}&:has(>*:nth-child(2)){margin-inline:calc(var(--row-gap) / -2);>*{flex:0 1 calc(var(--field-width) - var(--row-gap));margin-inline:calc(var(--row-gap) / 2)}}}@media(max-width:1024px){.row__fields{flex-direction:column;margin-left:0;margin-right:0;width:100%;>*{margin-left:0;margin-right:0;width:100%!important;padding-left:0;padding-right:0}}}}}@layer payload-default{.field-type.select{position:relative}.field-type.select.error .rs__control{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}@layer payload-default{.tabs__tabs-wrap{overflow-x:auto;overflow-y:hidden;margin-bottom:var(--spacer-2);position:relative;padding-bottom:2px}.tabs__tabs{display:inline-flex;min-width:100%;vertical-align:bottom;position:relative;z-index:1;box-shadow:inset 0 -1px var(--color-border)}.tabs__tab-button{appearance:none;background:none;border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacer-1);padding:var(--spacer-1) var(--spacer-2);margin:0;margin-bottom:var(--spacer-2);cursor:pointer;position:relative;white-space:nowrap;flex-shrink:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);color:var(--color-text-secondary)}.tabs__tab-button:after{content:"";position:absolute;left:var(--spacer-2);right:var(--spacer-2);bottom:calc(-1 * var(--spacer-2) - 1px);height:3px;background:var(--color-icon-brand);border-radius:var(--radius-full);opacity:0;z-index:1}.tabs__tab-button:hover:after{background:var(--color-bg-tertiary);opacity:1}.tabs__tab-button:focus-visible{outline-offset:-1px}.tabs__tab-button--hidden{display:none}.tabs__tab-button--active{font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text)}.tabs__tab-button--active:after{background:var(--color-icon-brand);opacity:1}.tabs__tab-button--active:hover:after{background:var(--color-icon-brand)}.tabs__tab-button--has-error{color:var(--color-text-danger)}.tabs__tab-button--has-error:after{background:var(--field-color-border-error);opacity:1}.tabs__tab-button--has-error:hover:after{background:var(--field-color-border-error)}@media(max-width:768px){.tabs__tab-button{padding-bottom:var(--spacer-2)}}}@layer payload-default{.icon--warning{color:var(--color-bg-warning)}}@layer payload-default{.field-errors{list-style:circle}}@layer payload-default{.tabs-field{margin-top:var(--spacer-6);margin-left:calc(var(--gutter-h) * -1);margin-right:calc(var(--gutter-h) * -1)}.tabs-field--hidden{display:none}.tabs-field__content-wrap{padding-left:var(--gutter-h);padding-right:var(--gutter-h)}.tabs-field--within-collapsible{margin:0 calc(var(--spacer-3) * -1);.tabs-field__content-wrap{padding-left:var(--spacer-3);padding-right:var(--spacer-3)}.tabs-field__tabs{&:before,&:after{content:" ";display:block;width:var(--spacer-2)}}}.tabs-field__tabs-wrap{overflow-x:auto;overflow-y:hidden;margin-bottom:var(--spacer-2);position:relative;padding-bottom:2px}.tabs-field__tabs{display:inline-flex;min-width:100%;vertical-align:bottom;position:relative;z-index:1;box-shadow:inset 0 -1px var(--color-border);&:before,&:after{content:" ";display:block;width:calc(var(--gutter-h) - var(--spacer-2));flex-shrink:0}}.tabs-field__tab--hidden{display:none}.tabs-field__description{margin-bottom:var(--spacer-4)}@media(max-width:768px){.tabs-field--within-collapsible{margin-left:calc(var(--gutter-h) * -1);margin-right:calc(var(--gutter-h) * -1)}}}@layer payload-default{.field-type.text{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default{.field-type.textarea{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);flex-grow:1;.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}textarea{overflow-y:auto;resize:vertical;min-height:calc(var(--field-min-height) * 2);height:auto;display:flex;field-sizing:content;padding:var(--field-padding-inline);&:hover:not(:focus):not(:disabled):not(:read-only){border-color:var(--field-color-border-hover)}}&.error{textarea{border-color:var(--field-color-border-error);&:hover:not(:focus):not(:disabled){border-color:var(--field-color-border-error)}}}}}@layer payload-default{.dropzone{position:relative;display:flex;align-items:flex-start;background:transparent;border:var(--stroke-width-small) dashed var(--special-border-translucent);border-radius:var(--field-border-radius);overflow:clip;width:100%;.btn{margin:0}&:hover{background:var(--color-bg-hover)}&.dragging{border-color:var(--color-border-selected);background:var(--color-bg-brand-tertiary);*{pointer-events:none}}&:focus-within,&.focused{border-color:var(--color-border-selected);background:var(--color-bg-brand-tertiary);outline:none}&.dropzone--has-error{border-color:var(--color-border-danger-strong)}@media(max-width:768px){display:block;text-align:center}&.dropzone--style-none{all:unset}}}@layer payload-default{.bulk-upload--drawer-header{display:flex;align-items:center;gap:var(--spacer-2);padding:var(--spacer-2-5);border-bottom:1px solid var(--color-border);.btn{padding:0;border:0}h2{margin:0;flex:1}}}@layer payload-default{.bulk-upload--add-files{height:100%;display:flex;flex-direction:column}.bulk-upload--add-files__dropArea{height:100%;padding:var(--spacer-2-5);.dropzone{height:100%;align-items:center;flex-direction:column;justify-content:center;display:flex;gap:var(--spacer-4);background-color:var(--color-bg-secondary);p{margin:0}}}.bulk-upload--add-files__dragAndDropText{margin:0;text-transform:lowercase;align-self:center}}@layer payload-default{.field-select{display:flex;flex-direction:column;gap:var(--spacer-2);margin-bottom:var(--spacer-3)}}@layer payload-default{.edit-many-bulk-uploads__form{display:flex;flex-direction:column;min-height:100%;flex-grow:1}.edit-many-bulk-uploads__header{display:flex;align-items:center;gap:var(--spacer-1);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:2}.edit-many-bulk-uploads__header__close{margin:0;padding:0;border:0}.edit-many-bulk-uploads__header__title{margin:0;flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.edit-many-bulk-uploads__header__actions{display:flex;gap:var(--spacer-2);align-items:center;.btn{margin:0}}.edit-many-bulk-uploads__body{flex-grow:1;display:flex;flex-direction:column}.edit-many-bulk-uploads__select-fields{padding:var(--spacer-4);border-bottom:var(--stroke-width-small) solid var(--color-border);.field-select{margin-bottom:0}}.edit-many-bulk-uploads__edit{padding:var(--spacer-4);flex-grow:1}}@layer payload-default{.field-type{display:flex;flex-direction:column;gap:var(--spacer-2);flex-grow:1}.field-type__wrap{position:relative}.render-fields{>.field-type{margin-bottom:var(--spacing-field);position:relative;&[type=hidden]{margin-bottom:0}&:first-child{margin-top:0}&:last-of-type{margin-bottom:0}&.blocks-field,&.array-field,&.collapsible-field,&.rich-text{margin-top:calc(var(--spacing-field) * 2);margin-bottom:calc(var(--spacing-field) * 2);&:first-child{margin-top:0}&:last-child{margin-bottom:0}}&.group-field{margin-top:calc(var(--spacing-field) * 2);margin-bottom:calc(var(--spacing-field) * 3);&:first-child{margin-top:0}&:last-child{margin-bottom:0}}}}}@layer payload-default{.bulk-upload--actions-bar{display:flex;padding-inline:var(--gutter-h);align-items:center;border-bottom:1px solid var(--color-border);position:sticky;z-index:1;top:0;background-color:var(--color-bg);height:var(--doc-controls-height);gap:var(--spacer-2-5)}.bulk-upload--actions-bar__multipleFiles{display:flex;gap:var(--spacer-2-5)}.bulk-upload--actions-bar__navigation{display:flex;gap:var(--spacer-2);align-items:center;width:100%}.bulk-upload--actions-bar__locationText{font-variant-numeric:tabular-nums;margin:0}.bulk-upload--actions-bar__controls{display:flex;gap:var(--spacer-2);.btn{padding:0}}.bulk-upload--actions-bar__buttons{display:flex;gap:var(--spacer-4);margin-left:auto;white-space:nowrap}@media(max-width:1024px){.bulk-upload--actions-bar__navigation{justify-content:space-between}.bulk-upload--actions-bar__saveButtons{display:none}}}@layer payload-default{.gutter--left{padding-left:var(--gutter-h)}.gutter--right{padding-right:var(--gutter-h)}.gutter--negative-left{margin-left:calc(-1 * var(--gutter-h))}.gutter--negative-right{margin-right:calc(-1 * var(--gutter-h))}}@layer payload-default;@layer payload-default{.trash-banner{margin-bottom:var(--spacer-3)}}@layer payload-default{.document-fields{width:100%;display:flex;--doc-sidebar-width: 325px}.document-fields--has-sidebar{--main-width: 66.66%;--main-border: var(--stroke-width-small) solid var(--color-border);--main-field-margin: calc(var(--gutter-h) * -1)}.document-fields--has-sidebar:has(.document-fields__sidebar-wrap .document-fields__sidebar-fields>.render-fields:empty){--main-width: 100%;--main-border: none;--main-field-margin: initial}.document-fields--has-sidebar .document-fields__main{width:var(--main-width)}.document-fields--has-sidebar .document-fields__edit{padding-left:var(--gutter-h);padding-right:var(--gutter-h)}[dir=ltr] .document-fields--has-sidebar .document-fields__edit{top:0;right:0;border-right:var(--main-border)}[dir=rtl] .document-fields--has-sidebar .document-fields__edit{top:0;left:0;border-left:var(--main-border)}.document-fields--has-sidebar .document-fields__fields>.tabs-field{margin-right:var(--main-field-margin)}.document-fields--has-sidebar .document-fields__fields>.group-field:before{right:calc(var(--gutter-h) * -1)}.document-fields__main{width:100%;display:flex;flex-direction:column;min-height:100%;flex-grow:1}.document-fields__edit{padding-top:var(--spacer-4);padding-bottom:var(--spacing-view-bottom);flex-grow:1}.document-fields__sidebar-wrap{position:var(--sidebar-wrap-position, sticky);top:var(--sidebar-wrap-top, var(--doc-controls-height));width:var(--sidebar-wrap-width, 33.33%);height:var(--sidebar-wrap-height, calc(100vh - var(--doc-controls-height)));min-width:var(--sidebar-wrap-min-width, var(--doc-sidebar-width));flex-shrink:var(--sidebar-wrap-flex-shrink, 0)}.document-fields__sidebar-wrap:has(.document-fields__sidebar-fields>.render-fields:empty){--sidebar-wrap-width: 0;--sidebar-wrap-min-width: 0;--sidebar-wrap-position: initial;--sidebar-wrap-top: initial;--sidebar-wrap-height: initial;--sidebar-wrap-flex-shrink: initial}.document-fields__sidebar{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;min-height:100%}.document-fields__sidebar-fields{display:flex;flex-direction:column;gap:var(--spacer-3);padding-top:var(--spacer-4);padding-left:var(--gutter-h);padding-right:var(--gutter-h);padding-bottom:var(--spacing-view-bottom)}.document-fields__label{color:var(--color-text-tertiary)}.document-fields--force-sidebar-wrap{display:block;isolation:isolate;--main-border: none}.document-fields--force-sidebar-wrap .document-fields__main{width:100%;min-height:initial}.document-fields--force-sidebar-wrap .document-fields__sidebar-wrap{position:static;width:100%;height:initial;border-left:0}.document-fields--force-sidebar-wrap .document-fields__sidebar{padding-bottom:calc(var(--spacer-5) * 2);overflow:visible}.document-fields--force-sidebar-wrap .document-fields__sidebar-fields{padding-top:0;padding-bottom:0}@media(max-width:1024px){.document-fields{display:block}.document-fields--has-sidebar .document-fields__main{width:100%}[dir=ltr] .document-fields--has-sidebar .document-fields__edit{border-right:0}[dir=rtl] .document-fields--has-sidebar .document-fields__edit{border-left:0}.document-fields--has-sidebar .document-fields__fields>.tabs-field{margin-right:calc(var(--gutter-h) * -1)}.document-fields__main{width:100%;min-height:initial}.document-fields__sidebar-wrap{position:static;width:100%;height:initial;border-left:0}.document-fields__form{display:block}.document-fields__sidebar-fields{padding-top:0;padding-bottom:0;gap:var(--spacer-2)}.document-fields__sidebar{padding-bottom:calc(var(--spacer-5) * 2);overflow:visible}}@media(max-width:768px){.document-fields__sidebar-wrap{min-width:initial;width:100%}.document-fields__edit{padding-top:var(--spacer-2)}}@container drawer (max-width: 768px){.document-fields--has-sidebar .document-fields__main{width:100%}[dir=ltr] .document-fields--has-sidebar .document-fields__edit{border-right:0}[dir=rtl] .document-fields--has-sidebar .document-fields__edit{border-left:0}.document-fields--has-sidebar .document-fields__fields>.tabs-field{margin-right:calc(var(--gutter-h) * -1)}.document-fields{display:block}.document-fields__main{width:100%;min-height:initial}.document-fields__sidebar-wrap{position:static;width:100%;height:initial;min-width:initial;border-left:0}.document-fields__form{display:block}.document-fields__sidebar-fields{padding-top:0;padding-bottom:0;gap:var(--spacer-2)}.document-fields__sidebar{padding-bottom:calc(var(--spacer-5) * 2);overflow:visible}}@container drawer (min-width: 768px){.document-fields--has-sidebar .document-fields__sidebar-wrap{min-width:320px}}.drawer .document-fields__edit{padding:var(--gutter-h)}}@layer payload-default{.edit-upload{--edit-upload-cell-spacing: var(--spacer-4);--edit-upload-sidebar-width: calc(350px + var(--gutter-h));height:100%;display:flex;flex-direction:column}.edit-upload__header{border-bottom:1px solid var(--color-border);padding:var(--spacer-2-5);display:flex;justify-content:space-between;align-items:center}.edit-upload__header h2{margin:0;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .edit-upload__actions{margin-right:auto;margin-left:unset}.edit-upload__actions{min-width:350px;margin-left:auto;padding:var(--spacer-2) 0 var(--spacer-2) var(--spacer-4);justify-content:flex-end;display:flex;gap:var(--spacer-3);text-wrap:nowrap}.edit-upload__toolWrap{display:flex;justify-content:flex-end;flex:1;min-height:0}.edit-upload .ReactCrop__selection-addon,.edit-upload__crop-window{height:100%;width:100%}.edit-upload__focal-wrapper{position:relative;display:inline-flex;max-height:100%}.edit-upload__draggable-container{position:absolute;inset:0;pointer-events:none}.edit-upload__draggable-container--dragging{pointer-events:all}.edit-upload__draggable-container--dragging .edit-upload__focalPoint{cursor:grabbing}.edit-upload__draggable{position:absolute}.edit-upload__focalPoint{position:absolute;top:50%;left:50%;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;width:50px;height:50px;transform:translate3d(-50%,-50%,0);pointer-events:all}.edit-upload__focalPoint svg{position:absolute;inset:0;background:#00000080;border-radius:100%;width:var(--spacer-6);height:var(--spacer-6);color:#fff}.edit-upload__crop,.edit-upload__focalOnly{padding:var(--spacer-4) var(--spacer-4) var(--spacer-4) 0;width:100%;display:flex;justify-content:center}.edit-upload__crop{padding:var(--edit-upload-cell-spacing);padding-left:var(--gutter-h);display:flex;align-items:flex-start;height:100%}.edit-upload__imageWrap{position:relative}.edit-upload__point{cursor:move;position:absolute;background:#00000080;border-radius:100%}.edit-upload__point svg{width:var(--spacer-6);height:var(--spacer-6)}.edit-upload__sidebar{border-left:1px solid var(--color-border);padding-top:var(--edit-upload-cell-spacing);min-width:var(--edit-upload-sidebar-width)}.edit-upload__sidebar>div:first-child{margin-bottom:var(--spacer-3)}.edit-upload__groupWrap{display:flex;flex-direction:column;gap:var(--spacer-2);padding-right:var(--gutter-h);padding-left:var(--edit-upload-cell-spacing);width:100%}.edit-upload__groupWrap+.edit-upload__groupWrap{padding-top:var(--edit-upload-cell-spacing);margin-top:var(--edit-upload-cell-spacing);border-top:1px solid var(--color-border)}.edit-upload__inputsWrap,.edit-upload__titleWrap{display:flex;gap:var(--spacer-3)}.edit-upload__titleWrap{justify-content:space-between;align-items:center}.edit-upload__titleWrap h3{margin:0}.edit-upload__reset{height:fit-content;border-radius:var(--radius-small);background-color:var(--color-bg-secondary);padding:0 var(--spacer-2)}.edit-upload__input{flex:1}@media(max-width:1024px){.edit-upload{--edit-upload-cell-spacing: var(--gutter-h)}.edit-upload__sidebar{padding-left:0;border-left:0;width:100%}.edit-upload__toolWrap{flex-direction:column-reverse}}@media(max-width:768px){.edit-upload{flex-direction:column}.edit-upload__focalPoint{border-right:none;padding:var(--spacer-3) 0}.edit-upload__inputsWrap{flex-direction:column;gap:var(--spacer-3)}.edit-upload__sidebar{min-width:0}}}@layer payload-default{.file-field{position:relative;margin-bottom:var(--spacer-3);background:var(--color-bg-secondary);border-radius:var(--radius-small)}.file-field__upload{display:flex}.file-field .tooltip.error-message{z-index:3;bottom:calc(100% - var(--spacer-2))}.file-field__file-selected{display:flex}.file-field__thumbnail-wrap{position:relative;width:150px;.thumbnail{position:relative;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-small) 0 0 var(--radius-small)}}.file-field__remove{margin:var(--spacer-4) var(--spacer-3) var(--spacer-3) 0;place-self:flex-start}.file-field__file-adjustments,.file-field__remote-file-wrap{padding:var(--spacer-3);width:100%;display:flex;flex-direction:column;gap:var(--spacer-2)}.file-field__filename,.file-field__remote-file{font-family:var(--font-body);width:100%;border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg-primary);color:var(--color-text);font-size:1rem;height:var(--spacer-6);line-height:var(--spacer-3);padding:var(--spacer-1) var(--spacer-2-5);-webkit-appearance:none;&[data-rtl=true]{direction:rtl}&::-webkit-input-placeholder{color:var(--color-text-tertiary);font-weight:400;font-size:1rem}&:hover{border-color:var(--color-border-hover)}&:focus{border-color:var(--color-border-selected);outline:none}}.file-field__upload-actions,.file-field__add-file-wrap{display:flex;gap:var(--spacer-2);flex-wrap:wrap}.file-field__upload-actions{margin-top:var(--spacer-2)}.file-field__previewDrawer{h2{margin:0 var(--spacer-3) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--spacer-6))}}.file-field .dropzone{background-color:transparent;padding:var(--spacer-2-5)}.file-field__dropzoneContent{display:flex;flex-wrap:wrap;gap:var(--spacer-1);justify-content:space-between;width:100%}.file-field__dropzoneButtons{display:flex;gap:var(--spacer-2);align-items:center}.file-field__orText{color:var(--color-text-tertiary);text-transform:lowercase}.file-field__dragAndDropText{flex-shrink:0;margin:0;text-transform:lowercase;align-self:center;color:var(--color-text-tertiary)}@media(max-width:768px){.file-field__upload{flex-wrap:wrap;justify-content:space-between}.file-field__remove{margin:var(--spacer-3);order:2}.file-field__file-adjustments{order:3;border-top:2px solid var(--color-bg-primary);padding:var(--spacer-2);gap:0}.file-field__thumbnail-wrap{order:1;width:50%;.thumbnail{width:100%}}.file-field__edit{display:none}}}@layer payload-default{.file-details-draggable{display:flex;gap:var(--spacer-2);align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-small);padding:var(--spacer-2-5)}.file-details-draggable--drag-wrapper{display:flex;gap:var(--spacer-2);align-items:center}.file-details-draggable__thumbnail{max-width:var(--spacer-4)}.file-details-draggable__actions{flex-grow:2;display:flex;gap:var(--spacer-2);align-items:center;justify-content:flex-end}.file-details-draggable__remove.btn--style-icon-label{margin:0}}@layer payload-default{.copy-to-clipboard{position:relative;cursor:pointer;vertical-align:middle;border:0;background:transparent;border-radius:var(--button-radius);color:var(--color-icon);outline:var(--stroke-width-medium) solid transparent;outline-offset:calc(var(--stroke-width-medium) * -1);&:hover{background:var(--color-bg-secondary)}&:active{background:var(--color-bg-secondary-pressed)}&:focus-visible{outline-color:var(--color-border-selected)}}}@layer payload-default{.file-meta__url{display:flex;gap:8px}.file-meta__url a{font-weight:600;text-decoration:none}.file-meta__url a:hover,.file-meta__url a:focus-visible{text-decoration:underline}.file-meta__size-type,.file-meta__url a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta__edit{position:relative}}@layer payload-default{.file-details{background:var(--theme-elevation-50);border:var(--stroke-width-small) solid var(--theme-border-color);border-radius:var(--style-radius-m);box-shadow:0 2px 2px -1px #0000001a}.file-details:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.file-details header{display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.file-details__remove{position:absolute;margin:0;top:1.5384615385rem;right:1.5384615385rem}.file-details__remove .btn__icon{border:var(--stroke-width-small) solid var(--theme-border-color);background:var(--theme-input-bg);box-shadow:0 2px 2px -1px #0000001a;transition:border .1s cubic-bezier(0,.2,.2,1)}.file-details__remove .btn__icon:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.file-details__remove .btn__icon:hover{border:var(--stroke-width-small) solid var(--theme-elevation-400)}.file-details__main-detail{padding:var(--base) calc(var(--base) * 1.2);width:auto;flex-grow:1;min-width:280px;max-width:100%;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:calc(var(--base) * .2)}.file-details__toggle-more-info{font-weight:600;text-decoration:none}.file-details__toggle-more-info:hover,.file-details__toggle-more-info:focus-visible{text-decoration:underline}.file-details__toggle-icon{padding:calc(var(--base) / 4)}.file-details__sizes{margin:0;padding:calc(var(--base) * 1.5) 1.5384615385rem 0;list-style:none;display:flex;flex-wrap:wrap}.file-details__sizes li{width:50%;padding:0 calc(var(--base) * .5);margin-bottom:1.5384615385rem}.file-details__size-label{color:var(--theme-elevation-400)}.file-details__file-mutation{display:flex;margin-top:calc(var(--base) * .25);gap:calc(var(--base) / 2)}.file-details__edit{cursor:pointer;background-color:var(--theme-elevation-150);border:none;border-radius:4px;padding:calc(var(--base) * .25) calc(var(--base) * .5)}.file-details__edit:hover{background-color:var(--theme-elevation-100)}@media(max-width:1440px){.file-details__main-detail{padding:1.5384615385rem}.file-details__sizes{display:block;padding:1.5384615385rem 1.5384615385rem calc(var(--base) * .5)}.file-details__sizes li{padding:0;width:100%}}@media(max-width:1024px){.file-details header{flex-wrap:wrap}.file-details .thumbnail{width:50%;order:1}.file-details__remove{order:2}.file-details__main-detail{order:3;width:100%}}}@layer payload-default{.preview-sizes{margin:40px calc(var(--gutter-h) * -1) 0 calc(var(--gutter-h) * -1);border-top:1px solid var(--theme-elevation-150);max-height:calc(100vh - 120px);height:100%;display:flex;flex-direction:row}.preview-sizes__imageWrap{min-width:60%;border-right:1px solid var(--theme-elevation-150)}.preview-sizes__preview{max-height:calc(100% - 120px);padding:30px 30px 30px var(--gutter-h);object-fit:contain}.preview-sizes__meta{border-bottom:1px solid var(--theme-elevation-150);padding:20px var(--gutter-h);display:flex;flex-wrap:wrap;column-gap:20px}.preview-sizes__meta .file-meta{display:flex;flex-wrap:wrap;column-gap:20px;text-wrap:wrap;width:100%}.preview-sizes__meta .file-meta__url{width:100%}.preview-sizes__sizeName,.preview-sizes .file-meta__size-type{color:var(--theme-elevation-600)}.preview-sizes__listWrap{padding-right:var(--gutter-h);overflow-y:scroll}.preview-sizes__listWrap::-webkit-scrollbar{width:0}.preview-sizes__listWrap:after{content:"";display:block;position:sticky;bottom:0;left:0;height:80px;width:100%;background:linear-gradient(180deg,transparent 0,var(--theme-bg) 100%);pointer-events:none}.preview-sizes__list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:30px 0 30px 30px}.preview-sizes__sizeOption{padding:10px;display:flex;gap:20px;cursor:pointer;transition:background-color .2s ease-in-out}.preview-sizes__sizeOption:hover,.preview-sizes--selected{background-color:var(--theme-elevation-100)}.preview-sizes__image{display:flex;width:30%;min-width:30%;align-items:center;justify-content:center}.preview-sizes__sizeMeta{padding:10px 0}.preview-sizes__sizeName,.preview-sizes__sizeMeta{overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.preview-sizes{margin-top:20px;max-height:calc(100vh - 80px)}}@media(max-width:768px){.preview-sizes{margin-top:0;max-height:calc(100vh - 70px);flex-direction:column;justify-content:space-between}.preview-sizes__imageWrap{height:60%;border:none}.preview-sizes__list,.preview-sizes__preview{padding:calc(var(--gutter-h) * 2) var(--gutter-h)}.preview-sizes__preview{max-height:calc(100% - 80px)}.preview-sizes__sizeOption{padding:5px}.preview-sizes__listWrap{border-top:1px solid var(--theme-elevation-150);height:40%}}}@layer payload-default{.collection-edit{width:100%}.collection-edit__form{height:auto}}@layer payload-default{.file-selections{--file-gutter-h: var(--spacer-2);border-right:1px solid var(--color-border);padding:0;display:flex;flex-direction:column;width:250px;overflow:visible;max-height:100dvh}.file-selections__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--color-bg);flex-wrap:wrap;p{margin:0}}.file-selections__header--hasErrors{padding-top:var(--spacer-2)}.file-selections__collectionSelect{width:100%;.react-select{width:100%}.field-type__wrap{width:100%;padding-block:var(--spacer-4);padding-inline:var(--file-gutter-h)}}.file-selections__headerTopRow{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-4);width:100%;padding-block:var(--spacer-2-5);padding-inline:var(--file-gutter-h)}.file-selections__header__error{padding-inline:var(--file-gutter-h);.error-pill{align-self:flex-start}}.file-selections__selectedCount{margin:0}.file-selections__filesContainer{display:flex;flex-direction:column;gap:var(--spacer-2);margin-top:var(--spacer-2-5);width:100%;padding-inline:var(--file-gutter-h);.shimmer-effect{border-radius:var(--radius-medium)}}.file-selections__fileRowContainer{--rowPadding: var(--spacer-2);position:relative;&:last-child{margin-bottom:var(--spacer-2)}}.file-selections__fileRow{display:flex;padding:var(--rowPadding);align-items:center;gap:var(--spacer-2-5);border-radius:var(--radius-medium);max-width:100%;cursor:pointer;width:100%;&:hover{background-color:var(--color-bg-hover)}.file-selections__thumbnail,.file-selections__thumbnail-shimmer{width:var(--spacer-4);height:var(--spacer-4);border-radius:var(--radius-small);flex-shrink:0;object-fit:cover}p{margin:0}}.file-selections__fileRowContainer:has(.file-selections__remove--overlay:hover) .file-selections__fileRow{background-color:var(--color-bg-hover)}.file-selections__fileDetails{display:flex;flex-direction:column;min-width:0}.file-selections__fileRowContainer--active{.file-selections__fileRow{background-color:var(--color-bg-hover)}.file-selections__remove{.icon--x{opacity:1}}}.file-selections__errorCount{margin-left:auto;position:absolute;transform:translate(50%,-50%);top:0;right:0}.file-selections__fileName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-selections__fileSize{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height);color:var(--color-text-tertiary);flex-shrink:0}.file-selections__remove{margin:0 0 0 auto;.icon--x{opacity:.75}}.file-selections__remove--underlay{pointer-events:none;opacity:0}.file-selections__remove--overlay{position:absolute;transform:translateY(-50%);top:50%;bottom:50%;right:var(--rowPadding);height:20px;border-radius:var(--radius-medium);cursor:pointer;&:hover{background-color:var(--color-bg-tertiary);.icon--x{opacity:1}}}.file-selections__header__actions{display:flex;align-items:center;gap:var(--spacer-2)}.file-selections__toggler{display:none;margin:0;padding-block:0}.file-selections__header__mobileDocActions{display:none}.file-selections__animateWrapper{overflow:auto}.file-selections__mobileBlur{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .1s cubic-bezier(0,.2,.2,1);&:before,&:after{content:" ";position:absolute;inset:0}&:before{background:var(--color-bg);opacity:.75}&:after{backdrop-filter:blur(8px)}}.file-selections__showingFiles{.file-selections__mobileBlur{opacity:1}}@media(max-width:1024px){.file-selections{--file-gutter-h: var(--gutter-h);flex-direction:column-reverse;width:100%;position:sticky;bottom:0;flex-shrink:0}.file-selections__showingFiles{z-index:2}.file-selections__filesContainer{&:before,&:after{content:" ";position:absolute;inset:0}&:before{background:var(--color-bg);opacity:.75}&:after{backdrop-filter:blur(8px)}}.file-selections__fileRowContainer{z-index:1}.file-selections__header{margin-top:0;border-top:1px solid var(--color-border);gap:var(--spacer-2-5);padding-block:var(--spacer-2-5);padding-inline:var(--file-gutter-h)}.file-selections__header__error{padding-inline:0}.file-selections__headerTopRow{padding-block:0;padding-inline:0;flex:1;width:auto}.file-selections__selectedCount{display:none}.file-selections__header__actions{display:flex;justify-content:flex-end;padding-block:0}.file-selections__header__mobileDocActions{position:relative;display:flex;justify-content:flex-end;margin-inline-start:auto;padding-block:0;>div{display:flex;justify-content:flex-end;button{flex:0 0 auto}}}.file-selections__toggler{margin:0;padding-inline-end:0;display:flex;justify-content:flex-end;flex-grow:1;.btn__content{width:100%;justify-content:space-between}}}}@layer payload-default{.bulk-upload--file-manager{display:flex;height:100%;width:100%;overflow:hidden}.bulk-upload--file-manager__editView{flex-grow:1;height:100%;max-height:100%;overflow:auto}@media(max-width:1024px){.bulk-upload--file-manager{flex-direction:column-reverse}.bulk-upload--file-manager__editView{flex-grow:1}}}@layer payload-default{.upload-relationship-details{display:flex;align-items:center;gap:var(--spacer-2-5);width:100%;min-width:0;overflow:hidden;.btn{margin:0}}.upload-relationship-details__imageAndDetails{display:flex;gap:var(--spacer-2-5);align-items:center;min-width:0;flex:1 1 0}.upload-relationship-details__thumbnail{flex-shrink:0;border-radius:var(--radius-medium);width:var(--spacer-4)}.upload-relationship-details__details{display:flex;flex-direction:column;gap:var(--spacer-1);overflow:hidden;flex:1 1 0;min-width:0}.upload-relationship-details__filename{margin:0;color:var(--text-default);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;a{text-decoration:none;color:inherit;&:focus-visible{outline-offset:-1px}}}.upload-relationship-details__meta{margin:0;color:var(--color-text-secondary);text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-relationship-details__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacer-1);.btn:focus-visible{outline-offset:-3px}}}@layer payload-default{.upload-field-card{background:var(--field-color-upload-bg);border:var(--stroke-width-small) solid var(--field-color-upload-border);border-radius:var(--radius-medium);display:flex;align-items:center;gap:var(--spacer-1);width:100%}.upload-field-card--readOnly{background:var(--field-color-bg-readonly);border:var(--stroke-width-small) solid var(--field-color-border-readonly)}.upload-field-card--size-medium{padding:var(--spacer-2);.thumbnail{width:var(--spacer-6);height:var(--spacer-6)}}.upload-field-card--size-small{padding:var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-1);.thumbnail{width:var(--spacer-4);height:var(--spacer-4)}}}@layer payload-default{.upload--has-many{position:relative;max-width:100%}.upload--has-many__drag{cursor:grab}.upload--has-many__drag[aria-disabled=true]:hover{cursor:default}.upload--has-many__draggable-rows{display:flex;flex-direction:column;gap:var(--spacer-2)}.upload--has-many__dragItem{.icon--drag-handle{color:var(--color-text-tertiary)}}}@layer payload-default{.upload__dropzoneAndUpload{display:flex;flex-direction:column;gap:var(--spacer-2)}.upload__dropzoneContent{display:flex;align-items:center;justify-content:space-between;padding:var(--spacer-2-5);gap:var(--spacer-2);width:100%}.upload__dropzoneContent__buttons{display:flex;align-items:center;gap:var(--spacer-2)}.upload__dropzoneContent__orText{color:var(--color-text-secondary);text-transform:lowercase}.upload__dragAndDropText{flex-shrink:0;margin:0;text-transform:lowercase;color:var(--color-text-secondary)}.upload__loadingRows{display:flex;flex-direction:column;gap:var(--spacer-2)}.upload .shimmer-effect{border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border)}@media(max-width:768px){.upload__dragAndDropText{display:none}}}@layer payload-default{.upload{position:relative;max-width:100%}}@layer payload-default{.array-field{display:flex;flex-direction:column;gap:var(--spacer-2)}.array-field__header{display:flex;flex-direction:column;gap:var(--spacer-1)}.array-field__header-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacer-2)}.array-field__header-content{display:flex;align-items:center;gap:var(--spacer-2)}.array-field__header-actions{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-shrink:0;color:var(--color-text);gap:var(--spacer-1);>li:last-child .array-field__header-action{padding:0}@media(max-width:768px){>li:not(:last-child){display:none}}}.array-field__header-action{cursor:pointer;padding:var(--spacer-1) var(--spacer-2);border-radius:var(--radius-medium);&:hover,&:focus-visible{background:var(--color-bg-transparent-hover)}&:active{background:var(--color-bg-transparent-pressed)}}.array-field__row-header{display:flex;align-items:center;gap:var(--spacer-2);pointer-events:none}.array-field__draggable-rows{display:flex;flex-direction:column;gap:var(--spacer-2)}.array-field__title{margin-bottom:0}.array-field__add-row.btn{align-self:flex-start;margin:0}.array-field__row--is-dragging{opacity:.5}}@layer payload-default{.icon--eye{flex-shrink:0}}@layer payload-default{.field-type.confirm-password{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}.confirm-password__input-wrap{position:relative;display:flex;align-items:center}.confirm-password__toggle-button{position:absolute;right:calc(var(--spacer-2) - 5px);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);color:var(--color-icon-secondary);cursor:pointer;&:hover{color:var(--color-icon-secondary-hover)}&:disabled{color:var(--color-icon-disabled);cursor:not-allowed}}&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default{.field-type.password{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}.password__input-wrap{position:relative;display:flex;align-items:center}.password__toggle-button{position:absolute;right:calc(var(--spacer-2) - 5px);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);color:var(--color-icon-secondary);cursor:pointer;&:hover{color:var(--color-icon-secondary-hover)}&:disabled{color:var(--color-icon-disabled);cursor:not-allowed}}&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default;@layer payload-default{.sort-header{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-icon-tertiary);border-radius:var(--button-radius);&:hover{color:var(--color-icon)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);color:var(--color-icon)}}.sort-header--active{color:var(--color-icon)}}@layer payload-default{.sort-row{display:inline-flex;align-items:center;justify-content:center;color:var(--color-icon-secondary);cursor:not-allowed;border-radius:var(--button-radius);&.active{cursor:grab;&:hover{color:var(--color-icon)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);color:var(--color-icon)}}}}@layer payload-default{.table{overflow:auto;max-width:100%;isolation:isolate;table{min-width:100%}thead{color:var(--color-text-secondary);th{font-weight:400;text-align:left;vertical-align:middle;height:calc(var(--spacer-4) * 2)}}th,td{vertical-align:middle;padding:var(--spacer-2) var(--spacer-2-5);min-width:150px;position:relative;z-index:1;height:calc(var(--spacer-4) * 2);&:first-child{padding-inline-start:var(--gutter-h);padding-inline-end:var(--spacer-2)}&:last-child{padding-inline-end:var(--spacer-2)}}.drawer & th:first-child,.drawer & td:first-child{padding-inline-start:var(--spacer-3)}.drawer & th:last-child,.drawer & td:last-child{padding-inline-end:var(--spacer-3)}td.cell--linked{padding:0;&:first-child,&:last-child{padding:0}>:is(a,button){display:flex;align-items:center;width:100%;padding:var(--spacer-2) var(--spacer-2-5);min-height:calc(var(--spacer-4) * 2);cursor:pointer}&:first-child>:is(a,button){padding-inline-start:var(--gutter-h)}}.drawer & td.cell--linked:first-child>:is(a,button){padding-inline-start:var(--spacer-3)}#heading-_select,.cell-_select{width:var(--spacer-5);min-width:var(--spacer-5);padding-inline-end:var(--spacer-2);padding-block:var(--spacer-2);text-align:center}#heading-_dragHandle{display:flex;align-items:center;justify-content:center}#heading-_dragHandle,.cell-_dragHandle{width:var(--spacer-4);min-width:var(--spacer-4);padding:var(--spacer-2) 0;text-align:center;vertical-align:middle}tbody tr{position:relative;border-top:var(--stroke-width-small) solid var(--color-border);&:hover{background:var(--color-bg-secondary)}&:focus-within{outline:none;background:var(--color-bg-secondary)}&:has(.select-row input:checked){background:var(--color-bg-selected)}}a:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);border-radius:var(--radius-small)}}[dir=rtl] .table thead th{text-align:right}.table--appearance-condensed{border-radius:var(--radius-medium);table{border-collapse:collapse}thead{background:var(--color-bg-secondary);th{height:var(--spacer-5)}th:first-child{border-top-left-radius:var(--radius-medium)}th:last-child{border-top-right-radius:var(--radius-medium)}}tbody tr{background:var(--color-bg);&:last-child{td:first-child{border-bottom-left-radius:var(--radius-medium)}td:last-child{border-bottom-right-radius:var(--radius-medium)}}}th,td{padding:0 var(--spacer-2-5);min-width:120px;height:var(--spacer-5);line-height:var(--text-body-medium-line-height);vertical-align:middle;border-right:var(--stroke-width-small) solid var(--color-border);&:last-child{border-right:none}&:first-child{padding-inline-start:var(--spacer-2-5)}>span,>a{display:flex;align-items:center;height:100%}}td.cell--linked{padding:0;&:first-child,&:last-child{padding:0}>:is(a,button){display:flex;align-items:center;width:100%;padding:0 var(--spacer-2-5);min-height:var(--spacer-5);cursor:pointer}&:first-child>:is(a,button){padding-inline-start:var(--spacer-2-5)}}tbody td{border-top:var(--stroke-width-small) solid var(--color-border)}th{border-bottom:var(--stroke-width-small) solid var(--color-border)}}.table--drag-preview{cursor:grabbing;z-index:var(--z-popup)}@media(max-width:1024px){.table{th,td{max-width:70vw}}}}@layer payload-default{.query-preset-columns-cell{display:flex;flex-wrap:wrap;gap:var(--spacer-1)}}@layer payload-default{.query-preset-columns-field,.query-preset-group-by-field,.query-preset-where-field{.field-label{margin-bottom:var(--spacer-2)}}.query-preset-columns-field__hint,.query-preset-group-by-field__hint,.query-preset-where-field__hint{margin:0;color:var(--color-text-secondary)}.query-preset-where-field .where-builder{padding:0;border-bottom:none}}@layer payload-default{.condition-value-relationship__error-loading{border:var(--stroke-width-small) solid var(--color-border-danger);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);background-color:var(--color-bg-danger);color:var(--color-text)}}@layer payload-default{.condition{display:contents;.btn{vertical-align:middle;margin:0}}.condition__wrap,.condition__inputs{display:contents}.condition__join-label{display:block;color:var(--color-text)}.condition__join .rs__control{min-height:var(--spacer-4);padding-block:0;padding-inline:calc(var(--spacer-1) * 1.5) var(--spacer-4);text-transform:lowercase}.condition__join-menu{text-transform:lowercase}.condition__join .rs__indicators{inset-block:0;min-height:0;align-items:center}.condition__inputs>div{min-width:0}.condition__field .field-label{padding-bottom:0}.condition__actions{display:flex;gap:var(--spacer-2)}@media(max-width:768px){.condition{display:block}.condition__wrap{margin-top:var(--spacer-3);display:grid;grid-template-columns:1fr auto;grid-template-areas:"join actions" "field field" "operator operator" "value value";gap:var(--spacer-2);align-items:start}.condition__inputs{display:contents}.condition__join{grid-area:join}.condition__join .rs__control{min-width:calc(var(--spacer-4) * 3)}.condition__field{grid-area:field}.condition__operator{grid-area:operator}.condition__value{grid-area:value}.condition__inputs>div{flex-basis:auto;width:100%}.condition__actions{grid-area:actions;align-self:center}}}@layer payload-default{.where-builder{display:flex;flex-direction:column;gap:var(--spacer-2);padding-block:var(--spacer-3);padding-inline:var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border);.btn{margin:0;align-self:flex-start}}.where-builder__label{margin:0;color:var(--color-text)}.where-builder__add-or.btn{color:var(--color-text-secondary);.icon--circle-plus{width:var(--spacer-4);height:var(--spacer-4)}}.where-builder__or-filters{margin:0;padding:0;display:grid;grid-template-columns:minmax(calc(var(--spacer-4) * 2),max-content) 1fr 1fr 1fr auto;column-gap:var(--spacer-2);row-gap:var(--spacer-2);align-items:center}.where-builder__and-filters{display:contents}.where-builder__add-or-row{grid-column:2 / -1}@media(max-width:768px){.where-builder__or-filters{display:flex;flex-direction:column;gap:var(--spacer-2)}.where-builder__and-filters{display:revert;width:100%}.where-builder__add-or-row{grid-column:revert;align-self:flex-start}}@media(max-width:768px){.where-builder{padding-top:var(--spacer-2)}}}@layer payload-default{.group-by-control__popup .popup__scroll-container{padding:0}.group-by-control__header{display:flex;align-items:center;justify-content:space-between;height:var(--spacer-6);padding-left:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-large) var(--radius-large) 0 0}.group-by-control__title{align-self:stretch;align-items:center;display:flex;flex:1;padding:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text)}.group-by-control__header-actions{display:flex;gap:var(--spacer-1);padding:var(--spacer-2)}.group-by-control__body{padding:var(--spacer-2) 0}.group-by-control__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--spacer-2);align-items:center;padding:var(--spacer-1) var(--spacer-3)}.group-by-control__label{display:flex;align-items:center;height:var(--spacer-4);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-by-control__input,.group-by-control__select-popup{width:100%}.group-by-control__select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--spacer-4);padding:0 var(--spacer-1) 0 var(--spacer-2);background:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--button-radius);cursor:pointer;color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}.group-by-control__select-trigger:hover:not(.group-by-control__select-trigger--disabled){border-color:var(--color-border-hover)}.group-by-control__select-trigger--disabled{opacity:.5;cursor:not-allowed}.group-by-control__select-trigger svg{flex-shrink:0;color:var(--color-text-secondary)}.group-by-control__select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer payload-default{.query-preset-heading{margin:var(--spacer-4) 0 var(--spacer-2-5);color:var(--color-text);font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height)}.field-type.row.query-preset-controls-row{margin-top:var(--spacer-4);.row__fields{align-items:center;column-gap:var(--spacer-2);flex-wrap:nowrap;&:has(>*:nth-child(2)){margin-inline:0;>*{flex:0 0 auto;margin-inline:0;max-width:fit-content}}@media(max-width:1024px){flex-direction:row}}.row__fields:has(>*:nth-child(2))>.query-preset-heading{margin-block:0;margin-inline-end:auto}}.query-preset-access-group.group-field--top-level:before{display:none}}@layer payload-default{.document-locked__updated-at{margin-top:var(--spacer-2)}}@layer payload-default{.table-section{display:flex;flex-direction:column}.table-section__header-inner{display:flex;align-items:center;min-height:calc(var(--spacer-6) + var(--spacer-2));padding:0 var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border)}.table-section__heading{margin:0;flex-grow:1;font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.table-section__header .list-selection__actions button{margin:0}.table-section__content{padding-bottom:var(--spacer-2)}.table-section__divider{display:none;height:var(--spacer-2);background:var(--color-bg-secondary);border-top:var(--stroke-width-small) solid var(--color-border);border-bottom:var(--stroke-width-small) solid var(--color-border)}.table-section+.table-section>.table-section__divider{display:block}@media(max-width:768px){.table-section__header{padding:0 calc(var(--spacer-3) - var(--spacer-2))}.table-section__content{padding:0 calc(var(--spacer-3) - var(--spacer-2));padding-bottom:var(--spacer-2)}.table-section__footer{padding:var(--spacer-2) var(--spacer-3)}}}@layer payload-default{.icon--language{flex-shrink:0}}@layer payload-default;@layer payload-default{.localizer{position:relative;display:flex;align-items:center;flex-wrap:nowrap}.localizer__button-content{display:flex;align-items:center}.localizer .btn__content{gap:0}.localizer .btn:not(.btn--selected) .btn__icon{color:var(--color-icon-secondary)}}@layer payload-default{.nav-toggler{position:relative;display:flex;align-items:center;background:transparent;padding:0;margin:0;border:0;cursor:pointer}}@layer payload-default{.step-nav{display:flex;align-items:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text);&:after{content:" ";position:sticky;top:0;right:0;width:var(--spacer-3);background:linear-gradient(to right,transparent,var(--color-bg))}a{display:flex;align-items:center;text-decoration:none;border-radius:var(--button-radius);label{cursor:pointer}}span{max-width:calc(var(--spacer-6) * 4);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;&:has(.dashboard-breadcrumb-dropdown,.dashboard-breadcrumb-dropdown__editing){max-width:none;overflow:visible;white-space:normal}}}.step-nav__separator{color:var(--color-text-tertiary);width:var(--spacer-2);display:flex;align-items:center;justify-content:center}.step-nav__last{color:var(--color-text-secondary)}.step-nav__item:not(.btn),.step-nav__item:has(.btn){margin-left:var(--spacer-2)}.step-nav__item:has(.btn){margin-left:0}}@layer payload-default{.graphic-account{vector-effect:non-scaling-stroke;overflow:visible;position:relative}.graphic-account__bg{fill:var(--color-bg-secondary);stroke:var(--color-border);stroke-width:var(--stroke-width-small)}.graphic-account__head,.graphic-account__body{fill:var(--color-icon-secondary)}.graphic-account--active .graphic-account__bg{fill:var(--color-bg-selected);stroke:var(--color-border-selected)}.graphic-account--active .graphic-account__head,.graphic-account--active .graphic-account__body{fill:var(--color-icon-selected)}.graphic-account:hover:not(.graphic-account--active) .graphic-account__bg{fill:var(--color-bg-hover);stroke:var(--color-border-strong)}.graphic-account:hover:not(.graphic-account--active) .graphic-account__head,.graphic-account:hover:not(.graphic-account--active) .graphic-account__body{fill:var(--color-icon)}}@layer payload-default;@layer payload-default;@layer payload-default{.icon--variable-color{flex-shrink:0}}.user-menu{display:inline-flex;align-items:center}.user-menu__trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}.user-menu__trigger--active{opacity:.8}.user-menu__profile{display:flex;flex-direction:column;align-items:center;padding:var(--spacer-3) var(--spacer-2);gap:var(--spacer-2);text-decoration:none;color:inherit;&:hover{text-decoration:none}}.user-menu__avatar{width:var(--spacer-6);height:var(--spacer-6);border-radius:50%;overflow:hidden;flex-shrink:0;img{width:100%;height:100%;object-fit:cover}}.user-menu__name,.user-menu__identifier{font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing);margin:0;text-align:center}.user-menu__name+.user-menu__identifier{color:var(--color-text-secondary)}.user-menu__submenu-header-wrap{padding:0 var(--spacer-2)}.user-menu__submenu-header-row{display:flex;align-items:center;gap:var(--spacer-1)}.user-menu__submenu-title{margin:0;color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing)}@layer payload-default{.app-header{position:relative;width:100%;z-index:var(--z-modal)}.app-header__mobile-nav-toggler{display:none}.app-header__localizer.localizer{flex-shrink:0}.app-header__content{display:flex;align-items:center;padding:var(--spacer-2-5) var(--gutter-h);gap:var(--spacer-2-5);position:relative;flex-grow:1}.app-header__wrapper{display:flex;gap:var(--spacer-2);align-items:center;flex-grow:1;justify-content:space-between;width:100%}.app-header__account{position:relative;flex-shrink:0;&:focus:not(:focus-visible){opacity:1}&:focus-visible{outline:none;&:after{content:"";outline:none;border:var(--accessibility-outline);border-radius:var(--button-radius);position:absolute;inset:0;pointer-events:none}}}.app-header__step-nav-wrapper{display:flex;margin-right:auto;margin-left:calc(-1 * var(--spacer-1));flex-grow:0;gap:var(--spacer-1);width:100%}.app-header__controls-wrapper{display:flex;align-items:center;gap:var(--spacer-2);flex:1;min-width:0}.app-header__sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:var(--stroke-width-small) solid transparent;border-radius:var(--button-radius);cursor:pointer;color:var(--color-icon);transition:background-color .15s ease,border-color .15s ease;&:hover{background-color:var(--color-bg-transparent-hover)}&:focus-visible{outline:none;border-color:var(--color-border-selected)}}.app-header__actions-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacer-2-5)}.app-header__gradient-placeholder{position:absolute;top:0;right:0;width:var(--spacer-3);height:var(--spacer-3);background:linear-gradient(to right,transparent,var(--color-bg))}.app-header__actions{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0;max-width:600px;white-space:nowrap;&::-webkit-scrollbar{display:none}}.app-header__last-action{margin-right:var(--spacer-3)}@media(max-width:1440px){.app-header__actions{max-width:500px}}@media(max-width:1024px){.app-header__gradient-placeholder{right:var(--spacer-3)}.app-header__actions{max-width:300px}}@media(max-width:768px){.app-header__content{padding:var(--spacer-2-5)}.app-header__controls-wrapper{flex-wrap:wrap}.app-header__step-nav-wrapper{width:unset}.app-header--nav-open .app-header__localizer{display:none}.app-header__mobile-nav-toggler{display:flex;align-items:center}.app-header__mobile-nav-toggler.nav-toggler--is-open{opacity:.5}.app-header__gradient-placeholder{right:0}.app-header__actions{max-width:150px;margin-right:0}}}@layer payload-default{.drawer-content-container{padding:var(--spacer-2-5);display:flex;flex-direction:column;overflow:auto}}@layer payload-default;@layer payload-default{.api-key-input{display:flex;align-items:center;gap:var(--spacer-1);width:100%}.api-key-input__control{display:flex;align-items:center;flex-grow:1;gap:var(--spacer-2);min-width:0;min-height:var(--spacer-5);padding:0 var(--spacer-2);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium)}.api-key-input__icon{flex-shrink:0;width:var(--spacer-4);height:var(--spacer-4);color:var(--color-icon-secondary)}.api-key-input__field{flex-grow:1;min-width:0;padding:0;border:none;background:transparent;outline:none;color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--text-body-large-font-size);line-height:var(--text-body-large-line-height)}.api-key-input__field:focus,.api-key-input__field:focus-visible{outline:none;box-shadow:none}.api-key-input__field[type=password]{font-family:var(--font-family-sans);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-strong-font-weight);letter-spacing:.025rem}.api-key-input__toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;appearance:none;width:var(--spacer-4);height:var(--spacer-4);padding:0;background:none;border:none;cursor:pointer;color:var(--color-icon-secondary)}.api-key-input__toggle:hover{color:var(--color-icon)}.api-key-input .copy-to-clipboard{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--spacer-5);min-height:var(--spacer-5);padding:0;color:var(--color-icon-secondary);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium)}.api-key-input .copy-to-clipboard:hover{color:var(--color-icon);background:var(--color-bg-hover)}}@layer payload-default{.chip{position:relative;display:inline-flex;align-items:center;gap:0;border-radius:var(--button-radius);border:var(--stroke-width-small) solid var(--color-border);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);background-color:var(--color-bg);user-select:none;&:has(.chip__action:focus-visible){outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}.chip--variant-default{background-color:var(--color-bg);border-color:var(--color-border);&:has(.chip__action:hover){background-color:var(--color-bg-hover)}&:has(.chip__action:active){background-color:var(--color-bg-pressed)}}.chip--variant-warning{background-color:var(--color-bg-warning-tertiary);border-color:var(--color-border-warning);&:has(.chip__action:hover){background-color:var(--color-bg-warning-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-warning-pressed)}}.chip--variant-success{background-color:var(--color-bg-success-tertiary);border-color:var(--color-border-success);&:has(.chip__action:hover){background-color:var(--color-bg-success-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-success-pressed)}}.chip--variant-danger{background-color:var(--color-bg-danger-tertiary);border-color:var(--color-border-danger);&:has(.chip__action:hover){background-color:var(--color-bg-danger-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-danger-tertiary-pressed)}}.chip--selected{background-color:var(--color-bg-brand-tertiary);border-color:var(--color-border-brand);&:has(.chip__action:hover){background-color:var(--color-bg-brand-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-brand-pressed)}}.chip--is-dragging{cursor:grabbing;z-index:10}.chip__action{position:absolute;inset:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:inherit;&:focus-visible{outline:none}}.chip--size-medium{height:var(--spacer-4);padding:0 var(--spacer-2);&:has(.chip__remove){padding-inline-end:0}&:has(.chip__icon){padding-inline-start:0}}.chip--size-large{height:var(--spacer-5);padding:0 var(--spacer-3);&:has(.chip__remove){padding-inline-end:0}&:has(.chip__icon){padding-inline-start:0}}.chip__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.chip__label{position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.chip__remove{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-small);&:hover{background-color:var(--bg-transparent-hover)}&:active{background-color:var(--bg-transparent-pressed)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}}@layer payload-default{.pill-selector{display:flex;flex-wrap:wrap;background:var(--color-bg-secondary);padding:var(--spacer-4);gap:var(--spacer-2-5)}.pill-selector__draggable-item{cursor:grab;&:active{cursor:grabbing}}.pill-selector__draggable-item--is-dragging{cursor:grabbing;z-index:1}.pill-selector .pill__icon{padding:0}@media(max-width:768px){.pill-selector{padding:var(--spacer-2-5)}}}@layer payload-default{.card{background:var(--color-bg-secondary);padding:var(--spacer-2-5) var(--spacer-3);width:100%;min-height:4rem;position:relative;border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border);display:flex;align-items:stretch;gap:var(--spacer-2)}.card__title{letter-spacing:var(--text-body-medium-letter-spacing);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__actions{position:absolute;top:var(--spacer-2);right:var(--spacer-2);z-index:2;display:inline-flex}.card--has-onclick{cursor:pointer;&:hover{background:var(--color-bg-secondary-hover)}&:has(.card__click:active){background:var(--color-bg-secondary-pressed)}}.card__click{z-index:1;inset:0;position:absolute;margin:0;height:auto;width:auto;border-radius:inherit;&:hover,&:active,&:hover:not(.btn--disabled),&:active:not(.btn--disabled){background-color:transparent}&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:0}}}@layer payload-default{.icon--filter{flex-shrink:0}.icon--filter__badge{fill:var(--color-icon-danger)}}@layer payload-default{.hierarchy-search{display:flex;flex-direction:column;width:100%}.hierarchy-search__controls{display:flex;gap:var(--spacer-2);.search-input{flex:1}}.hierarchy-search__filter{flex-shrink:0}.hierarchy-search__filter:hover:not(.btn--selected){background:var(--color-bg-tertiary)}.hierarchy-search-results{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 200px);margin-top:var(--spacer-2)}.hierarchy-search-results__list{display:flex;flex-direction:column;gap:var(--spacer-1)}.hierarchy-search-results__empty{color:var(--color-text-secondary);padding:var(--spacer-1) 0}.hierarchy-search-results__load-more{margin-top:var(--spacer-1);padding-left:calc(var(--spacer-1) + 1px);padding-right:var(--nav-padding-inline-end);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;&:hover{color:var(--color-text)}&:disabled{cursor:not-allowed;opacity:.5}}.hierarchy-search-result-item{display:flex;flex-direction:column;cursor:pointer;padding-block:var(--spacer-1);padding-inline-start:calc(var(--nav-padding-inline-start) * .5);padding-inline-end:calc(var(--nav-padding-inline-end) * .5);border-radius:var(--radius-medium);gap:var(--spacer-1);background:transparent;border:var(--stroke-width-small) solid transparent;&:hover{background-color:var(--color-bg-transparent-hover)}&:active{background-color:var(--color-bg-transparent-pressed)}&:hover .hierarchy-search-result-item__title{color:var(--color-text)}&:hover .hierarchy-search-result-item__path{color:var(--color-text-secondary)}&:focus-visible{outline:none;border-color:var(--accessibility-focus-color)}}.hierarchy-search-result-item__title{color:var(--color-text);line-height:1}.hierarchy-search-result-item__path{color:var(--color-text-tertiary);line-height:1}}.tree__load-more.load-more-row{padding-top:0;padding-left:calc((var(--tree-depth, 0) * var(--tree-indent)) + (var(--spacer-1) * var(--tree-depth)) + var(--spacer-2-5) - 2px);height:var(--tree-node-content-height);position:relative;margin-block:var(--spacer-1) var(--spacer-2)}.tree__load-more-button{color:var(--color-text);cursor:pointer;text-decoration:underline}.tree__load-more-button:hover{color:var(--color-text-secondary)}.tree__load-more-button:active{color:var(--color-text)}@layer payload-default{.tree-node{border-radius:var(--button-radius);.tree-node{margin-left:0;margin-right:0}}.tree-node__content{padding:var(--tree-node-padding-y) var(--spacer-2);padding-left:calc((var(--tree-depth, 0) * var(--tree-indent)) + (var(--spacer-1) * var(--tree-depth)) + var(--spacer-1));transition:background-color .1s ease;font-size:var(--tree-font-size);line-height:var(--tree-node-content-height);margin-bottom:var(--tree-row-gap)}.tree-node__toggle{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:default;color:var(--color-icon-tertiary);width:var(--tree-chevron-width);height:var(--tree-chevron-width);flex-shrink:0;border-radius:var(--button-radius);&:hover{color:var(--color-icon)}}.tree-node__toggle-spacer{width:calc(var(--tree-chevron-width) + var(--tree-chevron-spacing));flex-shrink:0}.tree-node__title{padding-left:var(--spacer-1)}.tree-node__loading{margin-left:auto;display:inline-flex;align-items:center}}@layer payload-default{.sidebar-row-wrapper{padding-block:var(--spacer-1);width:calc(100% + var(--spacer-1));margin-inline-start:calc(-1 * var(--spacer-1));&:first-child{padding-block-start:0}&:last-child{padding-block-end:0}}.sidebar-row{display:flex;align-items:center;gap:var(--spacer-1);border-radius:var(--button-radius);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);padding-block:var(--spacer-1);padding-inline:var(--spacer-2);position:relative;user-select:none;cursor:pointer;text-decoration:none;color:inherit;&:hover{background:var(--color-bg-secondary);text-decoration:none}}.sidebar-row--selected{font-weight:var(--text-body-medium-strong-font-weight);background:var(--color-bg-selected);&:hover{background:var(--color-bg-selected)}}.sidebar-row__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-secondary)}.sidebar-row__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.sidebar-row--selected>.sidebar-row__title{color:var(--color-text)}}@layer payload-default{.hierarchy-sidebar-tab{display:flex;flex-direction:column;gap:var(--spacer-2)}.tree{--tree-indent: var(--spacer-3);--tree-chevron-width: var(--spacer-3);--tree-chevron-spacing: var(--spacer-2);--tree-node-padding-y: var(--spacer-1);--tree-node-content-height: var(--text-body-medium-line-height);--tree-row-gap: var(--spacer-1);--tree-font-size: var(--text-body-medium-font-size);padding:0;margin:0}.tree__all-option-wrapper{display:grid;gap:var(--spacer-1);grid-template-columns:1fr auto;align-items:center;margin-bottom:var(--spacer-2);.tree__create-button{padding:0;&:hover{color:var(--color-icon)}}}.tree__all-option{gap:var(--spacer-1);padding-left:var(--spacer-2);.sidebar-row__title{font-weight:var(--text-body-medium-strong-font-weight)}}.tree__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacer-3);min-height:calc(var(--spacer-6) * 2.5)}.tree__empty{padding:var(--spacer-2-5) var(--spacer-3);color:var(--color-text-tertiary);font-size:var(--tree-font-size)}}@layer payload-default{.copy-locale-data__sub-header{padding:var(--spacer-2-5);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--stroke-width-small) solid var(--color-border)}.copy-locale-data__content{padding:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-2-5);>*{display:flex;flex-direction:column;gap:var(--spacer-1)}}}@layer payload-default{.list-selection{display:flex;margin-left:auto;color:var(--color-text-secondary);gap:var(--spacer-1);align-items:center}.list-selection__count{margin-right:var(--spacer-2)}.list-selection__actions{display:flex;gap:var(--spacer-1)}.list-selection__button,.list-selection__button.btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer payload-default{.autosave{color:var(--color-text-secondary);white-space:nowrap}}@layer payload-default{.select-locales-drawer__sub-header{padding:var(--spacer-2-5);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--stroke-width-small) solid var(--color-border)}.select-locales-drawer__content{padding:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-3)}.select-locales-drawer__item{display:flex;flex-direction:row;gap:var(--spacer-2)}}@layer payload-default{.live-preview-toggler--active{background-color:var(--color-bg-secondary);&:hover{background-color:var(--color-bg-hover)}}}@layer payload-default;@layer payload-default{.locked{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:all;color:var(--color-icon);border:0;background:transparent;border-radius:var(--radius-medium);cursor:default;outline:var(--stroke-width-medium) solid transparent;outline-offset:calc(var(--stroke-width-medium) * -1);&:hover{background:var(--color-bg-secondary)}&:active{background:var(--color-bg-secondary-pressed)}&:focus-visible{outline-color:var(--color-border-selected)}.locked__tooltip{left:0;transform:translate3d(0,calc(var(--caret-height) + var(--caret-offset) - 1px),0)}}}@layer payload-default{.publish-button__label--full{display:inline}.publish-button__label--short{display:none}@media(max-width:1024px){.publish-button__label--full{display:none}.publish-button__label--short{display:inline}}}@layer payload-default{.schedule-publish__scheduler{display:flex;flex-direction:column;padding:var(--spacer-2-5);gap:var(--spacer-2-5);border-bottom:var(--stroke-width-small) solid var(--color-border)}.schedule-publish__section{display:flex;flex-direction:column;gap:var(--spacer-2)}.schedule-publish__type{list-style:none;margin:0;padding:0;display:flex;gap:var(--spacer-2-5)}.schedule-publish__upcoming{padding:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-2-5)}.schedule-publish__delete{margin:0;padding:0}}@layer payload-default{.status{display:flex;font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text);white-space:nowrap}.status__value-wrap{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.status__action{text-decoration:underline}}@layer payload-default{.doc-controls{position:sticky;width:100%;top:0;display:flex;justify-content:space-between;z-index:1;gap:var(--spacer-2);padding:var(--spacer-2-5) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border);background-color:var(--color-bg)}.doc-controls__content{display:flex;align-items:center;flex-grow:1;gap:var(--spacer-2)}.doc-controls__before-meta{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}.doc-controls__locked-controls.locked{&:active{background:var(--color-bg-secondary)}}.doc-controls__meta{flex-grow:1;display:flex;list-style:none;padding:0;color:var(--color-text);gap:var(--spacer-2);margin:0;width:100%;overflow:hidden;button{margin:0}}.doc-controls__list-item{display:flex;align-items:center;margin:0;white-space:nowrap;&:empty{display:none}}.doc-controls__value-wrap{overflow:hidden}.doc-controls__value,.doc-controls__creating-new{overflow:hidden;text-overflow:ellipsis;margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.doc-controls__value{color:var(--color-text-secondary)}.doc-controls__creating-new{color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-weight:var(--text-body-medium-strong-font-weight)}.doc-controls__controls-wrapper{display:flex;align-items:center;margin:0;gap:var(--spacer-2);position:relative}.doc-controls__controls{display:flex;align-items:center;margin:0;gap:var(--spacer-2);button{margin:0;white-space:nowrap}}.doc-controls__icon-buttons{display:flex;align-items:center;gap:var(--spacer-1)}.doc-controls__popup{position:relative}.doc-controls__popup-button{padding-inline:0}.doc-controls__popup-button.popup-button--active,.doc-controls__popup-button.popup-button--active:hover,.doc-controls__popup-button.popup-button--active:active{background:var(--color-bg-selected);color:var(--color-icon-selected)}.doc-controls .popup__trigger-wrap{display:flex}.doc-controls__meta:has(.autosave) .doc-controls__value-wrap{display:none}.doc-controls--drawerHeaderActions{position:static;width:auto;padding:0;gap:0;border-bottom:0;background:transparent}@media(max-width:1024px){.doc-controls__controls-wrapper{margin-left:auto}.doc-controls{padding:var(--spacer-2-5);padding-right:var(--spacer-2-5);gap:var(--spacer-2);flex-wrap:wrap}.doc-controls--drawerHeaderActions{padding:0;gap:0;flex-wrap:nowrap}.doc-controls__content{min-width:0}.doc-controls__before-meta{display:none}.doc-controls__meta{flex-direction:column;width:auto;gap:0;overflow:visible}.doc-controls__meta:has(.doc-controls__status) .doc-controls__value{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height);letter-spacing:var(--text-body-small-letter-spacing)}.doc-controls .autosave{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height);letter-spacing:var(--text-body-small-letter-spacing)}.doc-controls__controls{overflow:auto;&::-webkit-scrollbar{display:none}}}}@layer payload-default{:root{--diff-delete-pill-bg: var(--color-bg-danger-tertiary-hover);--diff-delete-pill-color: var(--color-text-danger);--diff-delete-pill-border: var(--color-border-danger);--diff-delete-parent-bg: var(--color-bg-danger-tertiary);--diff-delete-parent-color: var(--color-text-danger);--diff-delete-link-color: var(--color-text-danger);--diff-create-pill-bg: var(--color-bg-brand-tertiary-hover);--diff-create-pill-color: var(--color-text-brand);--diff-create-pill-border: var(--color-border-brand);--diff-create-parent-bg: var(--color-bg-brand-tertiary);--diff-create-parent-color: var(--color-text-brand);--diff-create-link-color: var(--color-text-brand)}}@layer payload-default{.html-diff{display:flex;flex-direction:column;gap:var(--spacer-3);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.html-diff-no-value{color:var(--color-text-tertiary)}.html-diff p{margin:0;align-content:center}.html-diff pre{margin-top:0;margin-bottom:0}.html-diff:has([data-match-type=create]){background-color:var(--diff-create-parent-bg);margin-block:calc(var(--spacer-2) * -1);padding-block:var(--spacer-2)}.html-diff:has([data-match-type=delete]){background-color:var(--diff-delete-parent-bg);margin-block:calc(var(--spacer-2) * -1);padding-block:var(--spacer-2)}.html-diff li::marker{color:var(--color-text)}.html-diff li:has(>[data-match-type=create])::marker{color:var(--diff-create-pill-color)}.html-diff li:has(>[data-match-type=delete])::marker{color:var(--diff-delete-pill-color)}.html-diff [data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-pill-color);text-decoration-color:var(--diff-delete-pill-color);text-decoration-line:line-through;background-color:var(--diff-delete-pill-bg);border-radius:var(--radius-medium);padding:calc(var(--stroke-width-small) * 1) calc(var(--stroke-width-small) * 2);text-decoration-thickness:var(--stroke-width-small);vertical-align:baseline}.html-diff a[data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-link-color)}.html-diff a[data-match-type=create]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-create-link-color)}.html-diff [data-match-type=create]:not(img):not([data-enable-match=false]):not(:is([data-enable-match=false] *)){background-color:var(--diff-create-pill-bg);color:var(--diff-create-pill-color);border-radius:var(--radius-medium);padding:calc(var(--stroke-width-small) * 1) calc(var(--stroke-width-small) * 2);vertical-align:baseline}.html-diff-create-inline-wrapper,.html-diff-delete-inline-wrapper{display:inline-flex}.html-diff-create-block-wrapper,.html-diff-delete-block-wrapper{display:flex}.html-diff-create-inline-wrapper,.html-diff-delete-inline-wrapper,.html-diff-create-block-wrapper,.html-diff-delete-block-wrapper{position:relative;align-items:center;flex-direction:row;&:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:""}}@media(max-width:768px){.html-diff:has([data-match-type=create]),.html-diff:has([data-match-type=delete]){margin-block:0;padding-block:0;background-color:transparent}.html-diff{justify-content:center}.html-diff p{align-content:center}.html-diff p:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=create]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=create]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=create]),.html-diff p:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=delete]){&:before{top:calc(var(--spacer-1) * -1);bottom:calc(var(--spacer-1) * -1);left:calc(var(--spacer-2) * -1);right:calc(var(--spacer-2) * -1)}}.html-diff li:not([data-enable-match=false]):has([data-match-type=create]),.html-diff li:not([data-enable-match=false]):has([data-match-type=delete]){&:before{left:calc(var(--spacer-2) * -1);right:calc(var(--spacer-2) * -1)}}}}@layer payload-default{.edit-many__form{display:flex;flex-direction:column;min-height:100%;flex-grow:1}.edit-many__header{display:flex;align-items:center;gap:var(--spacer-1);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:2}.edit-many__header__close{margin:0;padding:0;border:0}.edit-many__header__title{margin:0;flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.edit-many__header__actions{display:flex;gap:var(--spacer-2);align-items:center;.form-submit{margin:0}}.edit-many__body{flex-grow:1;display:flex;flex-direction:column}.edit-many__select-fields{padding:var(--spacer-4);border-bottom:var(--stroke-width-small) solid var(--color-border);.field-select{margin-bottom:0}}.edit-many__edit{padding:var(--spacer-4);flex-grow:1}}@layer payload-default{.sidebar-toggle{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacer-1);border:0;border-radius:var(--button-radius);background:var(--color-bg);color:var(--color-icon);cursor:pointer;outline:none;transition:background-color .1s ease;&:hover{background:var(--color-bg-hover)}&:active{background:var(--color-bg-pressed)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:-1px}}.sidebar-toggle .tooltip{left:0;top:100%;bottom:auto;transform:translate3d(0,var(--spacer-1),0)}.sidebar-toggle .tooltip:after{top:0;left:var(--spacer-3);bottom:auto;transform:translate3d(-50%,-100%,0);border-bottom:var(--caret-size) solid var(--color-bg-inverse);border-top:none}}@layer payload-default{.id-label{--id-label-letter-spacing: -.032px;display:inline-flex;align-items:center;gap:var(--spacer-1);height:var(--spacer-4);padding:var(--spacer-1) var(--spacer-2);background:var(--color-bg-secondary);border-radius:var(--radius-medium);font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--id-label-letter-spacing);width:fit-content;white-space:nowrap}.id-label__prefix{color:var(--color-text-secondary)}.id-label__value{color:var(--color-text)}.id-label__link{color:var(--color-text);&:hover{text-decoration:underline}}}@layer payload-default{.dots{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background-color:var(--color-bg-secondary);border-radius:var(--button-radius);height:var(--spacer-4);width:var(--spacer-4);&:hover{background-color:var(--color-bg-secondary-hover)}&.dots--no-background{background-color:transparent;width:auto;height:auto;&:hover{background-color:transparent}}&.dots--horizontal{flex-direction:row}>div{width:2px;height:2px;border-radius:100%;background-color:currentColor}}}@layer payload-default{.icon--refresh{.stroke{stroke:currentColor}.fill{fill:currentColor}}}@layer payload-default{.filter-trigger__wrap{position:relative;display:flex;align-items:stretch}.filter-trigger__wrap:has(.filter-trigger__clear) .filter-trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;padding-right:var(--spacer-1)}.filter-trigger__wrap:has(.filter-trigger__clear) .filter-trigger:focus-visible{z-index:1}.filter-trigger{gap:var(--spacer-1)}.filter-trigger__clear{display:flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border:var(--stroke-width-small) solid var(--special-border-translucent);border-left:none;border-radius:0 var(--button-radius) var(--button-radius) 0;background:var(--color-bg);cursor:pointer}.filter-trigger__clear:focus-visible{border-radius:0 var(--button-radius) var(--button-radius) 0}.filter-trigger__clear:hover{background:var(--color-bg-transparent-hover)}.filter-trigger__clear:active{background:var(--color-bg-transparent-pressed)}.filter-trigger__wrap:has(.btn--selected) .filter-trigger__clear{background:var(--color-bg-selected);color:var(--color-text-selected);border-color:var(--color-border-selected-strong)}.filter-trigger__wrap:has(.btn--selected) .filter-trigger__clear:hover{background:var(--color-bg-selected-hover)}}@layer payload-default{.query-preset-bar{display:flex;align-items:center}.query-preset-bar__popup .popup-button-list__button{display:flex;align-items:center;gap:var(--spacer-1)}}.query-preset-bar__popup-content .popup-button-list__button.query-preset-bar__delete{color:var(--color-text-danger)}.query-preset-bar__popup-content .popup-button-list__button.query-preset-bar__delete:hover{color:var(--color-text-danger);background-color:var(--color-bg-danger-tertiary)}@layer payload-default{.list-controls{display:flex;flex-direction:column;padding:var(--spacer-2-5) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border);.pill-selector,.sort-complex,.group-by-builder{margin-top:var(--spacer-2)}}.drawer .list-controls{padding-left:var(--spacer-3);padding-right:var(--spacer-3)}.list-controls__search-row{display:flex;gap:var(--spacer-2)}.list-controls__left{display:flex;gap:var(--spacer-2);flex-shrink:0}.list-controls__spacer{flex:1}.list-controls__actions{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}@media(max-width:768px){.list-controls__search-row{flex-wrap:wrap;row-gap:var(--spacer-2)}.list-controls .search-bar,.list-controls__left{width:100%}.list-controls__spacer{display:none}.list-controls__actions{width:100%;.pill{padding:var(--spacer-1) var(--spacer-1) var(--spacer-1) var(--spacer-2);justify-content:space-between}}.list-controls__toggle-sort,.list-controls__toggle-group-by{flex:1}}}@layer payload-default{.list-controls-bar{display:flex;align-items:center;gap:var(--spacer-2);padding:var(--spacer-2-5) var(--gutter-h)}.list-controls-bar--border{border-bottom:var(--stroke-width-small) solid var(--color-border)}@media(max-width:768px){.list-controls-bar{padding:var(--spacer-2-5) var(--spacer-3);flex-wrap:wrap;row-gap:var(--spacer-2)}}}@layer payload-default{.hierarchy-button{margin:0;font-weight:400;.btn__content{gap:0}}.hierarchy-button--read-only{cursor:default;color:var(--color-text-disabled)}}@layer payload-default{.selected-hierarchies__pills{display:flex;flex-wrap:wrap;gap:var(--spacer-1)}.selected-hierarchies__pill .chip__label{max-width:200px}.selected-hierarchies__pill.chip--size-medium{height:1.25rem;padding-inline-start:var(--spacer-1);border-radius:var(--radius-chip)}.selected-hierarchies__pill .chip__remove{color:var(--color-icon-secondary)}.selected-hierarchies__pill .chip__remove:hover{color:var(--color-text)}.selected-hierarchies__empty{color:var(--color-text-secondary);font-style:italic;padding:var(--spacer-1) 0}.selected-hierarchies__loading{color:var(--color-text-secondary);padding:var(--spacer-1) 0}}@layer payload-default{.hierarchy-field .field-type__wrap{gap:var(--spacer-2);flex-direction:column;display:flex}.hierarchy-field .field-label{display:flex;font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-large-line-height);letter-spacing:var(--text-body-large-letter-spacing);margin:unset}.hierarchy-field__label{display:flex;align-items:center;gap:var(--spacer-1)}.hierarchy-field__content{display:flex;flex-direction:column;gap:var(--spacer-2-5)}.hierarchy-field__manage-button{align-self:flex-start}.hierarchy-field--read-only .hierarchy-field__content{opacity:.75}}.close-modal-button{padding:0}@layer payload-default{.default-list-view-tabs{display:flex;gap:var(--spacer-2)}.default-list-view-tabs__button{color:var(--color-text-secondary)}.default-list-view-tabs__button:hover,.default-list-view-tabs__button--active{color:var(--color-text)}.default-list-view-tabs__button--active:disabled{color:var(--color-text);cursor:default}}@layer payload-default{.list-header{display:flex;align-items:flex-end;flex-wrap:wrap;padding:var(--spacer-2-5) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border)}.list-header__content{display:grid;grid-template-columns:1fr auto;width:100%}.list-header__title-and-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacer-2)}.list-header__title{font-size:var(--text-heading-large-font-size);line-height:var(--text-heading-large-line-height);font-weight:var(--text-heading-large-font-weight);font-family:var(--text-heading-large-font-family)}.list-header__title-actions{display:flex;gap:var(--spacer-2)}.list-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacer-2)}.list-header__after-header-content{width:100%}}@layer payload-default{.list-drawer__header{margin-top:var(--spacer-6);width:100%}.list-drawer__select-collection-wrap{margin-top:var(--spacer-3)}@media(max-width:768px){.list-drawer__header{margin-top:var(--spacer-5)}.list-drawer .collection-list__header{margin-bottom:var(--spacer-2)}.list-drawer__select-collection-wrap{margin-top:var(--spacer-2)}}.drawer .list-drawer__header{margin-top:0;align-items:center;padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);.list-header__title-and-actions{align-items:center;gap:var(--spacer-1);width:100%}.list-header__title{flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}}}@layer payload-default{.clickable-arrow{cursor:pointer;display:flex;justify-content:center;align-items:center;outline:0;color:var(--color-icon);border-radius:var(--button-radius);&:not(.clickable-arrow--is-disabled){&:hover,&:focus-visible{background:var(--color-bg-elevated)}}&:focus-visible{outline:var(--accessibility-outline)}}.clickable-arrow--right .icon{transform:rotate(-90deg)}.clickable-arrow--left .icon{transform:rotate(90deg)}.clickable-arrow--is-disabled{cursor:default;.icon .fill{fill:var(--color-icon-disabled)}}}@layer payload-default{.paginator,.paginator__page-input-wrapper{display:flex;align-items:center;gap:var(--spacer-1)}.paginator__page-input{box-sizing:content-box;min-width:calc(var(--spacer-3) - 2px);min-height:calc(var(--control-height) - 2px);padding:0 var(--spacer-1);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);background:var(--color-bg-secondary);color:var(--field-color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);text-align:center;&:hover:not(:focus){border-color:var(--color-border)}&:focus{border-color:var(--color-border-selected)}&:focus-visible{outline:none}}.paginator__page-total{color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap}}@layer payload-default{.per-page{display:flex;align-items:center;gap:var(--spacer-2);.btn{min-height:var(--control-height);height:unset}}.per-page__label{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap}.btn.btn--style-secondary.per-page--active{background-color:var(--color-bg-transparent-pressed)}.per-page__icon{color:var(--color-icon-secondary)}}@layer payload-default{.page-controls{display:flex;flex-direction:column;background:var(--color-bg);border-top:var(--stroke-width-small) solid var(--color-border);margin-top:auto;position:sticky;bottom:0}.page-controls__inner{display:flex;align-items:center;justify-content:flex-end;row-gap:var(--spacer-2-5);column-gap:var(--spacer-4);padding:var(--spacer-2-5);.paginator{margin-right:auto}}.page-controls__page-info{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap;flex:1;text-align:right}.page-controls__per-page-container{display:flex;align-items:center;gap:var(--spacer-3)}@media(max-width:768px){.page-controls__inner{flex-wrap:wrap;justify-content:flex-start}.page-controls__page-info{margin-left:var(--spacer-1)}.page-controls>.collection-list__list-selection{padding:var(--spacer-2) var(--spacer-2-5);border-bottom:var(--stroke-width-small) solid var(--color-border);&:not(:has(.list-selection)){display:none}}}}@layer payload-default{.simple-pagination{display:flex;align-items:center;gap:var(--spacer-3)}.simple-pagination__info{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);white-space:nowrap}.simple-pagination__arrows{display:flex;align-items:center;gap:var(--spacer-1)}}@layer payload-default{.nav{position:sticky;top:0;left:0;flex-shrink:0;height:100vh;width:var(--nav-width);border-right:var(--stroke-width-small) solid var(--color-border);[dir=rtl] &{border-right:none;border-left:var(--stroke-width-small) solid var(--color-border)}}}@layer payload-default{.settings-menu-button.popup--h-align-left .popup__content{left:calc(var(--nav-padding-inline-start) * -.5)}}@layer payload-default{.nav-group{width:calc(100% + var(--spacer-2-5) * 2);margin-inline-start:calc(-1 * var(--spacer-2-5));padding-inline:var(--spacer-2-5);+.nav-group{margin-block-start:var(--spacer-2);border-top:1px solid var(--color-border);padding-top:var(--spacer-2-5)}}.nav-group__toggle{cursor:pointer;color:var(--color-text);background:transparent;border:0;width:calc(100% + var(--spacer-2));text-align:left;display:flex;align-items:center;position:relative;padding:var(--spacer-1) var(--spacer-4) var(--spacer-1) var(--spacer-1);width:100%;margin-bottom:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);border-radius:var(--button-radius);&:hover,&:focus-visible{color:var(--color-text);.nav-group__indicator{opacity:1}}}.nav-group__content{padding-bottom:var(--spacer-1)}.nav-group__indicator{position:absolute;inset-inline-start:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--spacer-3);height:var(--spacer-3);color:var(--color-icon-tertiary);left:calc(-1 * var(--spacer-1));opacity:0;transition:opacity .15s ease}.nav-group--collapsed .collapsible__toggle{border-bottom-right-radius:var(--button-radius);border-bottom-left-radius:var(--button-radius)}.nav-group--collapsed .nav-group__content{padding-bottom:0}}@layer payload-default{.sidebar-tab-error__content{display:flex;flex-direction:column;gap:2px;line-height:1.4;strong{font-weight:600}span{opacity:.8;font-size:.625rem}}.sidebar-tab-error__retry{all:unset;margin-top:var(--spacer-1);font-size:.625rem;text-decoration:underline;cursor:pointer;&:hover{opacity:.8}}}@layer payload-default{.pill-version-count{line-height:var(--spacer-2-5);min-width:var(--spacer-2-5);text-align:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-small);padding:2px var(--spacer-1);color:var(--color-text-secondary)}}@layer payload-default{.template-default{min-height:100vh;display:grid;position:relative;isolation:isolate}@media(min-width:1441px){.template-default{grid-template-columns:0 auto}.template-default--nav-open{grid-template-columns:var(--nav-width) auto}}@media(max-width:1440px){.template-default--nav-hydrated.template-default--nav-open{grid-template-columns:var(--nav-width) auto}.template-default{grid-template-columns:1fr auto;.nav{display:none}}.template-default--nav-hydrated{grid-template-columns:0 auto;.nav{display:unset}}}}@layer payload-default{.form-header{display:flex;flex-direction:column;gap:var(--spacer-2);align-items:center;margin-bottom:var(--spacer-3);text-align:center}.form-header h1{margin:0;font-family:var(--text-heading-large-font-family);font-size:var(--text-heading-large-font-size);font-weight:var(--text-heading-large-font-weight);line-height:var(--text-heading-large-line-height);letter-spacing:var(--text-heading-large-letter-spacing);color:var(--color-text)}.form-header p{margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text-secondary)}}@layer payload-default{.combobox__content{display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.combobox__search-wrapper{display:none;padding-top:var(--popup-padding);padding-bottom:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);margin-bottom:var(--spacer-2)}.combobox__search-wrapper--no-results{border-bottom:none;margin-bottom:0}.combobox__search-input{width:100%;background:var(--color-bg-secondary);color:var(--color-text);border:none;border-radius:var(--button-radius);padding:var(--spacer-1) var(--spacer-2);outline:none;box-shadow:none}.combobox__search-input::placeholder{color:var(--color-text-tertiary)}.combobox__search-input:focus,.combobox__search-input:focus-visible{background:var(--color-bg-secondary-hover);outline:none;border:none;box-shadow:none}.combobox__entry{cursor:pointer;display:flex}}@layer payload-default{.cmd-palette{display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmd-palette__inner{display:flex;flex-direction:column;width:min(640px,92vw);max-height:60vh;background:var(--color-bg-elevated);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--elevation-500-modal-window);overflow:hidden}.cmd-palette__input{padding:var(--spacer-3) var(--spacer-4);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);background:transparent;border-bottom:var(--stroke-width-small) solid color-mix(in srgb,var(--color-border) 50%,transparent);&:focus,&:focus-visible{border-radius:0;outline:none}&::placeholder{color:var(--color-text-tertiary)}}.cmd-palette__results{flex:1;overflow-y:auto;padding:var(--spacer-1) 0;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.cmd-palette__group-label{padding:var(--spacer-1) var(--spacer-4);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-strong-font-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.cmd-palette__option{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-2);height:2.25rem;padding:0 var(--spacer-4);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text-secondary);cursor:pointer}.cmd-palette__option--active{background:var(--color-bg-selected);color:var(--color-text)}.cmd-palette__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-palette__option-match{font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text)}.cmd-palette__empty{padding:var(--spacer-4);text-align:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);color:var(--color-text-secondary)}.cmd-palette__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-2);padding:var(--spacer-2) var(--spacer-4);border-top:var(--stroke-width-small) solid var(--color-border);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);color:var(--color-text-secondary)}.cmd-palette__hint{display:inline-flex;align-items:center;gap:var(--spacer-2)}button.cmd-palette__hint{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;&:hover{color:var(--color-text)}}button.cmd-palette__hint--primary{font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text);.cmd-palette__key{color:var(--color-text)}}.cmd-palette__hint+.cmd-palette__hint:before{content:"|";color:color-mix(in srgb,var(--color-border) 50%,transparent)}.cmd-palette__keys{display:inline-flex;gap:var(--spacer-1)}.cmd-palette__key{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 var(--spacer-1);font-family:inherit;font-size:.6875rem;line-height:1;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:0;border-radius:var(--radius-small)}@media(prefers-reduced-motion:reduce){.cmd-palette,.cmd-palette__inner{transition:none}}}@layer payload-default{.render-title{--render-title-letter-spacing: var(--text-heading-large-letter-spacing);display:inline-flex;align-items:center;min-height:var(--text-heading-large-line-height);font-family:var(--text-heading-large-font-family);font-size:var(--text-heading-large-font-size);font-weight:var(--text-heading-large-font-weight);line-height:var(--text-heading-large-line-height);letter-spacing:var(--render-title-letter-spacing);color:var(--color-text);margin:0}.render-title--has-id{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.render-title__id{vertical-align:middle;position:relative}.render-title__link{color:inherit;text-decoration:none;&:hover,&:focus-visible{text-decoration:underline}}@media(max-width:768px){.render-title{--render-title-letter-spacing: -.075px;min-height:var(--text-heading-medium-line-height);font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height)}}}@layer payload-default{.sort-column{display:inline-flex;gap:var(--spacer-1);align-items:center}.sort-column__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.sort-column__label,.sort-column .btn{vertical-align:middle;display:inline-block}.sort-column:hover .sort-column__label{color:var(--color-text)}.sort-column--sorted .sort-column__label{color:var(--color-text);font-weight:var(--text-body-medium-strong-font-weight)}.sort-column__buttons{display:flex;align-items:center;gap:var(--spacer-1)}.sort-column__button{margin:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--button-radius);color:var(--color-icon-tertiary);&.sort-column--active{color:var(--color-icon);background:var(--color-bg-secondary)}&:hover{color:var(--color-icon);background:var(--color-bg-secondary)}&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-outline-offset);border-radius:var(--button-radius);color:var(--color-icon)}}.sort-column:hover .sort-column__button{color:var(--color-icon-secondary)}.sort-column:hover .sort-column__button.sort-column--active{color:var(--color-icon)}.sort-column:hover .btn{visibility:visible}.sort-column--appearance-condensed{gap:var(--spacer-1)}.sort-column--appearance-condensed .sort-column__buttons{gap:0}}@layer payload-default{.items-drawer__items-wrapper{padding:var(--spacer-2-5)}.items-drawer__items{position:relative;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacer-2-5)}.items-drawer__default-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;overflow:hidden;img,svg{width:100%;height:100%;object-fit:cover}}.items-drawer__item-groups{padding:0;display:flex;flex-direction:column;gap:var(--spacer-2-5)}.items-drawer__item-group{list-style:none}.items-drawer__item-group-label{padding-bottom:var(--spacer-2)}.items-drawer__item-group-none{order:1;padding-top:var(--spacer-2-5);border-top:var(--stroke-width-small) solid var(--color-border);&:only-child{padding-top:0;border-top:0}}@media(max-width:1440px){.items-drawer__items{grid-template-columns:repeat(5,1fr)}}@media(max-width:1024px){.items-drawer__items-wrapper{padding-top:var(--spacer-2-5)}.items-drawer__items{grid-template-columns:repeat(3,1fr)}.items-drawer__item-groups{gap:var(--spacer-2-5)}.items-drawer__item-group-none{padding-top:var(--spacer-2-5)}}@media(max-width:768px){.items-drawer__items-wrapper{padding-top:var(--spacer-2-5)}.items-drawer__items{grid-template-columns:repeat(2,1fr)}.items-drawer__item-groups{gap:var(--spacer-2-5)}.items-drawer__item-group-none{padding-top:var(--spacer-2-5)}}}@layer payload-default{.item-search{position:sticky;top:0;display:flex;width:100%;align-items:center;z-index:1;padding:var(--spacer-2-5);gap:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);.icon--search{flex-shrink:0;width:var(--spacer-3);height:var(--spacer-3);color:var(--color-icon-secondary)}}.item-search__input{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);width:100%;border:var(--stroke-width-small) solid transparent;border-radius:var(--field-border-radius);background:var(--color-bg-secondary);color:var(--color-text);height:var(--spacer-4);padding:0 var(--spacer-2-5);-webkit-appearance:none;&::placeholder{color:var(--color-text-tertiary)}&:hover{border-color:var(--color-border)}&:focus,&:focus-within{border-color:var(--accessibility-focus-color);outline:0}&:disabled{background:transparent;border-color:var(--color-border);color:var(--color-text-tertiary)}}}@layer payload-default{.icon--lock-open{.fill{fill:currentColor}}}@layer payload-default{.slug-field-component{display:flex;flex-direction:column;gap:var(--spacer-2);width:100%;.slug-field-component__wrap{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2)}.slug-field-component__input-container{position:relative}.slug-field-component__input{padding-inline-end:calc(var(--spacer-5) + var(--spacer-1));text-overflow:ellipsis;white-space:nowrap;overflow:hidden;&::placeholder{color:var(--color-text-secondary)}}.slug-field-component__actions{position:absolute;right:var(--spacer-1);top:0;display:flex;align-items:center;height:100%;gap:var(--spacer-1)}.slug-field-component__action-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-small);background:transparent;color:var(--color-icon-secondary);cursor:pointer;transition:color .1s;&:hover{color:var(--color-icon)}}&.slug-field-component--locked{.slug-field-component__input-container{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}.slug-field-component__input:disabled{color:var(--field-color-text-readonly);-webkit-text-fill-color:var(--field-color-text-readonly)}}&.slug-field-component--error{.slug-field-component__input-container,.slug-field-component__input-container:hover,.slug-field-component__input-container:focus-within{border-color:var(--field-color-border-error)}}&.slug-field-component--read-only{.slug-field-component__input-container{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}.slug-field-component__input:disabled{color:var(--field-color-text-readonly);-webkit-text-fill-color:var(--field-color-text-readonly)}}}}@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default{.icon--dots{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;height:2rem;width:2rem;>div{width:3px;height:3px;border-radius:100%;background-color:currentColor}}}@layer payload-default{.icon--error{.icon__circle{fill:var(--color-bg-danger)}.icon__symbol{stroke:var(--color-text-ondanger)}}}@layer payload-default{.icon--interaction-enter{flex-shrink:0}}@layer payload-default{.icon--success{.icon__circle{fill:var(--color-bg-success)}.icon__symbol{stroke:var(--color-text-onsuccess)}}}@layer payload-default;@layer payload-default{.progress-bar{position:fixed;top:0;left:0;width:100%;height:var(--stroke-width-medium);z-index:9999;opacity:1}.progress-bar__progress{height:100%;background-color:var(--color-text);transition:width ease-in var(--transition-duration)}.progress-bar--fade-out{opacity:0;transition:opacity linear var(--transition-duration);transition-delay:var(--transition-duration)}}@layer payload-default{.payload-toast-container{padding:0;margin:0;.toast-title{padding-inline:var(--spacer-1);color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--text-body-medium-strong-letter-spacing);line-height:var(--text-body-medium-strong-line-height)}.payload-toast-item{display:flex;align-items:flex-start;gap:var(--spacer-2);min-height:var(--spacer-6);inline-size:280px;margin:0;padding:var(--spacer-2);color:var(--color-text);font-style:normal;font-weight:var(--font-weight-strong);background:var(--color-bg-elevated);border-radius:var(--radius-large);box-shadow:var(--elevation-100-canvas);.toast-content{display:flex;flex:1;flex-direction:column;gap:var(--spacer-1);width:100%;transition:opacity .1s cubic-bezier(.55,.055,.675,.19);padding-block:var(--spacer-1)}&[data-front=false]{.toast-content{opacity:0}}&[data-expanded=true]{.toast-content{opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;margin:0;flex-shrink:0}.toast-icon+.toast-content .toast-title{padding-inline-start:0}&.toast-error{color:var(--color-text-ondanger);background:var(--color-bg-danger);.toast-title,.icon--warning{color:var(--color-text-ondanger)}}&.toast-warning{.icon--warning{color:var(--color-icon-warning)}}}}}.payload-toast-container .toast-title{font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height)}.payload-toast-container .payload-toast-item .toast-icon{position:relative;width:var(--spacer-4);height:var(--spacer-4);margin:0;justify-content:center}.payload-toast-container .payload-toast-item .toast-icon svg{margin:0}.payload-toast-container .payload-toast-item .toast-icon .sonner-loading-wrapper{position:static}.payload-toast-container .payload-toast-item .toast-icon .sonner-loading-wrapper[data-visible=false]{display:none}.payload-toast-container .payload-toast-item .payload-toast-close-button{position:relative;inset:auto;order:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--spacer-4);min-height:var(--spacer-4);width:auto;height:auto;margin:0;padding:0;border:0;border-radius:var(--radius-medium);background:transparent;color:var(--color-icon);transform:none;cursor:pointer;transition:none}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button{background:transparent;border-color:transparent}.payload-toast-container .payload-toast-item .payload-toast-close-button:hover,.payload-toast-container .payload-toast-item .payload-toast-close-button:focus-visible{background:var(--color-bg-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button:hover,[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button:focus-visible{background:var(--color-bg-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button:active{background:var(--color-bg-pressed)}.payload-toast-container .toast-error .payload-toast-close-button{color:var(--color-text-ondanger)}.payload-toast-container .toast-error .payload-toast-close-button:hover,.payload-toast-container .toast-error .payload-toast-close-button:focus-visible{background:var(--color-bg-danger-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item.toast-error [data-close-button].payload-toast-close-button:hover,[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item.toast-error [data-close-button].payload-toast-close-button:focus-visible{background:var(--color-bg-danger-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item.toast-error [data-close-button].payload-toast-close-button:active{background:var(--color-bg-danger-pressed)}[data-sonner-toaster].payload-toast-container[data-lifted=true]{transform:none}[data-sonner-toaster].payload-toast-container[data-x-position=right]{left:auto;right:var(--spacer-6)}[data-sonner-toaster].payload-toast-container[data-y-position=bottom]{bottom:var(--spacer-6)}@layer payload-default{.login-fields{display:flex;flex-direction:column;gap:var(--spacer-3)}}@layer payload-default{.select-all__checkbox{display:block}}@layer payload-default{.select-row__checkbox{display:flex;width:min-content}}@layer payload-default{.slot-table{overflow:auto;max-width:100%;table{min-width:100%;border-spacing:0}thead{color:var(--color-text-secondary);th{font-weight:400;text-align:left;vertical-align:middle;height:calc(var(--spacer-4) * 2)}}tbody{color:var(--color-text-secondary);tr{border-top:1px solid var(--color-border);&:hover{background:var(--color-bg-secondary)}&:focus-within{outline:none;background:var(--color-bg-secondary)}&:has(.slot-table__checkbox input:checked){background:var(--color-bg-selected)}}}}.slot-table__th,.slot-table__td{vertical-align:middle;padding:var(--spacer-2) var(--spacer-2-5);min-width:150px;position:relative;height:calc(var(--spacer-4) * 2);[dir=rtl] &{text-align:right}&:first-child{padding-inline-start:var(--gutter-h);padding-inline-end:var(--spacer-2)}&:last-child{padding-inline-end:var(--spacer-2)}}.slot-table__th--drag,.slot-table__td--drag{width:var(--spacer-4);min-width:var(--spacer-4);padding:0}.slot-table__td--drag{text-align:center}.slot-table__th--checkbox,.slot-table__td--checkbox{width:var(--spacer-5);min-width:var(--spacer-5);padding:var(--spacer-2);text-align:center}.slot-table__tr{position:relative;line-height:1;border-top:1px solid var(--color-border)}.slot-table__tr--clickable{cursor:pointer;&:hover{background:var(--color-bg-secondary)}&:focus{outline:none;background:var(--color-bg-secondary)}}.slot-table__tr--selected{background:var(--color-bg-selected)}.slot-table__drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-icon-tertiary);padding:var(--spacer-1);&:hover{color:var(--color-icon-secondary)}svg{width:var(--spacer-3);height:var(--spacer-3)}}.slot-table__drag-header{display:block;width:var(--spacer-3);height:var(--spacer-3)}.slot-table__th-merged{display:flex;align-items:center;gap:var(--spacer-2)}.slot-table--appearance-condensed{border-radius:var(--radius-small);table{border-collapse:collapse}thead{background:var(--color-bg-secondary);th:first-child{border-top-left-radius:var(--radius-small)}th:last-child{border-top-right-radius:var(--radius-small)}}tbody tr{&:nth-child(odd){background:transparent;td:first-child,td:last-child{border-radius:0}}&:last-child{td:first-child{border-bottom-left-radius:var(--radius-small)}td:last-child{border-bottom-right-radius:var(--radius-small)}}}.slot-table__th,.slot-table__td{padding:var(--spacer-1);border:.5px solid var(--color-border);&:first-child{padding-inline-start:var(--spacer-2-5)}&:last-child{padding-inline-end:var(--spacer-2-5)}}}@media(max-width:1024px){.slot-table__th,.slot-table__td{max-width:70vw}}}@layer payload-default{.hierarchy-tables__name-cell{display:flex;align-items:center;gap:var(--spacer-1)}.hierarchy-tables__edit-button{display:flex;align-items:center;justify-content:center;color:var(--color-text);flex-shrink:0;padding:0;background:none;border:none;cursor:pointer;border-radius:var(--radius-small);border:var(--stroke-width-small) solid transparent;&:hover,&:focus-visible{color:var(--color-text);background-color:var(--color-bg-hover);border-color:var(--color-border)}}.hierarchy-tables__name-link{display:flex;align-items:center;gap:var(--spacer-2);color:var(--color-text);text-decoration:none;background:none;border:none;padding:var(--spacer-2) 0;padding-inline-start:var(--spacer-2);font:inherit;cursor:pointer;text-align:left;min-height:calc(var(--spacer-4) * 2);&:hover{color:var(--color-text);text-decoration:underline}}.hierarchy-tables__thumbnail{display:inline-block;max-width:var(--spacer-3);height:var(--spacer-3);border-radius:var(--radius-small);flex-shrink:0}.hierarchy-tables__name-icon{display:flex;flex-shrink:0}.hierarchy-tables__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--spacer-3)}.hierarchy-tables__chevron{margin-inline-start:auto;padding-inline-start:var(--spacer-2);svg{width:var(--spacer-2-5);height:var(--spacer-2-5);color:var(--color-icon-tertiary)}}.hierarchy-tables__col-name{width:auto;min-width:200px;&:has(.hierarchy-tables__name-link){padding:0}}.hierarchy-tables__col-collection{width:140px;min-width:100px}.hierarchy-tables__col-date{width:150px;min-width:120px}.hierarchy-tables__col-type{width:120px;min-width:100px;&:not(.slot-table__th){color:var(--color-text-secondary)}}.hierarchy-tables__section-title{margin:0;font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text)}.hierarchy-tables__group-label{color:var(--color-text);letter-spacing:var(--text-body-large-letter-spacing);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height)}}@layer payload-default{.collection-list{width:100%;flex:1;display:flex;flex-direction:column}.collection-list .list-header a{text-decoration:none}.collection-list__sub-header{flex-basis:100%;padding-top:var(--spacer-3)}.collection-list .table table{width:100%;overflow:auto}.collection-list .table table td.cell--linked>:is(a,button){font-weight:var(--text-body-medium-strong-font-weight);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-color:var(--color-border);text-decoration-thickness:auto;text-underline-offset:2px;text-underline-position:from-font;&:hover{text-decoration-color:var(--color-text)}}.collection-list .table table [class^=cell]:not(.cell--linked)>p,.collection-list .table table [class^=cell]:not(.cell--linked)>span,.collection-list .table table [class^=cell]:not(.cell--linked)>a{line-clamp:4;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box;max-width:100vw}.collection-list .table table #heading-_select,.collection-list .table table .cell-_select{min-width:unset}.collection-list .table table #heading-_dragHandle,.collection-list .table table .cell-_dragHandle{width:var(--spacer-4);min-width:0}.collection-list__list-selection{position:fixed;bottom:0;left:0;right:0;z-index:10;box-shadow:var(--elevation-400-menu-panel);border-radius:var(--radius-large);padding:var(--spacer-1) var(--spacer-3);margin:var(--spacer-4) var(--gutter-h)}.collection-list__list-selection-actions{display:flex;gap:var(--spacer-2)}.collection-list__shimmer{margin-top:var(--spacer-5);width:100%}.collection-list__shimmer>div{margin-top:var(--spacer-2)}@media(max-width:1024px){.collection-list{margin-top:var(--spacer-2);padding-bottom:0}.collection-list__header{gap:var(--spacer-2-5)}.collection-list__sub-header{margin-top:0}.collection-list__search-input{margin:0}.collection-list .table{display:flex;flex-direction:column;max-width:unset;position:relative}.collection-list .table:after{content:"";height:var(--stroke-width-small);padding-right:var(--gutter-h)}}@media(max-width:768px){.collection-list{margin-bottom:var(--spacing-view-bottom)}.collection-list__list-selection{position:static;width:100%;margin:0;padding:0;box-shadow:none;border-radius:0}}.list-view__not-found-banner{margin:var(--spacer-2-5) var(--gutter-h)}}@layer payload-default{.hierarchy-list-header__root-pill{background-color:var(--color-bg-tertiary)}}@layer payload-default{.hierarchy-list{width:100%;flex:1;display:flex;flex-direction:column}.hierarchy-list__wrap{padding-bottom:var(--spacing-view-bottom);flex:1;display:flex;flex-direction:column}.hierarchy-list .list-header a{text-decoration:none}.hierarchy-list__allowed-types{color:var(--color-text-secondary);padding-top:var(--spacer-1)}.hierarchy-list__sub-header{flex-basis:100%;padding-top:var(--spacer-2-5)}.hierarchy-list__step-nav-icon-label{margin:0;display:flex;align-items:center;gap:var(--spacer-1)}.hierarchy-list__controls-left{display:flex;align-items:center;gap:var(--spacer-2);flex:1}.hierarchy-list__no-results{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-3)}.hierarchy-list__no-results>*{margin:0}@media(max-width:768px){.hierarchy-list{margin-top:var(--spacer-1)}.hierarchy-list__wrap{padding-bottom:0}.hierarchy-list__sub-header{margin-top:0}}}@layer payload-default{.query-inspector{--header-offset: 110px;flex:1;min-height:0;display:flex;flex-direction:column;ul{padding-left:var(--spacer-3)}}.query-inspector--fullscreen{padding:0;.query-inspector__configuration{display:none}.query-inspector__content{grid-template-columns:1fr}.query-inspector__results-wrapper{border:0}.query-inspector__results-bar,.query-inspector__results{padding-inline-start:var(--gutter-h)}}.query-inspector__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);flex:1;min-height:0}.query-inspector__configuration{padding:var(--spacer-3) var(--gutter-h);overflow-y:auto}.query-inspector__api-url-field{flex:1;min-width:0}.query-inspector__api-url-open-button{color:var(--color-icon-secondary);&:hover{color:var(--color-icon)}}.query-inspector__api-url-input{gap:0;.field-type__wrap{gap:0}.form-input{user-select:text;-webkit-user-select:text;cursor:text}}.query-inspector__label{font-weight:var(--text-body-large-strong-font-weight)}.query-inspector__form-fields{display:flex;flex-direction:column;gap:var(--spacing-field)}.query-inspector__filter-query-checkboxes{display:flex;gap:var(--spacer-3);.checkbox-input label.field-label:not(.unstyled){color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}}.query-inspector__results-wrapper{display:flex;flex-direction:column;font-family:var(--font-family-mono);min-width:0;max-height:calc(100dvh - var(--header-offset));overflow:hidden;background-color:var(--color-bg-secondary);border-inline-start:var(--stroke-width-small) solid var(--color-border);ul{margin:0}li{list-style:none}}.query-inspector__results-bar{display:flex;align-items:center;gap:var(--spacer-2-5);padding:var(--spacer-2);padding-inline-end:var(--gutter-h);background-color:var(--color-bg);border-bottom:var(--stroke-width-small) solid var(--color-border);flex-shrink:0}.query-inspector__results-bar-actions{display:flex;align-items:center;gap:var(--spacer-2);margin-inline-start:var(--spacer-2);flex-shrink:0}.query-inspector__toggle-fullscreen-button{background-color:transparent;cursor:pointer;margin:0;border:0;border-radius:var(--radius-medium);color:var(--color-icon-secondary);display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--color-bg-hover);color:var(--color-icon)}&:active{background-color:var(--color-bg-pressed);color:var(--color-icon)}}.query-inspector__results{overflow:visible;min-height:0;flex:1}.query-inspector__results .code-editor.read-only{background:var(--color-bg-secondary);border:0;border-radius:0}@media(max-width:1024px){.query-inspector__content{display:flex;flex-direction:column;min-height:0;gap:var(--spacer-3)}.query-inspector__results,.query-inspector__results-bar{padding-inline-start:var(--gutter-h)}.query-inspector__configuration{padding-inline-end:var(--gutter-h)}.query-inspector__results-wrapper{border-inline-start:0;border-top:var(--stroke-width-small) solid var(--color-border);flex:1;max-height:none;min-height:0}.query-inspector--fullscreen .query-inspector__results-wrapper{border-top:0}}}@layer payload-default{.forgot-password__form{display:flex;flex-direction:column;gap:var(--spacer-5);width:100%}.forgot-password__form .form-header{margin-bottom:0}.forgot-password__form__inputWrap{display:flex;flex-direction:column;gap:var(--spacer-3)}.forgot-password__form__submit{display:flex;align-items:center;justify-content:center}}@layer payload-default{.login__form{display:flex;flex-direction:column;gap:var(--spacer-5);width:100%}.login__form__inputWrap{display:flex;flex-direction:column;gap:var(--spacer-3)}.login__form__actions{display:flex;flex-direction:column;gap:var(--spacer-2);align-items:center;width:100%}.login__form__actions .form-submit{width:100%}.login__form__actions .form-submit .btn{width:100%;justify-content:center}.login__form__forgotPassword{display:flex;gap:var(--spacer-1);align-items:center;justify-content:center;color:var(--color-text-brand);width:100%}.login__form__forgotPassword a{display:flex;gap:var(--spacer-1);align-items:center;padding:var(--spacer-1) 0;color:var(--color-text-brand)}}@layer payload-default{.logout{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.logout__wrap{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacer-3);width:100%}}@layer payload-default{.not-found{height:100%;display:flex;align-items:center;justify-content:center;width:100%;flex:1}.not-found__wrap{display:flex;flex-direction:column;align-items:center;gap:var(--spacer-3);max-width:calc(var(--spacer-6) * 9);text-align:center}.not-found__content{display:flex;flex-direction:column;gap:var(--spacer-2);align-items:center;width:100%}.not-found__content h1{margin:0;font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height);letter-spacing:var(--text-heading-medium-letter-spacing);color:var(--color-text)}.not-found__content p{margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text-secondary)}}@layer payload-default{.reset-password__form{display:flex;flex-direction:column;gap:var(--spacer-5);width:100%}.reset-password__form .form-header{margin-bottom:0}.reset-password__form__inputWrap{display:flex;flex-direction:column;gap:var(--spacer-3)}.reset-password__form__submit{display:flex;align-items:center;justify-content:center}}@layer payload-default{.restore-version{cursor:pointer;display:flex;min-width:max-content}.restore-version .btn{margin-block:0}.restore-version .btn__content{gap:0}.restore-version__restore-as-draft-button{border-top-right-radius:0;border-bottom-right-radius:0}.restore-version__restore-as-draft-button:focus{border-top-right-radius:0;border-bottom-right-radius:0;outline-offset:0}}@layer payload-default{.view-version{width:100%;padding-bottom:var(--spacing-view-bottom)}.view-version__toggle-locales-label{color:var(--color-text-secondary)}.view-version-controls-top{border-bottom:var(--stroke-width-small) solid var(--color-border);padding:var(--spacer-2) var(--gutter-h)}.view-version-controls-top__wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.view-version-controls-top__wrapper-actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacer-4)}.view-version-controls-top h2{color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-style:normal;font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.view-version-controls-bottom{border-bottom:var(--stroke-width-small) solid var(--color-border);padding:var(--spacer-2-5) var(--gutter-h);position:relative;&:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--stroke-width-small);background-color:var(--color-border);transform:translate(-50%)}}.view-version-controls-bottom__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-4)}.view-version__time-elapsed{color:var(--color-text-secondary);font-weight:var(--text-body-medium-font-weight)}.view-version__version-from,.view-version__version-to{display:flex;flex-direction:column;gap:var(--spacer-2)}.view-version__version-from-labels,.view-version__version-to-labels{display:flex;flex-direction:row;justify-content:space-between;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-style:normal;font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.view-version__version-to-version{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);padding:var(--spacer-1) var(--spacer-2);gap:var(--spacer-2)}.view-version__version-to-version h2{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-version__restore div{margin-block:0}.view-version__modifiedCheckBox{margin:0 0 0 var(--spacer-4);display:flex;align-items:center;overflow:hidden;color:var(--color-text);text-overflow:ellipsis;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.view-version__modifiedCheckBox label.field-label{font-weight:var(--text-body-medium-font-weight)}.compare-version .rs__control{padding:var(--spacer-2)}.view-version__diff-wrap{padding:var(--spacer-3) var(--gutter-h);display:flex;flex-direction:column;gap:var(--spacer-3);position:relative;border-bottom:var(--stroke-width-small) solid var(--color-border);&:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--stroke-width-small);background-color:var(--color-border);transform:translate(-50%);z-index:2}}@media(max-width:1024px){.view-version__version-to-version{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.view-version{display:flex;flex-direction:column}.view-version__version-to-version{flex-direction:row;align-items:center}.view-version-controls-bottom{order:1;padding-inline:var(--spacer-3);&:after{display:none}}.view-version-controls-top{order:2}.view-version__diff-wrap{order:3;&:after{display:none}}.view-version-controls-top h2{display:none}.view-version-controls-top__wrapper .view-version__modifiedCheckBox{margin-left:0}.view-version-controls-top__wrapper-actions{width:100%;justify-content:space-between}.view-version-controls-bottom__wrapper{grid-template-columns:1fr;gap:var(--spacer-3)}}}@layer payload-default{.compare-version-moreVersions{color:var(--color-text-secondary)}}@layer payload-default{.version-drawer .table{width:100%}}@layer payload-default{.version-pill-label{display:flex;align-items:center;gap:var(--spacer-2)}.version-pill-label-text{font-weight:var(--text-body-medium-strong-font-weight)}.version-pill-label-date{overflow:hidden;color:var(--color-text-secondary);text-overflow:ellipsis;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}@media(max-width:768px){.version-pill-label{flex-direction:row;align-items:center;gap:var(--spacer-2)}}}@layer payload-default{.render-field-diffs{display:flex;flex-direction:column;gap:var(--spacer-3);[role=banner]{display:none!important}}.render-field-diffs__field{overflow-wrap:anywhere;display:flex;flex-direction:column;gap:var(--spacer-3)}@media(max-width:768px){.render-field-diffs{gap:calc(var(--spacer-4) - var(--spacer-1))}}}@layer payload-default{.field-diff__locale-label{background:var(--color-bg-secondary);border-radius:var(--radius-medium);padding-inline:var(--spacer-1);margin-inline-end:var(--spacer-1)}.field-diff-container{position:relative}.field-diff-content{display:grid;grid-template-columns:var(--field-diff-columns, minmax(0, 1fr) minmax(0, 1fr));background:var(--color-bg-secondary);padding-block:var(--spacer-2);border-radius:var(--radius-medium);overflow:clip}.field-diff-content>*{padding-inline:var(--spacer-2-5)}@media(max-width:768px){.field-diff-container .field-diff-content{grid-template-columns:1fr;gap:calc(var(--stroke-width-small) * 2);padding:0;background:transparent;isolation:isolate}.field-diff-content>*{background:var(--color-bg-secondary);padding:var(--spacer-1) var(--spacer-2);min-height:var(--spacer-5);overflow:hidden;align-content:center}.field-diff-content>*:first-child{border-radius:var(--radius-medium) var(--radius-medium) 0 0}.field-diff-content>*:last-child{border-radius:0 0 var(--radius-medium) var(--radius-medium)}.field-diff-content>.html-diff__diff-old:has([data-match-type]){background:var(--diff-delete-parent-bg)}.field-diff-content>.html-diff__diff-new:has([data-match-type]){background:var(--diff-create-parent-bg)}}.diff-no-value{display:flex;align-items:center;height:100%;max-height:var(--spacer-5);background-color:var(--color-bg-secondary);border-radius:var(--radius-medium);color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}}@layer payload-default{.field-diff-label{margin-bottom:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing);display:flex;flex-direction:row;height:100%;align-items:center;color:var(--color-text)}@media(max-width:768px){.field-diff-label{height:min-content}}}@layer payload-default{.checkbox-diff__value{display:flex;align-items:center;gap:var(--spacer-2);position:relative;z-index:1}.checkbox-diff__value--create:before,.checkbox-diff__value--delete:before{content:"";position:absolute;inset:calc(var(--spacer-2) * -1) 0;display:block;z-index:-1}.checkbox-diff__value--create:before{background-color:var(--diff-create-parent-bg)}.checkbox-diff__value--delete:before{background-color:var(--diff-delete-parent-bg)}.checkbox-diff__indicator{display:flex;align-items:center;justify-content:center;width:var(--spacer-3);height:var(--spacer-3);border:var(--stroke-width-small) solid var(--color-border-strong);border-radius:var(--radius-medium);background:transparent;flex-shrink:0;position:relative}.checkbox-diff__indicator--checked{background-color:var(--color-border-strong);border-color:var(--color-border-strong)}.checkbox-diff__indicator--create{border-color:var(--color-border-brand);background-color:var(--diff-create-parent-bg)}.checkbox-diff__indicator--create.checkbox-diff__indicator--checked{background-color:var(--color-bg-brand);border-color:var(--color-border-selected)}.checkbox-diff__indicator--delete{border-color:var(--color-border-danger);background-color:var(--diff-delete-parent-bg)}.checkbox-diff__indicator--delete.checkbox-diff__indicator--checked{background-color:var(--color-bg-danger);border-color:var(--color-bg-danger)}.checkbox-diff__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.checkbox-diff__icon svg{opacity:0;color:var(--color-icon-onbrand)}.checkbox-diff__indicator--checked .checkbox-diff__icon svg{opacity:1}.checkbox-diff__label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text)}.checkbox-diff__label--create{color:var(--diff-create-parent-color)}.checkbox-diff__label--delete{color:var(--color-text-danger)}}@layer payload-default{.diff-collapser__toggle-button{all:unset;cursor:pointer;position:relative;z-index:1;display:flex;align-items:center;.icon{color:var(--color-icon-tertiary)}&:before{content:"";position:absolute;inset:0 0 0 calc(var(--spacer-1) * -1);border-radius:var(--radius-medium);z-index:-1}&:hover:before{background-color:var(--color-bg-hover)}&:active:before{background-color:var(--color-bg-pressed)}}.diff-collapser__label{margin:0;display:inline-flex;height:100%}.diff-collapser__field-change-count{margin-inline-start:var(--spacer-2);padding-inline:var(--spacer-1);background:var(--color-bg-tertiary);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.diff-collapser__content:not(.diff-collapser__content--hide-gutter){[dir=ltr] &{border-left:var(--stroke-width-small) solid var(--color-border);padding-left:var(--spacer-2-5)}[dir=rtl] &{border-right:var(--stroke-width-small) solid var(--color-border);padding-right:var(--spacer-2-5)}}.diff-collapser__content--is-collapsed{display:none}}@layer payload-default{.date-diff[data-match-type]{background-color:unset!important;border-radius:unset!important;padding:0!important}.date-diff{p *[data-match-type=delete],p *[data-match-type=create]{color:unset!important;background-color:unset!important}}@media(max-width:768px){.field-diff-content .date-diff{display:contents}.date-diff .field-diff-content>.html-diff{justify-content:center}}}@layer payload-default{.group-diff__locale-label--no-label{color:var(--color-text-secondary)}}@layer payload-default{.iterable-diff-label-container{position:relative;display:flex;flex-direction:row;height:100%}.iterable-diff__label{color:var(--color-text-secondary);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-style:normal;font-weight:var(--font-weight-strong);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.iterable-diff__locale-label{background:var(--color-bg-secondary);border-radius:var(--radius-medium);padding:var(--spacer-1);[dir=ltr] &{margin-right:var(--spacer-1)}[dir=rtl] &{margin-left:var(--spacer-1)}}.iterable-diff__row:not(:first-of-type){margin-top:var(--spacer-2)}.iterable-diff__no-rows{color:var(--color-text-tertiary)}}@layer payload-default;@layer payload-default{.tabs-diff__tab:not(:first-of-type),.tabs-diff__tab-locale:not(:first-of-type){margin-top:var(--spacer-3)}}@layer payload-default;@layer payload-default{.autosave-cell__items{display:flex;align-items:center;gap:var(--spacer-2)}}@layer payload-default{.doc-drawer__header{width:100%;display:flex;flex-direction:column}.doc-drawer__header-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--spacer-2);width:100%;padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg)}.doc-drawer__header-content{display:flex;align-items:center;gap:var(--spacer-1);flex:1 1 auto;min-width:0}.doc-drawer__header-actions{display:flex;align-items:center;flex-shrink:0}.doc-drawer__header-text{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.doc-drawer__title-bar{display:flex;flex-direction:column;gap:var(--spacer-2);padding:var(--spacer-3) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border)}.doc-drawer__title{margin:0;color:var(--color-text);font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height);letter-spacing:var(--text-heading-medium-letter-spacing)}.doc-drawer__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-2)}.doc-drawer__meta:has(.autosave) .doc-drawer__updated-at{display:none}.doc-drawer__before-meta{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}.doc-drawer__updated-at{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.doc-drawer__header-toggler{background:transparent;border:0;margin:0;padding:0;cursor:pointer;color:inherit}.doc-drawer__header-toggler:focus,.doc-drawer__header-toggler:focus-within{outline:none}.doc-drawer__header-toggler:disabled{pointer-events:none}.doc-drawer__header-close{padding:0;border:0}.doc-drawer__after-header{padding-top:var(--spacer-1)}.doc-drawer__divider{height:1px;background:var(--color-border);width:100%}}@layer payload-default{.iframe-loader__container{width:100%;height:100%;position:relative;flex:1;min-height:0}.iframe-loader__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;background-color:var(--color-bg)}.iframe-loader__iframe{background-color:var(--color-bg);border:0;width:100%;height:100%;transform-origin:top left}.iframe-loader__iframe--is-loading{opacity:0}}@layer payload-default{.toolbar-input__group{display:flex;align-items:stretch;height:var(--spacer-4);border:var(--stroke-width-small) solid transparent;border-radius:var(--field-border-radius);background:var(--color-bg-secondary);overflow:hidden;&:hover:not(:focus-within){border-color:var(--color-border)}&:focus-within{border-color:var(--color-border-selected)}}.toolbar-input__prefix{display:flex;align-items:center;justify-content:center;width:var(--spacer-4);font-size:var(--text-body-medium-font-size, .6875rem);color:var(--color-text-secondary);user-select:none}.toolbar-input{width:calc(var(--spacer-4) * 2);display:flex;align-items:center;border:none;background:transparent;font-size:var(--text-body-medium-font-size, .6875rem);color:var(--color-text);appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;margin:0}&:focus{outline:none}}}@layer payload-default{.live-preview-toolbar-controls{display:contents}.live-preview-toolbar-controls__breakpoint{justify-self:start}.live-preview-toolbar-controls__center{display:flex;align-items:center;justify-self:center;gap:var(--spacer-2)}.live-preview-toolbar-controls__zoom-percentage{margin-right:var(--spacer-2);color:var(--color-text-secondary)}.live-preview-toolbar-controls__end{display:flex;align-items:center;justify-self:end;gap:var(--spacer-1)}}@layer payload-default{.live-preview-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background-color:var(--color-bg);color:var(--color-text);max-height:var(--spacer-6);padding:var(--spacer-2);align-items:center;flex-shrink:0}.live-preview-window--is-expanded .live-preview-toolbar--static{padding-inline-start:var(--gutter-h)}.live-preview-toolbar--static{position:relative;width:100%;border-bottom:var(--stroke-width-small) solid var(--color-border);padding-inline-end:var(--gutter-h)}.live-preview-toolbar--draggable{box-shadow:var(--elevation-400-menu-panel);position:absolute;top:0;left:0;margin:0;border-radius:var(--radius-medium)}.live-preview-toolbar__drag-handle{background:transparent;border:0;padding:0;cursor:grab;.icon--drag-handle .fill{fill:var(--color-icon-tertiary)}&:active{cursor:grabbing}}}@layer payload-default{.live-preview-window{background-color:var(--color-bg);display:none;width:60%;flex-shrink:0;flex-grow:0;position:sticky;top:var(--doc-controls-height);height:calc(100vh - var(--doc-controls-height));overflow:hidden}.live-preview-window--is-live-previewing{display:block;border-left:var(--stroke-width-small) solid var(--color-border)}.live-preview-window--is-expanded{width:100%;border-left:none}.live-preview-window__wrapper{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.live-preview-window__main{flex-grow:1;height:100%;width:100%}.live-preview-window--has-breakpoint .live-preview-iframe{border:var(--stroke-width-small) solid var(--color-border)}.live-preview-window--has-breakpoint .live-preview-window__main{padding:var(--spacer-3)}@media(max-width:1024px){.live-preview-window{width:100%}}}@layer payload-default{.auth-fields,.auth-fields__body,.auth-fields__api-key,.auth-fields__changing-password{display:flex;flex-direction:column;gap:var(--spacer-3)}.auth-fields{margin-bottom:var(--spacer-3)}.auth-fields__card{border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-bg);overflow:clip}.auth-fields__header,.auth-fields__controls{display:flex;align-items:center;gap:calc(var(--spacer-2));flex-wrap:wrap}.auth-fields__header{justify-content:space-between;padding:var(--spacer-2) var(--spacer-3);background:var(--color-bg-secondary);box-shadow:inset 0 calc(var(--stroke-width-small) * -1) 0 var(--color-border)}.auth-fields__title{margin:0;font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.auth-fields__body{padding:var(--spacer-3)}.auth-fields__body>.field-type.checkbox{min-height:var(--spacer-4);justify-content:center}.auth-fields__body>.field-type.checkbox label.field-label,.auth-fields__api-key>.field-type.checkbox label.field-label{font-weight:var(--text-body-medium-font-weight)}.auth-fields .btn{margin:0}.auth-fields__controls .btn.btn--style-secondary{background:transparent}.auth-fields__api-key>.btn.btn--style-secondary{align-self:flex-start}}@layer payload-default{.collection-edit__main-wrapper{width:100%;display:flex}.collection-edit__main{width:100%;container-type:inline-size}.collection-edit__main--popup-open{width:100%}.collection-edit__main--is-live-previewing{width:40%;position:relative;&:after{content:" ";position:absolute;top:0;right:0;width:var(--spacer-6);height:100%;pointer-events:none;z-index:-1}}.collection-edit__form{height:100%;width:100%}.collection-edit__auth{border-radius:var(--radius-small)}@media(max-width:768px){.collection-edit__auth{margin-top:0;margin-bottom:var(--spacer-3)}}}
1
+ /*
2
+ COPIED OVER MANUALLY FROM: https://github.com/tailwindlabs/tailwindcss/blob/main/packages/tailwindcss/preflight.css
3
+ */
4
+
5
+ /*
6
+ MIT License
7
+
8
+ Copyright (c) Tailwind Labs, Inc.
9
+
10
+ Permission is hereby granted, free of charge, to any person obtaining a copy
11
+ of this software and associated documentation files (the "Software"), to deal
12
+ in the Software without restriction, including without limitation the rights
13
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
14
+ copies of the Software, and to permit persons to whom the Software is
15
+ furnished to do so, subject to the following conditions:
16
+
17
+ The above copyright notice and this permission notice shall be included in all
18
+ copies or substantial portions of the Software.
19
+
20
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
21
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
22
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
23
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
24
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
25
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
26
+ SOFTWARE.
27
+
28
+ */
29
+
30
+ /*
31
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
32
+ 2. Remove default margins and padding
33
+ 3. Reset all borders.
34
+ */
35
+ @layer payload-default {
36
+ *,
37
+ ::after,
38
+ ::before,
39
+ ::backdrop,
40
+ ::file-selector-button {
41
+ box-sizing: border-box; /* 1 */
42
+ margin: 0; /* 2 */
43
+ padding: 0; /* 2 */
44
+ border: 0 solid; /* 3 */
45
+ }
46
+
47
+ /*
48
+ 1. Use a consistent sensible line-height in all browsers.
49
+ 2. Prevent adjustments of font size after orientation changes in iOS.
50
+ 3. Use a more readable tab size.
51
+ 4. Use the user's configured `sans` font-family by default.
52
+ 5. Use the user's configured `sans` font-feature-settings by default.
53
+ 6. Use the user's configured `sans` font-variation-settings by default.
54
+ 7. Disable tap highlights on iOS.
55
+ */
56
+
57
+ html,
58
+ :host {
59
+ line-height: 1.5; /* 1 */
60
+ -webkit-text-size-adjust: 100%; /* 2 */
61
+ tab-size: 4; /* 3 */
62
+ font-family: var(--font-family-sans, ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'); /* 4 */
63
+ font-feature-settings: normal; /* 5 */
64
+ font-variation-settings: normal; /* 6 */
65
+ -webkit-tap-highlight-color: transparent; /* 7 */
66
+ }
67
+
68
+ /*
69
+ 1. Add the correct height in Firefox.
70
+ 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
71
+ 3. Reset the default border style to a 1px solid border.
72
+ */
73
+
74
+ hr {
75
+ height: 0; /* 1 */
76
+ color: inherit; /* 2 */
77
+ border-top-width: 1px; /* 3 */
78
+ }
79
+
80
+ /*
81
+ Add the correct text decoration in Chrome, Edge, and Safari.
82
+ */
83
+
84
+ abbr:where([title]) {
85
+ -webkit-text-decoration: underline dotted;
86
+ text-decoration: underline dotted;
87
+ }
88
+
89
+ /*
90
+ Remove the default font size and weight for headings.
91
+ */
92
+
93
+ h1,
94
+ h2,
95
+ h3,
96
+ h4,
97
+ h5,
98
+ h6 {
99
+ font-size: inherit;
100
+ font-weight: inherit;
101
+ }
102
+
103
+ /*
104
+ Reset links to optimize for opt-in styling instead of opt-out.
105
+ */
106
+
107
+ a {
108
+ color: inherit;
109
+ -webkit-text-decoration: inherit;
110
+ text-decoration: inherit;
111
+ }
112
+
113
+ /*
114
+ Add the correct font weight in Edge and Safari.
115
+ */
116
+
117
+ b,
118
+ strong {
119
+ font-weight: bolder;
120
+ }
121
+
122
+ /*
123
+ 1. Use the user's configured `mono` font-family by default.
124
+ 2. Use the user's configured `mono` font-feature-settings by default.
125
+ 3. Use the user's configured `mono` font-variation-settings by default.
126
+ 4. Correct the odd `em` font sizing in all browsers.
127
+ */
128
+
129
+ code,
130
+ kbd,
131
+ samp,
132
+ pre {
133
+ font-family: var(--font-family-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace); /* 1 */
134
+ font-feature-settings: normal; /* 2 */
135
+ font-variation-settings: normal; /* 3 */
136
+ font-size: 1em; /* 4 */
137
+ }
138
+
139
+ /*
140
+ Add the correct font size in all browsers.
141
+ */
142
+
143
+ small {
144
+ font-size: 80%;
145
+ }
146
+
147
+ /*
148
+ Prevent `sub` and `sup` elements from affecting the line height in all browsers.
149
+ */
150
+
151
+ sub,
152
+ sup {
153
+ font-size: 75%;
154
+ line-height: 0;
155
+ position: relative;
156
+ vertical-align: baseline;
157
+ }
158
+
159
+ sub {
160
+ bottom: -0.25em;
161
+ }
162
+
163
+ sup {
164
+ top: -0.5em;
165
+ }
166
+
167
+ /*
168
+ 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)
169
+ 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)
170
+ 3. Remove gaps between table borders by default.
171
+ */
172
+
173
+ table {
174
+ text-indent: 0; /* 1 */
175
+ border-color: inherit; /* 2 */
176
+ border-collapse: collapse; /* 3 */
177
+ }
178
+
179
+ /*
180
+ Use the modern Firefox focus style for all focusable elements.
181
+ */
182
+
183
+ :-moz-focusring {
184
+ outline: auto;
185
+ }
186
+
187
+ /*
188
+ Add the correct vertical alignment in Chrome and Firefox.
189
+ */
190
+
191
+ progress {
192
+ vertical-align: baseline;
193
+ }
194
+
195
+ /*
196
+ Add the correct display in Chrome and Safari.
197
+ */
198
+
199
+ summary {
200
+ display: list-item;
201
+ }
202
+
203
+ /*
204
+ Make lists unstyled by default.
205
+ */
206
+
207
+ ol,
208
+ ul,
209
+ menu {
210
+ list-style: none;
211
+ }
212
+
213
+ /*
214
+ 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
215
+ 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
216
+ This can trigger a poorly considered lint error in some tools but is included by design.
217
+ */
218
+
219
+ img,
220
+ svg,
221
+ video,
222
+ canvas,
223
+ audio,
224
+ iframe,
225
+ embed,
226
+ object {
227
+ display: block; /* 1 */
228
+ vertical-align: middle; /* 2 */
229
+ }
230
+
231
+ /*
232
+ Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
233
+ */
234
+
235
+ img,
236
+ video {
237
+ max-width: 100%;
238
+ height: auto;
239
+ }
240
+
241
+ /*
242
+ 1. Inherit font styles in all browsers.
243
+ 2. Remove border radius in all browsers.
244
+ 3. Remove background color in all browsers.
245
+ 4. Ensure consistent opacity for disabled states in all browsers.
246
+ */
247
+
248
+ button,
249
+ input,
250
+ select,
251
+ optgroup,
252
+ textarea,
253
+ ::file-selector-button {
254
+ font: inherit; /* 1 */
255
+ font-feature-settings: inherit; /* 1 */
256
+ font-variation-settings: inherit; /* 1 */
257
+ letter-spacing: inherit; /* 1 */
258
+ color: inherit; /* 1 */
259
+ border-radius: 0; /* 2 */
260
+ background-color: transparent; /* 3 */
261
+ opacity: 1; /* 4 */
262
+ }
263
+
264
+ /*
265
+ Restore default font weight.
266
+ */
267
+
268
+ :where(select:is([multiple], [size])) optgroup {
269
+ font-weight: bolder;
270
+ }
271
+
272
+ /*
273
+ Restore indentation.
274
+ */
275
+
276
+ :where(select:is([multiple], [size])) optgroup option {
277
+ padding-inline-start: 1.25rem;
278
+ }
279
+
280
+ /*
281
+ Restore space after button.
282
+ */
283
+
284
+ ::file-selector-button {
285
+ margin-inline-end: 0.25rem;
286
+ }
287
+
288
+ /*
289
+ Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
290
+ */
291
+
292
+ ::placeholder {
293
+ opacity: 1;
294
+ }
295
+
296
+ /*
297
+ Set the default placeholder color to a semi-transparent version of the current text color in browsers that do not
298
+ crash when using `color-mix(…)` with `currentcolor`. (https://github.com/tailwindlabs/tailwindcss/issues/17194)
299
+ */
300
+
301
+ @supports (not (-webkit-appearance: -apple-pay-button)) /* Not Safari */ or
302
+ (contain-intrinsic-size: 1px) /* Safari 17+ */ {
303
+ ::placeholder {
304
+ color: color-mix(in oklab, currentcolor 50%, transparent);
305
+ }
306
+ }
307
+
308
+ /*
309
+ Prevent resizing textareas horizontally by default.
310
+ */
311
+
312
+ textarea {
313
+ resize: vertical;
314
+ }
315
+
316
+ /*
317
+ Remove the inner padding in Chrome and Safari on macOS.
318
+ */
319
+
320
+ ::-webkit-search-decoration {
321
+ -webkit-appearance: none;
322
+ }
323
+
324
+ /*
325
+ 1. Ensure date/time inputs have the same height when empty in iOS Safari.
326
+ 2. Ensure text alignment can be changed on date/time inputs in iOS Safari.
327
+ */
328
+
329
+ ::-webkit-date-and-time-value {
330
+ min-height: 1lh; /* 1 */
331
+ text-align: inherit; /* 2 */
332
+ }
333
+
334
+ /*
335
+ Prevent height from changing on date/time inputs in macOS Safari when the input is set to `display: block`.
336
+ */
337
+
338
+ ::-webkit-datetime-edit {
339
+ display: inline-flex;
340
+ }
341
+
342
+ /*
343
+ Remove excess padding from pseudo-elements in date/time inputs to ensure consistent height across browsers.
344
+ */
345
+
346
+ ::-webkit-datetime-edit-fields-wrapper {
347
+ padding: 0;
348
+ }
349
+
350
+ ::-webkit-datetime-edit,
351
+ ::-webkit-datetime-edit-year-field,
352
+ ::-webkit-datetime-edit-month-field,
353
+ ::-webkit-datetime-edit-day-field,
354
+ ::-webkit-datetime-edit-hour-field,
355
+ ::-webkit-datetime-edit-minute-field,
356
+ ::-webkit-datetime-edit-second-field,
357
+ ::-webkit-datetime-edit-millisecond-field,
358
+ ::-webkit-datetime-edit-meridiem-field {
359
+ padding-block: 0;
360
+ }
361
+
362
+ /*
363
+ Center dropdown marker shown on inputs with paired `<datalist>`s in Chrome. (https://github.com/tailwindlabs/tailwindcss/issues/18499)
364
+ */
365
+
366
+ ::-webkit-calendar-picker-indicator {
367
+ line-height: 1;
368
+ }
369
+
370
+ /*
371
+ Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
372
+ */
373
+
374
+ :-moz-ui-invalid {
375
+ box-shadow: none;
376
+ }
377
+
378
+ /*
379
+ Correct the inability to style the border radius in iOS Safari.
380
+ */
381
+
382
+ button,
383
+ input:where([type='button'], [type='reset'], [type='submit']),
384
+ ::file-selector-button {
385
+ appearance: button;
386
+ }
387
+
388
+ /*
389
+ Correct the cursor style of increment and decrement buttons in Safari.
390
+ */
391
+
392
+ ::-webkit-inner-spin-button,
393
+ ::-webkit-outer-spin-button {
394
+ height: auto;
395
+ }
396
+
397
+ /*
398
+ Make elements with the HTML hidden attribute stay hidden by default.
399
+ */
400
+
401
+ [hidden]:where(:not([hidden='until-found'])) {
402
+ display: none !important;
403
+ }
404
+ }
405
+
406
+ @layer payload-default {
407
+ /* ——————————————————————————————————————————————
408
+ Non-themed Tokens
409
+ ————————————————————————————————————————————— */
410
+
411
+ :root {
412
+ /* Special */
413
+ --special-bg-hover-on-light-canvas: var(--ramp-black-300);
414
+ --special-text-highlight: var(--color-blue-300);
415
+
416
+ --special-multiplayer-blue: var(--ramp-blue-600);
417
+ --special-multiplayer-purple: var(--ramp-purple-500);
418
+ --special-multiplayer-pink: var(--ramp-pink-500);
419
+ --special-multiplayer-red: var(--ramp-red-500);
420
+ --special-multiplayer-yellow: var(--ramp-yellow-500);
421
+ --special-multiplayer-green: var(--ramp-green-500);
422
+ --special-multiplayer-grey: var(--ramp-pale-blue-500);
423
+
424
+ --special-text-on-multiplayer-blue: var(--ramp-white-1000);
425
+ --special-text-on-multiplayer-purple: var(--ramp-white-1000);
426
+ --special-text-on-multiplayer-pink: var(--ramp-white-1000);
427
+ --special-text-on-multiplayer-red: var(--ramp-white-1000);
428
+ --special-text-on-multiplayer-yellow: var(--ramp-black-800);
429
+ --special-text-on-multiplayer-green: var(--ramp-white-1000);
430
+ --special-text-on-multiplayer-grey: var(--ramp-white-1000);
431
+
432
+ /* Drawer */
433
+ --color-drawer-backdrop: rgba(0, 0, 0, 0.1);
434
+
435
+ /* Fullscreen */
436
+ --fullscreen-default-icon: var(--ramp-black-800);
437
+ --fullscreen-default-icon-tertiary: var(--ramp-black-400);
438
+ --fullscreen-special-autofill-highlight: rgba(13, 153, 255, 0.2);
439
+
440
+ /* Modal */
441
+ --color-modalbackdrop: rgba(0, 0, 0, 0.5);
442
+
443
+ /* ——————————————————————————————————————————————
444
+ Light Theme (default)
445
+
446
+ Naming rules (UI3 parity — matches fpl/tokens):
447
+ - Every semantic color is prefixed with `--color-`.
448
+ - The `default` category is implicit. `--color-bg-secondary` (not `--color-bg-default-secondary`).
449
+ - The `default` variant is implicit. `--color-bg` (not `--color-bg-default`); `--color-bg-brand` (not `--color-bg-brand-default`).
450
+ - `on{X}` is one segment. `--color-text-onbrand`, `--color-icon-ondisabled`.
451
+ - Palette tokens live in the `--ramp-*` namespace.
452
+ ————————————————————————————————————————————— */
453
+
454
+ /* Background */
455
+ --color-bg-assistive: var(--ramp-pink-500);
456
+ --color-bg-assistive-hover: var(--ramp-pink-600);
457
+ --color-bg-assistive-pressed: var(--ramp-pink-600);
458
+ --color-bg-assistive-secondary: var(--ramp-pink-700);
459
+ --color-bg-assistive-tertiary: var(--ramp-pink-200);
460
+
461
+ --color-bg-brand: var(--ramp-blue-500);
462
+ --color-bg-brand-hover: var(--ramp-blue-600);
463
+ --color-bg-brand-pressed: var(--ramp-blue-700);
464
+ --color-bg-brand-secondary: var(--ramp-blue-700);
465
+ --color-bg-brand-tertiary: var(--ramp-blue-200);
466
+ --color-bg-brand-tertiary-hover: var(--ramp-blue-300);
467
+
468
+ --color-bg-component: var(--ramp-purple-500);
469
+ --color-bg-component-tertiary: var(--ramp-purple-200);
470
+ --color-bg-component-tertiary-hover: var(--ramp-purple-300);
471
+
472
+ --color-bg-danger: var(--ramp-red-500);
473
+ --color-bg-danger-hover: var(--ramp-red-600);
474
+ --color-bg-danger-pressed: var(--ramp-red-700);
475
+ --color-bg-danger-tertiary: var(--ramp-red-200);
476
+ --color-bg-danger-tertiary-hover: var(--ramp-red-300);
477
+ --color-bg-danger-tertiary-pressed: var(--ramp-red-400);
478
+
479
+ --color-bg: var(--ramp-white-1000);
480
+ --color-bg-hover: var(--ramp-grey-100);
481
+ --color-bg-pressed: var(--ramp-grey-200);
482
+ --color-bg-secondary: var(--ramp-grey-100);
483
+ --color-bg-secondary-hover: var(--ramp-grey-200);
484
+ --color-bg-secondary-pressed: var(--ramp-grey-300);
485
+ --color-bg-tertiary: var(--ramp-grey-200);
486
+
487
+ --color-bg-disabled: var(--ramp-grey-300);
488
+
489
+ --color-bg-elevated: var(--ramp-white-1000);
490
+
491
+ --color-bg-info: var(--ramp-blue-200);
492
+
493
+ --color-bg-inverse: var(--ramp-grey-800);
494
+ --color-bg-inverse-hover: var(--ramp-grey-700);
495
+ --color-bg-inverse-pressed: var(--ramp-grey-600);
496
+
497
+ --color-bg-menu: var(--ramp-grey-900);
498
+ --color-bg-tooltip: var(--ramp-grey-900);
499
+
500
+ --color-bg-selected: var(--ramp-blue-200);
501
+ --color-bg-selected-hover: var(--ramp-blue-300);
502
+ --color-bg-selected-pressed: var(--ramp-blue-400);
503
+ --color-bg-selected-strong: var(--ramp-blue-500);
504
+ --color-bg-selected-strong-hover: var(--ramp-blue-600);
505
+ --color-bg-selected-strong-pressed: var(--ramp-blue-700);
506
+
507
+ --color-bg-success: var(--ramp-green-500);
508
+ --color-bg-success-hover: var(--ramp-green-600);
509
+ --color-bg-success-pressed: var(--ramp-green-700);
510
+ --color-bg-success-tertiary: var(--ramp-green-200);
511
+ --color-bg-success-tertiary-hover: var(--ramp-green-300);
512
+
513
+ --color-bg-transparent-hover: var(--ramp-black-100);
514
+ --color-bg-transparent-pressed: var(--ramp-black-200);
515
+
516
+ --color-bg-warning: var(--ramp-yellow-500);
517
+ --color-bg-warning-tertiary: var(--ramp-yellow-200);
518
+ --color-bg-warning-tertiary-hover: var(--ramp-yellow-300);
519
+
520
+ /* Border */
521
+ --color-border-assistive: var(--ramp-pink-300);
522
+ --color-border-assistive-strong: var(--ramp-pink-600);
523
+ --color-border-onassistive: var(--ramp-pink-600);
524
+ --color-border-onassistive-strong: var(--ramp-pink-700);
525
+
526
+ --color-border-brand: var(--ramp-blue-300);
527
+ --color-border-brand-strong: var(--ramp-blue-600);
528
+ --color-border-onbrand-strong: var(--ramp-white-1000);
529
+
530
+ --color-border-component: var(--ramp-purple-300);
531
+ --color-border-component-strong: var(--ramp-purple-600);
532
+
533
+ --color-border-danger: var(--ramp-red-300);
534
+ --color-border-danger-strong: var(--ramp-red-600);
535
+
536
+ --color-border: var(--ramp-grey-200);
537
+ --color-border-strong: var(--ramp-grey-800);
538
+
539
+ --color-border-disabled: var(--ramp-grey-200);
540
+
541
+ --color-border-selected: var(--ramp-blue-500);
542
+ --color-border-selected-strong: var(--ramp-blue-600);
543
+
544
+ --color-border-success: var(--ramp-green-300);
545
+ --color-border-success-strong: var(--ramp-green-600);
546
+
547
+ --color-border-warning: var(--ramp-pale-yellow-300);
548
+ --color-border-warning-strong: var(--ramp-yellow-1000);
549
+
550
+ /* Icon */
551
+ --color-icon-assistive: var(--ramp-pink-600);
552
+ --color-icon-assistive-pressed: var(--ramp-pink-700);
553
+ --color-icon-onassistive: var(--ramp-white-1000);
554
+ --color-icon-onassistive-secondary: var(--ramp-white-600);
555
+ --color-icon-onassistive-tertiary: var(--ramp-white-400);
556
+
557
+ --color-icon-brand: var(--ramp-blue-600);
558
+ --color-icon-onbrand: var(--ramp-white-1000);
559
+ --color-icon-onbrand-secondary: var(--ramp-white-600);
560
+
561
+ --color-icon-component: var(--ramp-purple-600);
562
+ --color-icon-component-pressed: var(--ramp-purple-700);
563
+ --color-icon-component-secondary: var(--ramp-pale-purple-400);
564
+ --color-icon-component-tertiary: var(--ramp-pale-purple-400);
565
+ --color-icon-oncomponent: var(--ramp-white-1000);
566
+
567
+ --color-icon-danger: var(--ramp-red-600);
568
+ --color-icon-ondanger: var(--ramp-white-1000);
569
+ --color-icon-ondanger-secondary: var(--ramp-white-600);
570
+
571
+ --color-icon: var(--ramp-black-800);
572
+ --color-icon-hover: var(--ramp-black-800);
573
+ --color-icon-secondary: var(--ramp-black-500);
574
+ --color-icon-secondary-hover: var(--ramp-black-800);
575
+ --color-icon-tertiary: var(--ramp-black-400);
576
+
577
+ --color-icon-disabled: var(--ramp-black-400);
578
+ --color-icon-ondisabled: var(--ramp-white-1000);
579
+
580
+ --color-icon-oninverse: var(--ramp-white-800);
581
+
582
+ --color-icon-onselected-strong: var(--ramp-white-1000);
583
+ --color-icon-selected: var(--ramp-blue-600);
584
+
585
+ --color-icon-onsuccess: var(--ramp-white-1000);
586
+ --color-icon-onsuccess-secondary: var(--ramp-white-600);
587
+ --color-icon-success: var(--ramp-green-600);
588
+
589
+ --color-icon-warning: var(--ramp-yellow-1000);
590
+ --color-icon-warning-pressed: var(--ramp-yellow-1000);
591
+
592
+ /* Text */
593
+ --color-text-assistive: var(--ramp-pink-600);
594
+ --color-text-assistive-pressed: var(--ramp-pink-700);
595
+ --color-text-onassistive: var(--ramp-white-1000);
596
+ --color-text-onassistive-secondary: var(--ramp-white-600);
597
+ --color-text-onassistive-tertiary: var(--ramp-white-400);
598
+
599
+ --color-text-brand: var(--ramp-blue-600);
600
+ --color-text-brand-secondary: var(--ramp-blue-600);
601
+ --color-text-onbrand: var(--ramp-white-1000);
602
+ --color-text-onbrand-secondary: var(--ramp-white-600);
603
+
604
+ --color-text-component: var(--ramp-purple-600);
605
+ --color-text-component-pressed: var(--ramp-purple-700);
606
+ --color-text-component-secondary: var(--ramp-pale-purple-400);
607
+ --color-text-component-tertiary: var(--ramp-pale-purple-400);
608
+ --color-text-oncomponent: var(--ramp-white-1000);
609
+
610
+ --color-text-danger: var(--ramp-red-600);
611
+ --color-text-danger-secondary: var(--ramp-red-600);
612
+ --color-text-ondanger: var(--ramp-white-1000);
613
+ --color-text-ondanger-secondary: var(--ramp-white-600);
614
+
615
+ --color-text: var(--ramp-black-800);
616
+ --color-text-secondary: var(--ramp-black-500);
617
+ --color-text-tertiary: var(--ramp-black-400);
618
+
619
+ --color-text-disabled: var(--ramp-black-400);
620
+ --color-text-ondisabled: var(--ramp-white-1000);
621
+
622
+ --color-text-oninverse: var(--ramp-white-800);
623
+ --color-text-oninverse-secondary: var(--ramp-white-600);
624
+
625
+ --color-text-ontooltip: var(--ramp-white-800);
626
+
627
+ --color-text-onselected-strong: var(--ramp-white-1000);
628
+ --color-text-selected: var(--ramp-blue-600);
629
+
630
+ --color-text-onsuccess: var(--ramp-white-1000);
631
+ --color-text-onsuccess-secondary: var(--ramp-white-600);
632
+ --color-text-success: var(--ramp-green-600);
633
+
634
+ --color-text-onwarning: var(--ramp-black-800);
635
+ --color-text-warning: var(--ramp-yellow-1000);
636
+
637
+ /* Special (themed) */
638
+ --special-bg-hover-transparent: var(--ramp-black-100);
639
+ --special-bg-transparent: rgba(255, 255, 255, 0.6);
640
+ --special-bg-transparent-secondary-hover: var(--ramp-black-200);
641
+ --special-border-translucent: var(--ramp-black-200);
642
+ --special-border-translucent-strong: var(--ramp-black-300);
643
+
644
+ /* Multiplayer */
645
+ --multiplayer-blue: var(--special-multiplayer-blue);
646
+ --multiplayer-purple: var(--special-multiplayer-purple);
647
+ --multiplayer-pink: var(--special-multiplayer-pink);
648
+ --multiplayer-red: var(--special-multiplayer-red);
649
+ --multiplayer-yellow: var(--special-multiplayer-yellow);
650
+ --multiplayer-green: var(--special-multiplayer-green);
651
+ --multiplayer-grey: var(--special-multiplayer-grey);
652
+
653
+ /* ——————————————————————————————————————————————
654
+ Field Tokens
655
+ ——————————————————————————————————————————————
656
+ Override these to retheme all "light" themed
657
+ form fields at once
658
+ ————————————————————————————————————————————— */
659
+
660
+ --field-color-bg: var(--color-bg);
661
+ --field-color-border: var(--special-border-translucent);
662
+ --field-color-text: var(--color-text);
663
+ --field-color-placeholder: var(--color-text-tertiary);
664
+
665
+ --field-color-border-hover: var(--special-border-translucent-strong);
666
+
667
+ --field-color-border-focus: var(--accessibility-focus-color);
668
+
669
+ --field-color-bg-disabled: transparent;
670
+ --field-color-border-disabled: var(--color-border);
671
+ --field-color-text-disabled: var(--color-text-disabled);
672
+
673
+ --field-color-bg-readonly: var(--color-bg);
674
+ --field-color-border-readonly: var(--color-border);
675
+ --field-color-text-readonly: var(--color-text-secondary);
676
+
677
+ --field-color-border-error: var(--color-border-danger-strong);
678
+
679
+ --field-color-label: var(--color-text);
680
+ --field-color-label-required: var(--color-text-danger);
681
+
682
+ --field-color-description: var(--color-text-secondary);
683
+
684
+ --field-color-error-bg: var(--color-bg-danger);
685
+ --field-color-error-text: var(--color-text-ondanger);
686
+
687
+ --field-color-toggle-border: var(--color-border-strong);
688
+ --field-color-toggle-border-hover: var(--color-border-selected-strong);
689
+ --field-color-toggle-bg-checked: var(--color-bg-brand);
690
+ --field-color-toggle-border-checked: var(--color-border-selected);
691
+ --field-color-toggle-icon: var(--color-icon-onbrand);
692
+ --field-color-toggle-bg-disabled: var(--color-bg-disabled);
693
+ --field-color-toggle-border-disabled: var(--color-border-disabled);
694
+
695
+ --field-color-upload-bg: var(--color-bg-secondary);
696
+ --field-color-upload-border: var(--color-border);
697
+
698
+ /* ——————————————————————————————————————————————
699
+ End Field Tokens
700
+ ————————————————————————————————————————————— */
701
+ }
702
+
703
+ /* ——————————————————————————————————————————————
704
+ Dark Theme
705
+ Only overrides where the palette reference changes.
706
+ ————————————————————————————————————————————— */
707
+
708
+ html[data-theme='dark'],
709
+ [data-theme='dark'] {
710
+ /* Background */
711
+ --color-bg-assistive: var(--ramp-pink-500);
712
+ --color-bg-assistive-hover: var(--ramp-pink-600);
713
+ --color-bg-assistive-pressed: var(--ramp-pink-600);
714
+ --color-bg-assistive-secondary: var(--ramp-pink-700);
715
+ --color-bg-assistive-tertiary: var(--ramp-pink-800);
716
+
717
+ --color-bg-brand-tertiary: var(--ramp-pale-blue-800);
718
+ --color-bg-brand-tertiary-hover: var(--ramp-pale-blue-700);
719
+
720
+ --color-bg-component-tertiary: var(--ramp-pale-purple-800);
721
+ --color-bg-component-tertiary-hover: var(--ramp-pale-purple-700);
722
+
723
+ --color-bg-danger: var(--ramp-dark-red-500);
724
+ --color-bg-danger-hover: var(--ramp-dark-red-600);
725
+ --color-bg-danger-pressed: var(--ramp-dark-red-700);
726
+ --color-bg-danger-tertiary: var(--ramp-pale-red-800);
727
+ --color-bg-danger-tertiary-hover: var(--ramp-pale-red-700);
728
+ --color-bg-danger-tertiary-pressed: var(--ramp-pale-red-600);
729
+
730
+ --color-bg: var(--ramp-grey-800);
731
+ --color-bg-hover: var(--ramp-grey-700);
732
+ --color-bg-pressed: var(--ramp-grey-600);
733
+ --color-bg-secondary: var(--ramp-grey-700);
734
+ --color-bg-secondary-hover: var(--ramp-grey-600);
735
+ --color-bg-secondary-pressed: var(--ramp-grey-500);
736
+ --color-bg-tertiary: var(--ramp-grey-600);
737
+
738
+ --color-bg-disabled: var(--ramp-grey-500);
739
+
740
+ --color-bg-elevated: var(--ramp-grey-900);
741
+
742
+ --color-bg-inverse: var(--ramp-white-1000);
743
+ --color-bg-inverse-hover: var(--ramp-grey-100);
744
+ --color-bg-inverse-pressed: var(--ramp-grey-200);
745
+
746
+ --color-bg-selected: var(--ramp-pale-blue-700);
747
+ --color-bg-selected-hover: var(--ramp-pale-blue-600);
748
+ --color-bg-selected-pressed: var(--ramp-pale-blue-700);
749
+
750
+ --color-bg-success-tertiary: var(--ramp-pale-green-900);
751
+ --color-bg-success-tertiary-hover: var(--ramp-pale-green-800);
752
+
753
+ --color-bg-transparent-hover: var(--ramp-white-100);
754
+ --color-bg-transparent-pressed: var(--ramp-white-200);
755
+
756
+ --color-bg-warning-tertiary: var(--ramp-pale-yellow-800);
757
+ --color-bg-warning-tertiary-hover: var(--ramp-pale-yellow-700);
758
+
759
+ /* Border */
760
+ --color-border-brand: var(--ramp-pale-blue-600);
761
+ --color-border-brand-strong: var(--ramp-blue-400);
762
+
763
+ --color-border-component: var(--ramp-pale-purple-700);
764
+ --color-border-component-strong: var(--ramp-purple-300);
765
+
766
+ --color-border-danger: var(--ramp-pale-red-700);
767
+ --color-border-danger-strong: var(--ramp-red-400);
768
+
769
+ --color-border: var(--ramp-grey-600);
770
+ --color-border-strong: var(--ramp-white-800);
771
+
772
+ --color-border-disabled: var(--ramp-grey-600);
773
+
774
+ --color-border-selected-strong: var(--ramp-blue-400);
775
+
776
+ --color-border-success: var(--ramp-pale-green-700);
777
+ --color-border-success-strong: var(--ramp-green-400);
778
+
779
+ --color-border-warning: var(--ramp-pale-yellow-700);
780
+ --color-border-warning-strong: var(--ramp-yellow-400);
781
+
782
+ /* Icon */
783
+ --color-icon-brand: var(--ramp-blue-400);
784
+
785
+ --color-icon-component: var(--ramp-purple-400);
786
+ --color-icon-component-pressed: var(--ramp-purple-300);
787
+ --color-icon-component-secondary: var(--ramp-pale-purple-500);
788
+ --color-icon-component-tertiary: var(--ramp-pale-purple-500);
789
+
790
+ --color-icon-danger: var(--ramp-red-400);
791
+
792
+ --color-icon: var(--ramp-white-1000);
793
+ --color-icon-hover: var(--ramp-white-1000);
794
+ --color-icon-secondary: var(--ramp-white-500);
795
+ --color-icon-secondary-hover: var(--ramp-white-1000);
796
+ --color-icon-tertiary: var(--ramp-white-400);
797
+
798
+ --color-icon-disabled: var(--ramp-white-400);
799
+ --color-icon-ondisabled: var(--ramp-grey-800);
800
+
801
+ --color-icon-oninverse: var(--ramp-black-800);
802
+
803
+ --color-icon-selected: var(--ramp-blue-400);
804
+
805
+ --color-icon-success: var(--ramp-green-400);
806
+
807
+ --color-icon-warning: var(--ramp-yellow-400);
808
+ --color-icon-warning-pressed: var(--ramp-yellow-400);
809
+
810
+ /* Text */
811
+ --color-text-brand: var(--ramp-blue-400);
812
+
813
+ --color-text-component: var(--ramp-purple-400);
814
+ --color-text-component-pressed: var(--ramp-purple-300);
815
+ --color-text-component-secondary: var(--ramp-pale-purple-500);
816
+ --color-text-component-tertiary: var(--ramp-pale-purple-500);
817
+
818
+ --color-text-danger: var(--ramp-red-400);
819
+
820
+ --color-text: var(--ramp-white-1000);
821
+ --color-text-secondary: var(--ramp-white-500);
822
+ --color-text-tertiary: var(--ramp-white-400);
823
+
824
+ --color-text-disabled: var(--ramp-white-400);
825
+ --color-text-ondisabled: var(--ramp-grey-800);
826
+
827
+ --color-text-oninverse: var(--ramp-black-800);
828
+ --color-text-oninverse-secondary: var(--ramp-black-600);
829
+
830
+ --color-text-selected: var(--ramp-blue-400);
831
+
832
+ --color-text-success: var(--ramp-green-400);
833
+
834
+ --color-text-warning: var(--ramp-yellow-400);
835
+
836
+ /* Special (themed) */
837
+ --special-bg-hover-transparent: var(--ramp-white-100);
838
+ --special-bg-transparent: rgba(0, 0, 0, 0.6);
839
+ --special-bg-transparent-secondary-hover: var(--ramp-white-200);
840
+ --special-border-translucent: var(--ramp-white-200);
841
+ --special-border-translucent-strong: var(--ramp-white-300);
842
+
843
+ /* ————————————————————————————————————————————————
844
+ Field Tokens
845
+ ————————————————————————————————————————————————
846
+ Override these to retheme all "dark" themed
847
+ form fields at once
848
+ ——————————————————————————————————————————————— */
849
+
850
+ --field-color-bg: var(--color-bg);
851
+ --field-color-border: var(--special-border-translucent);
852
+ --field-color-text: var(--color-text);
853
+ --field-color-placeholder: var(--color-text-tertiary);
854
+
855
+ --field-color-border-hover: var(--special-border-translucent-strong);
856
+
857
+ --field-color-border-focus: var(--accessibility-focus-color);
858
+
859
+ --field-color-bg-disabled: transparent;
860
+ --field-color-border-disabled: var(--color-border);
861
+ --field-color-text-disabled: var(--color-text-disabled);
862
+
863
+ --field-color-bg-readonly: var(--color-bg);
864
+ --field-color-border-readonly: var(--color-border);
865
+ --field-color-text-readonly: var(--color-text-secondary);
866
+
867
+ --field-color-border-error: var(--color-border-danger-strong);
868
+
869
+ --field-color-label: var(--color-text);
870
+ --field-color-label-required: var(--color-text-danger);
871
+
872
+ --field-color-description: var(--color-text-secondary);
873
+
874
+ --field-color-error-bg: var(--color-bg-danger);
875
+ --field-color-error-text: var(--color-text-ondanger);
876
+
877
+ --field-color-toggle-border: var(--color-border-strong);
878
+ --field-color-toggle-border-hover: var(--color-border-selected-strong);
879
+ --field-color-toggle-bg-checked: var(--color-bg-brand);
880
+ --field-color-toggle-border-checked: var(--color-border-selected);
881
+ --field-color-toggle-icon: var(--color-icon-onbrand);
882
+ --field-color-toggle-bg-disabled: var(--color-bg-disabled);
883
+ --field-color-toggle-border-disabled: var(--color-border-disabled);
884
+
885
+ --field-color-upload-bg: var(--color-bg-secondary);
886
+ --field-color-upload-border: var(--color-border);
887
+
888
+ /* ——————————————————————————————————————————————
889
+ End Field Tokens
890
+ ————————————————————————————————————————————— */
891
+ }
892
+ }
893
+
894
+ @layer payload-default {
895
+ :root {
896
+ /* Black (opacity-based) */
897
+ --ramp-black-100: rgba(0, 0, 0, 0.05);
898
+ --ramp-black-200: rgba(0, 0, 0, 0.1);
899
+ --ramp-black-300: rgba(0, 0, 0, 0.2);
900
+ --ramp-black-400: rgba(0, 0, 0, 0.3);
901
+ --ramp-black-500: rgba(0, 0, 0, 0.5);
902
+ --ramp-black-600: rgba(0, 0, 0, 0.8);
903
+ --ramp-black-800: rgba(0, 0, 0, 0.9);
904
+
905
+ /* White (opacity-based) */
906
+ --ramp-white-100: rgba(255, 255, 255, 0.05);
907
+ --ramp-white-200: rgba(255, 255, 255, 0.1);
908
+ --ramp-white-300: rgba(255, 255, 255, 0.2);
909
+ --ramp-white-400: rgba(255, 255, 255, 0.4);
910
+ --ramp-white-500: rgba(255, 255, 255, 0.7);
911
+ --ramp-white-600: rgba(255, 255, 255, 0.8);
912
+ --ramp-white-800: rgba(255, 255, 255, 0.9);
913
+ --ramp-white-1000: #ffffff;
914
+
915
+ /* Blue */
916
+ --ramp-blue-200: #e5f4ff;
917
+ --ramp-blue-300: #bde3ff;
918
+ --ramp-blue-400: #80caff;
919
+ --ramp-blue-500: #0d99ff;
920
+ --ramp-blue-600: #007be5;
921
+ --ramp-blue-700: #0768cf;
922
+ --ramp-blue-800: #034ac1;
923
+ --ramp-blue-900: #093077;
924
+ --ramp-blue-1000: #0d193f;
925
+
926
+ /* Pale Blue */
927
+ --ramp-pale-blue-500: #667799;
928
+ --ramp-pale-blue-600: #536383;
929
+ --ramp-pale-blue-700: #4a5878;
930
+ --ramp-pale-blue-800: #394360;
931
+
932
+ /* Purple */
933
+ --ramp-purple-100: #f9f5ff;
934
+ --ramp-purple-200: #f1e5ff;
935
+ --ramp-purple-300: #e4ccff;
936
+ --ramp-purple-400: #d9b8ff;
937
+ --ramp-purple-500: #9747ff;
938
+ --ramp-purple-600: #8638e5;
939
+ --ramp-purple-700: #7c2bda;
940
+ --ramp-purple-800: #681abb;
941
+ --ramp-purple-900: #4b0d87;
942
+ --ramp-purple-1000: #2d0f46;
943
+
944
+ /* Pale Purple */
945
+ --ramp-pale-purple-400: #c5b2dc;
946
+ --ramp-pale-purple-500: #7f699b;
947
+ --ramp-pale-purple-700: #604d75;
948
+ --ramp-pale-purple-800: #473956;
949
+
950
+ /* Pink */
951
+ --ramp-pink-100: #fff0fe;
952
+ --ramp-pink-200: #ffe0fc;
953
+ --ramp-pink-300: #ffbdf2;
954
+ --ramp-pink-400: #ff99e0;
955
+ --ramp-pink-500: #ff24bd;
956
+ --ramp-pink-600: #ea10ac;
957
+ --ramp-pink-700: #cb0b96;
958
+ --ramp-pink-800: #971172;
959
+ --ramp-pink-900: #5f114c;
960
+ --ramp-pink-1000: #451138;
961
+
962
+ /* Grey */
963
+ --ramp-grey-100: #f5f5f5;
964
+ --ramp-grey-200: #e6e6e6;
965
+ --ramp-grey-300: #d9d9d9;
966
+ --ramp-grey-500: #757575;
967
+ --ramp-grey-600: #444444;
968
+ --ramp-grey-700: #383838;
969
+ --ramp-grey-800: #2c2c2c;
970
+ --ramp-grey-900: #1e1e1e;
971
+
972
+ /* Red */
973
+ --ramp-red-100: #fff5f5;
974
+ --ramp-red-200: #ffe2e0;
975
+ --ramp-red-300: #ffc7c2;
976
+ --ramp-red-400: #ffafa3;
977
+ --ramp-red-500: #f24822;
978
+ --ramp-red-600: #dc3412;
979
+ --ramp-red-700: #bd2915;
980
+ --ramp-red-800: #9f1f18;
981
+ --ramp-red-900: #771208;
982
+ --ramp-red-1000: #660e0b;
983
+
984
+ /* Dark Red */
985
+ --ramp-dark-red-500: #e03e1a;
986
+ --ramp-dark-red-600: #c4381c;
987
+ --ramp-dark-red-700: #963323;
988
+
989
+ /* Pale Red */
990
+ --ramp-pale-red-600: #a55440;
991
+ --ramp-pale-red-700: #864537;
992
+ --ramp-pale-red-800: #60332a;
993
+
994
+ /* Yellow */
995
+ --ramp-yellow-200: #fff1c2;
996
+ --ramp-yellow-300: #ffe8a3;
997
+ --ramp-yellow-400: #ffd966;
998
+ --ramp-yellow-500: #ffcd29;
999
+ --ramp-yellow-1000: #b86200;
1000
+
1001
+ /* Pale Yellow */
1002
+ --ramp-pale-yellow-300: #f5dfa8;
1003
+ --ramp-pale-yellow-500: #ad7f00;
1004
+ --ramp-pale-yellow-700: #7a5800;
1005
+ --ramp-pale-yellow-800: #5c4100;
1006
+ --ramp-pale-yellow-900: #3a2a10;
1007
+
1008
+ /* Green */
1009
+ --ramp-green-100: #edfcf0;
1010
+ --ramp-green-200: #d5f7da;
1011
+ --ramp-green-300: #aff4c6;
1012
+ --ramp-green-400: #85e0a3;
1013
+ --ramp-green-500: #14ae5c;
1014
+ --ramp-green-600: #009951;
1015
+ --ramp-green-700: #008043;
1016
+ --ramp-green-900: #024626;
1017
+ --ramp-green-1000: #083a23;
1018
+
1019
+ /* Pale Green */
1020
+ --ramp-pale-green-700: #517361;
1021
+ --ramp-pale-green-800: #476656;
1022
+ --ramp-pale-green-900: #2f483c;
1023
+ }
1024
+ }
1025
+
1026
+ @layer payload-default {
1027
+ :root {
1028
+ --font-family-sans: 'Inter';
1029
+ --font-family-mono: 'Roboto Mono';
1030
+ --text-letter-spacing: 0.005em; /* 0.5% */
1031
+
1032
+ /* Body — Small */
1033
+ --text-body-small-font-family: var(--font-family-sans);
1034
+ --text-body-small-font-size: 0.5625rem; /* 9px */
1035
+ --text-body-small-font-weight: 450;
1036
+ --text-body-small-line-height: 0.875rem; /* 14px */
1037
+ --text-body-small-letter-spacing: 0.045px; /* 0.5% */
1038
+
1039
+ --text-body-small-strong-font-family: var(--font-family-sans);
1040
+ --text-body-small-strong-font-size: 0.5625rem; /* 9px */
1041
+ --text-body-small-strong-font-weight: 550;
1042
+ --text-body-small-strong-line-height: 0.875rem; /* 14px */
1043
+ --text-body-small-strong-letter-spacing: 0.045px; /* 0.5% */
1044
+
1045
+ /* Body — Medium */
1046
+ --text-body-medium-font-family: var(--font-family-sans);
1047
+ --text-body-medium-font-size: 0.6875rem; /* 11px */
1048
+ --text-body-medium-font-weight: 450;
1049
+ --text-body-medium-line-height: 1rem; /* 16px */
1050
+ --text-body-medium-letter-spacing: 0.055px;
1051
+
1052
+ --text-body-medium-strong-font-family: var(--font-family-sans);
1053
+ --text-body-medium-strong-font-size: 0.6875rem; /* 11px */
1054
+ --text-body-medium-strong-font-weight: 550;
1055
+ --text-body-medium-strong-line-height: 1rem; /* 16px */
1056
+ --text-body-medium-strong-letter-spacing: 0.055px;
1057
+
1058
+ /* Body — Large */
1059
+ --text-body-large-font-family: var(--font-family-sans);
1060
+ --text-body-large-font-size: 0.8125rem; /* 13px */
1061
+ --text-body-large-font-weight: 450;
1062
+ --text-body-large-line-height: 1.375rem; /* 22px */
1063
+ --text-body-large-letter-spacing: -0.25px;
1064
+
1065
+ --text-body-large-strong-font-family: var(--font-family-sans);
1066
+ --text-body-large-strong-font-size: 0.8125rem; /* 13px */
1067
+ --text-body-large-strong-font-weight: 550;
1068
+ --text-body-large-strong-line-height: 1.375rem; /* 22px */
1069
+ --text-body-large-strong-letter-spacing: -0.25px;
1070
+
1071
+ /* Heading — Small */
1072
+ --text-heading-small-font-family: var(--font-family-sans);
1073
+ --text-heading-small-font-size: 0.8125rem; /* 13px */
1074
+ --text-heading-small-font-weight: 550;
1075
+ --text-heading-small-line-height: 1.375rem;
1076
+ --text-heading-small-letter-spacing: -0.25px;
1077
+
1078
+ /* Heading — Medium */
1079
+ --text-heading-medium-font-family: var(--font-family-sans);
1080
+ --text-heading-medium-font-size: 0.9375rem; /* 15px */
1081
+ --text-heading-medium-font-weight: 550;
1082
+ --text-heading-medium-line-height: 1.5625rem;
1083
+ --text-heading-medium-letter-spacing: -0.075px;
1084
+
1085
+ /* Heading — Large */
1086
+ --text-heading-large-font-family: var(--font-family-sans);
1087
+ --text-heading-large-font-size: 1.5rem; /* 24px */
1088
+ --text-heading-large-font-weight: 550;
1089
+ --text-heading-large-line-height: 2rem; /* 32px */
1090
+ --text-heading-large-letter-spacing: -0.408px;
1091
+ }
1092
+ }
1093
+
1094
+ @layer payload-default {
1095
+ :root {
1096
+ --spacer-0: 0;
1097
+ --spacer-1: 0.25rem; /** 4px */
1098
+ --spacer-2: 0.5rem; /** 8px */
1099
+ --spacer-2-5: 0.75rem; /** 12px */
1100
+ --spacer-3: 1rem; /** 16px */
1101
+ --spacer-4: 1.5rem; /** 24px */
1102
+ --spacer-5: 2rem; /** 32px */
1103
+ --spacer-6: 2.5rem; /** 40px */
1104
+
1105
+ /* Layout spacing */
1106
+ --gutter-h: var(--spacer-5);
1107
+ --spacing-field: var(--spacer-3);
1108
+ --spacing-view-bottom: var(--gutter-h);
1109
+
1110
+ /* Breakpoints */
1111
+ --breakpoint-m-width: 1024px;
1112
+ --breakpoint-s-width: 768px;
1113
+ }
1114
+
1115
+ @media (max-width: 1024px) {
1116
+ :root {
1117
+ --gutter-h: var(--spacer-4);
1118
+ }
1119
+ }
1120
+
1121
+ @media (max-width: 768px) {
1122
+ :root {
1123
+ --gutter-h: var(--spacer-3);
1124
+ --spacing-field: var(--spacer-2-5);
1125
+ --spacing-view-bottom: var(--spacer-6);
1126
+ }
1127
+ }
1128
+ }
1129
+
1130
+ @layer payload-default {
1131
+ :root {
1132
+ --radius-none: 0;
1133
+ --radius-small: 0.125rem;
1134
+ --radius-chip: 0.1875rem;
1135
+ --radius-medium: 0.3125rem;
1136
+ --radius-large: 0.8125rem;
1137
+ --radius-full: 9999px;
1138
+ }
1139
+ }
1140
+
1141
+ @layer payload-default {
1142
+ :root {
1143
+ /* Light mode elevations */
1144
+
1145
+ --elevation-100-canvas: 0 0 0.5px 0 rgba(0, 0, 0, 0.3);
1146
+
1147
+ --elevation-300-tooltip:
1148
+ 0 0 0.5px 0 rgba(0, 0, 0, 0.15), 0 5px 12px 0 rgba(0, 0, 0, 0.13),
1149
+ 0 1px 3px 0 rgba(0, 0, 0, 0.1);
1150
+
1151
+ --elevation-400-menu-panel:
1152
+ 0 0 0 1px rgba(0, 0, 0, 0.04), 0 0 0.5px rgba(0, 0, 0, 0.12), 0 10px 16px rgba(0, 0, 0, 0.08),
1153
+ 0 2px 6px rgba(0, 0, 0, 0.12);
1154
+
1155
+ --elevation-500-modal-window:
1156
+ 0 0 0.5px 0 rgba(0, 0, 0, 0.08), 0 10px 24px 0 rgba(0, 0, 0, 0.18),
1157
+ 0 2px 5px 0 rgba(0, 0, 0, 0.15);
1158
+ }
1159
+
1160
+ [data-theme='dark'] {
1161
+ /* Dark mode elevations */
1162
+
1163
+ --elevation-100-canvas: 0 0 0.5px 0 rgba(0, 0, 0, 0.5);
1164
+
1165
+ --elevation-300-tooltip:
1166
+ 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 5px 12px 0 rgba(0, 0, 0, 0.35),
1167
+ 0 0 0.5px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 3px 0 rgba(0, 0, 0, 0.5);
1168
+
1169
+ --elevation-400-menu-panel:
1170
+ 0 0 0 1px rgba(255, 255, 255, 0.08), 0 10px 20px 0 rgba(0, 0, 0, 0.3),
1171
+ 0 2px 6px 0 rgba(0, 0, 0, 0.35);
1172
+
1173
+ --elevation-500-modal-window:
1174
+ 0 0.5px 0 0 rgba(255, 255, 255, 0.08) inset, 0 10px 24px 0 rgba(0, 0, 0, 0.45),
1175
+ 0 0 0.5px 0 rgba(255, 255, 255, 0.35) inset, 0 3px 5px 0 rgba(0, 0, 0, 0.35);
1176
+ }
1177
+ }
1178
+
1179
+ /**
1180
+ * Component-level theme tokens.
1181
+ *
1182
+ * Override any of these in your own :root block to restyle
1183
+ * all matching components at once — no !important needed.
1184
+ * User overrides win automatically since plain :root rules
1185
+ * beat @layer rules without needing !important.
1186
+ */
1187
+
1188
+ @layer payload-default {
1189
+ :root {
1190
+ /* Fields — controls text inputs, selects, date pickers, code editors, etc. */
1191
+ --field-min-height: var(--spacer-5);
1192
+ --field-padding-inline: var(--spacer-2);
1193
+ --field-border-radius: var(--radius-medium);
1194
+
1195
+ /* Buttons — also drives button-like elements (tabs, icon buttons, etc.) */
1196
+ --button-height: var(--spacer-4);
1197
+ --button-radius: var(--radius-medium);
1198
+
1199
+ /* Compact controls — search inputs, paginator inputs, toolbar inputs */
1200
+ --control-height: var(--spacer-4);
1201
+
1202
+ /* Popup menus */
1203
+ --popup-radius: var(--radius-large);
1204
+ --popup-item-radius: var(--button-radius);
1205
+
1206
+ /* Stroke widths */
1207
+ --stroke-width-small: 1px;
1208
+ --stroke-width-medium: 2px;
1209
+ }
1210
+ }
1211
+
1212
+ @layer payload-default {
1213
+ .form-input {
1214
+ width: 100%;
1215
+ min-height: var(--field-min-height);
1216
+ background: var(--field-color-bg);
1217
+ border: var(--stroke-width-small) solid var(--field-color-border);
1218
+ border-radius: var(--field-border-radius);
1219
+ color: var(--field-color-text);
1220
+ font-family: var(--text-body-medium-font-family);
1221
+ font-size: var(--text-body-medium-font-size);
1222
+ font-weight: var(--text-body-medium-font-weight);
1223
+ line-height: var(--text-body-medium-line-height);
1224
+ padding: 0 var(--field-padding-inline);
1225
+ appearance: none;
1226
+ -webkit-appearance: none;
1227
+ transition-property: box-shadow, background-color;
1228
+ transition-duration: 100ms;
1229
+ transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
1230
+ outline: none;
1231
+
1232
+ &[data-rtl='true'] {
1233
+ direction: rtl;
1234
+ }
1235
+
1236
+ &::placeholder {
1237
+ color: var(--field-color-placeholder);
1238
+ font-weight: var(--text-body-medium-font-weight);
1239
+ font-size: var(--text-body-medium-font-size);
1240
+ }
1241
+
1242
+ &:where(:hover:not(:focus):not(:disabled):not(:read-only)) {
1243
+ border-color: var(--field-color-border-hover);
1244
+ }
1245
+
1246
+ &:focus {
1247
+ border-color: var(--field-color-border-focus);
1248
+ border-radius: var(--field-border-radius);
1249
+ }
1250
+
1251
+ &:read-only:focus {
1252
+ border-color: var(--field-color-border-hover);
1253
+ }
1254
+
1255
+ &:focus-visible {
1256
+ outline: none;
1257
+ }
1258
+
1259
+ &:disabled {
1260
+ color: var(--field-color-text-disabled);
1261
+ border-color: var(--field-color-border-disabled);
1262
+ background: var(--field-color-bg-disabled);
1263
+ }
1264
+ }
1265
+
1266
+ .form-input-error {
1267
+ border-color: var(--field-color-border-error);
1268
+
1269
+ &:focus {
1270
+ border-color: var(--field-color-border-focus);
1271
+ }
1272
+ }
1273
+
1274
+ .form-input-group {
1275
+ display: flex;
1276
+ width: 100%;
1277
+ min-width: 0;
1278
+ position: relative;
1279
+ align-items: stretch;
1280
+ background: var(--field-color-bg);
1281
+ border: var(--stroke-width-small) solid var(--field-color-border);
1282
+ border-radius: var(--field-border-radius);
1283
+ min-height: var(--field-min-height);
1284
+ transition-property: box-shadow, background-color;
1285
+ transition-duration: 100ms;
1286
+ transition-timing-function: cubic-bezier(0, 0.2, 0.2, 1);
1287
+
1288
+ &:where(:hover:not(:focus-within):not(:has(input:disabled)):not(:has(input:read-only))) {
1289
+ border-color: var(--field-color-border-hover);
1290
+ }
1291
+
1292
+ &:focus-within {
1293
+ outline: none;
1294
+ border-color: var(--field-color-border-focus);
1295
+ }
1296
+
1297
+ &:has(input:disabled) {
1298
+ background: var(--field-color-bg-disabled);
1299
+ border-color: var(--field-color-border-disabled);
1300
+ color: var(--field-color-text-disabled);
1301
+ }
1302
+
1303
+ input.form-input {
1304
+ flex: 1 1 0%;
1305
+ width: 0;
1306
+ min-width: 0;
1307
+ background: transparent;
1308
+ border: none;
1309
+ border-radius: 0;
1310
+ min-height: unset;
1311
+ outline: none;
1312
+
1313
+ &:focus {
1314
+ border-color: transparent;
1315
+ }
1316
+ }
1317
+ }
1318
+
1319
+ .form-input-group-error {
1320
+ border-color: var(--field-color-border-error);
1321
+
1322
+ &:focus-within {
1323
+ border-color: var(--field-color-border-focus);
1324
+ }
1325
+ }
1326
+ }
1327
+
1328
+ @layer payload-default {
1329
+ :root {
1330
+ --accessibility-focus-color: var(--color-border-selected);
1331
+ --accessibility-outline: 1px solid var(--accessibility-focus-color);
1332
+ --accessibility-outline-offset: 1px;
1333
+ }
1334
+
1335
+ /* Screen reader only */
1336
+ .sr-only {
1337
+ position: absolute;
1338
+ width: 1px;
1339
+ height: 1px;
1340
+ padding: 0;
1341
+ margin: -1px;
1342
+ overflow: hidden;
1343
+ clip: rect(0, 0, 0, 0);
1344
+ white-space: nowrap;
1345
+ border-width: 0;
1346
+ }
1347
+
1348
+ .scrollbar-thin {
1349
+ scrollbar-width: thin;
1350
+ scrollbar-color: var(--color-border) transparent;
1351
+ }
1352
+
1353
+ /* Global focus ring */
1354
+ :focus-visible {
1355
+ outline: var(--accessibility-outline);
1356
+ outline-offset: var(--accessibility-outline-offset);
1357
+ border-radius: var(--button-radius);
1358
+ }
1359
+ }
1360
+
1361
+ @layer payload-default;@layer payload-default{.banner{display:flex;align-items:center;gap:var(--spacer-1);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-letter-spacing);border-radius:var(--radius-medium);padding:var(--spacer-2);color:var(--color-text);background:var(--color-bg-secondary)}.banner--has-action{cursor:pointer;text-decoration:none;&:hover{background:var(--color-bg-hover)}&:active{background:var(--color-bg-pressed)}}.banner__icon{display:flex;flex-shrink:0}.banner--type-danger{background:var(--color-bg-danger-tertiary);&.banner--has-action:hover{background:var(--color-bg-danger-tertiary-hover)}&.banner--has-action:active{background:var(--color-bg-danger-tertiary-pressed)}}.banner--type-brand{background:var(--color-bg-brand-tertiary);&.banner--has-action:hover{background:var(--color-bg-brand-tertiary-hover)}}.banner--type-success{background:var(--color-bg-success-tertiary);&.banner--has-action:hover{background:var(--color-bg-success-tertiary-hover)}}.banner--type-warning{background:var(--color-bg-warning-tertiary);&.banner--has-action:hover{background:var(--color-bg-warning-tertiary-hover)}}}@layer payload-default{.icon--chevron{.fill{fill:currentColor}}}@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default{.icon--spinner{color:var(--color-icon-secondary);animation:spinner-spin .6s linear infinite}@keyframes spinner-spin{to{transform:rotate(360deg)}}}@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default{.popup-button-list{display:flex;flex-direction:column;padding:0 var(--spacer-2);text-align:left}[dir=rtl] .popup-button-list__text-align--left{text-align:right}.popup-button-list__text-align--left{text-align:left}.popup-button-list__text-align--center{text-align:center}[dir=rtl] .popup-button-list__text-align--right{text-align:left}.popup-button-list__text-align--right{text-align:right}.popup-button-list__button{cursor:pointer;text-align:inherit;text-decoration:none;white-space:nowrap;border-radius:var(--popup-item-radius);display:flex;align-items:stretch;flex:1;color:var(--popup-item-color, var(--color-text));font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing)}.popup-button-list__label{display:flex;align-items:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);letter-spacing:var(--text-body-medium-letter-spacing);line-height:var(--text-body-medium-line-height);padding:var(--spacer-1) var(--spacer-2) var(--spacer-1) var(--spacer-1)}.popup-button-list__button:focus-visible{outline:var(--accessibility-outline);outline-offset:-1px;border-radius:var(--popup-item-radius)}.popup-button-list__button:hover{outline:none;background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.popup-button-list__disabled{cursor:not-allowed;color:var(--color-text-disabled)}.popup-button-list__disabled:hover,.popup-button-list__disabled:focus-visible,.popup-button-list__disabled:focus-within{background-color:transparent;color:var(--color-text-disabled)}.popup-button-list__button--selected{background-color:var(--popup-item-bg-selected, var(--color-bg-selected));color:var(--popup-item-color-selected, var(--popup-item-color, var(--color-text)))}.popup-button-list__button--selected:hover{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.popup-button-list__icon{display:none;flex-shrink:0}.popup-button-list__submenu-icon{flex-shrink:0}.popup-button-list--with-icons .popup-button-list__button--selected{background-color:transparent;color:var(--popup-item-color, var(--color-text))}.popup-button-list--with-icons .popup-button-list__button--selected:hover{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.popup-button-list--with-icons .popup-button-list__button{padding-right:var(--spacer-2)}.popup-button-list--with-icons .popup-button-list__icon{display:flex;align-items:center;justify-content:center;width:calc(var(--spacer-3) + var(--spacer-1));padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--with-icons .popup-button-list__label{padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--with-actions .popup-button-list__button{padding-right:var(--spacer-2);align-items:center}.popup-button-list--with-actions .popup-button-list__icon{display:flex;align-items:center;justify-content:center;width:calc(var(--spacer-3) + var(--spacer-1));padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--with-actions .popup-button-list__label{padding:var(--spacer-1) 0 var(--spacer-1) var(--spacer-1)}.popup-button-list--large .popup-button-list__icon{width:auto;padding:0 0 0 var(--spacer-1)}.popup-button-list__button--submenu-trigger{align-items:center}.popup-button-list__submenu-icon{display:flex;align-items:center;justify-content:center;padding-inline-start:var(--spacer-1)}.popup-button-list__chevron{display:flex;align-items:center;margin-left:auto;opacity:.5}.popup-button-list__button--submenu-trigger:hover .popup-button-list__chevron,.popup-button-list__button--selected .popup-button-list__chevron{opacity:1}}@layer payload-default{.popup-divider{height:var(--stroke-width-small);background-color:var(--color-border);border:none;margin-block:var(--spacer-2)}}@layer payload-default{.popup-list-group-label{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);letter-spacing:var(--text-body-medium-letter-spacing);line-height:var(--text-body-medium-line-height);padding-block:var(--spacer-1);padding-inline:var(--spacer-3)}.popup-button-list .popup-list-group-label{padding-inline-start:var(--spacer-1)}.popup-button-list--with-actions .popup-list-group-label,.popup-button-list--with-icons .popup-list-group-label{padding-inline-start:var(--spacer-2)}}@layer payload-default{.popup{position:relative}.popup__trigger-wrap{display:flex;align-items:stretch;height:100%;cursor:pointer}.popup__on-hover-watch{display:contents}.popup__hidden-content{position:absolute;top:-9999px;left:-9999px;visibility:hidden;pointer-events:none}.popup__content{--popup-caret-size: 8px;position:absolute;top:-9999px;left:-9999px;z-index:var(--z-popup);background:var(--popup-bg, var(--color-bg-elevated));color:var(--popup-text, var(--color-text));border-radius:var(--popup-radius);min-width:80px;max-width:400px;box-shadow:var(--elevation-400-menu-panel)}.popup__content[data-theme=dark]{background:var(--popup-bg, var(--color-bg-menu));color:var(--popup-text, var(--color-text-ontooltip))}.popup__content.popup--size-small{min-width:80px}.popup__content.popup--size-large{min-width:200px}.popup__content.popup--size-fit-content{min-width:fit-content}.popup__scroll-container{overflow-x:hidden;overflow-y:auto;max-height:calc(var(--spacer-5) * 10);padding:var(--spacer-2) 0}.popup__scroll-container:not(.popup__scroll-container--show-scrollbar){scrollbar-width:none;-ms-overflow-style:none}.popup__scroll-container:not(.popup__scroll-container--show-scrollbar)::-webkit-scrollbar{display:none}}@layer payload-default{.popup-button{height:100%;color:currentColor;padding:0;font-size:inherit;line-height:inherit;font-family:inherit;cursor:pointer;display:inline-flex;border-radius:var(--button-radius, .3125rem)}.popup-button--background{background:transparent}.popup-button:hover:not(.popup-button--disabled){background:var(--color-bg-transparent-hover)}.popup-button:active:not(.popup-button--disabled),.popup-button--active:not(.popup-button--disabled){background:var(--color-bg-transparent-pressed)}.popup-button--disabled{cursor:not-allowed}}@layer payload-default{.btn{display:flex;align-items:center;*{pointer-events:none}border-radius:var(--button-radius);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);border:var(--stroke-width-small) solid transparent;cursor:pointer;text-decoration:none;color:inherit;background-color:transparent;&.btn--disabled{cursor:not-allowed}}.btn--disabled,.btn--disabled .btn{cursor:not-allowed}.btn--style-primary{color:var(--color-text-onbrand);background-color:var(--color-bg-brand);&:hover:not(.btn--disabled){background-color:var(--color-bg-brand-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-brand-pressed)}&.btn--disabled:not(.btn--loading){color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled)}}.btn.btn--style-secondary{color:var(--color-text);background-color:var(--color-bg);border:var(--stroke-width-small) solid var(--special-border-translucent);&:hover:not(.btn--disabled){background-color:var(--color-bg-transparent-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{color:var(--color-text-disabled)}}.btn--style-dashed{color:var(--color-text);background-color:transparent;border:var(--stroke-width-small) dashed var(--special-border-translucent);&:hover:not(.btn--disabled){background-color:var(--color-bg-transparent-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{color:var(--color-text-disabled);border-color:var(--color-border-disabled)}}.btn--style-pill{color:var(--color-text);background-color:var(--color-bg-secondary);&:hover:not(.btn--disabled){background-color:var(--color-bg-secondary-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-secondary-pressed)}&.btn--disabled{color:var(--color-text-disabled)}}.btn--style-destructive{color:var(--color-text-ondanger);background-color:var(--color-bg-danger);&:hover:not(.btn--disabled){background-color:var(--color-bg-danger-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-danger-pressed)}&.btn--disabled:not(.btn--loading){color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled)}}.btn--style-ghost{color:var(--color-text);background-color:transparent;&:hover:not(.btn--disabled){background-color:var(--color-bg-transparent-hover)}&:active:not(.btn--disabled){background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{color:var(--color-text-disabled)}}.btn.btn--style-ghost.btn--selected,.btn.btn--style-ghost.btn--selected:hover,.btn.btn--style-ghost.btn--selected:active{background-color:var(--color-bg-selected);color:var(--color-text-selected)}.btn.btn--style-secondary.btn--selected,.btn.btn--style-secondary.btn--selected:hover,.btn.btn--style-secondary.btn--selected:active{background-color:var(--color-bg-selected);color:var(--color-text-selected);border-color:var(--color-border-selected-strong)}.btn.btn--style-pill.btn--selected,.btn.btn--style-pill.btn--selected:hover,.btn.btn--style-pill.btn--selected:active{background-color:var(--color-bg-selected);color:var(--color-text-selected)}.btn__icon{display:flex;align-items:center;justify-content:center;border-radius:100%;color:inherit;.stroke{stroke:currentColor;fill:none}.fill{fill:currentColor}}.btn__content{display:flex;align-items:center;justify-content:center}.btn--has-tooltip{position:relative}.btn--icon{.btn__content{gap:var(--stroke-width-medium)}}.btn--icon-position-left{.btn__content{flex-direction:row-reverse}}.btn__label{white-space:nowrap}.btn--size-medium{height:var(--button-height);padding:0 var(--spacer-2);&:not(.btn--icon-only).btn--icon-position-left{padding-inline-start:var(--spacer-1)}&:not(.btn--icon-only).btn--icon-position-right{padding-inline-end:var(--spacer-1)}}.btn--size-large{height:var(--spacer-5, 2rem);padding:0 var(--spacer-3);&:not(.btn--icon-only).btn--icon-position-left{padding-inline-start:var(--spacer-2)}&:not(.btn--icon-only).btn--icon-position-right{padding-inline-end:var(--spacer-2)}}.btn--icon-only{aspect-ratio:1;padding:0;border-width:0;justify-content:center}.btn--round{aspect-ratio:1;padding:0;border-radius:var(--button-radius);justify-content:center;&.btn--size-medium{width:var(--spacer-4)}&.btn--size-large{width:var(--spacer-5)}}.btn--loading{position:relative;cursor:wait;.btn__content{opacity:0}}.btn__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.btn--withPopup{--separator-color: var(--color-border);display:flex;&:has(.btn--size-medium){border-radius:var(--button-radius);.popup-button{height:var(--spacer-4, 1.5rem)}}&:has(.btn--size-large){border-radius:var(--button-radius);.popup-button{height:var(--spacer-5, 2rem)}}.btn{margin:0;border-radius:inherit;border-radius:var(--button-radius) 0 0 var(--button-radius);html:not([dir=RTL]) &{border-top-right-radius:0;border-bottom-right-radius:0}html[dir=RTL] &{border-top-left-radius:0;border-bottom-left-radius:0}}.popup-button{border-radius:var(--button-radius);align-items:center;justify-content:center;html:not([dir=RTL]) &{border-left:var(--stroke-width-small) solid var(--separator-color);border-top-left-radius:0;border-bottom-left-radius:0}html[dir=RTL] &{border-right:var(--stroke-width-small) solid var(--separator-color);border-top-right-radius:0;border-bottom-right-radius:0}}}.btn--withPopup.btn--style-primary{--separator-color: var(--color-bg);.btn,.popup-button{color:var(--color-text-onbrand);background-color:var(--color-bg-brand);&:hover,&:active{background-color:var(--color-bg-brand-hover)}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled);&:hover,&:active{background-color:var(--color-bg-disabled)}}}.btn--withPopup.btn--style-secondary{--separator-color: var(--special-border-translucent);.btn,.popup-button{color:var(--color-text);background-color:var(--color-bg);border:var(--stroke-width-small) solid var(--special-border-translucent);&:hover,&:active{background-color:var(--color-bg-transparent-hover)}}.btn{html:not([dir=RTL]) &{border-right:none}html[dir=RTL] &{border-left:none}}.popup-button{html:not([dir=RTL]) &{border-top-left-radius:0;border-bottom-left-radius:0}html[dir=RTL] &{border-top-right-radius:0;border-bottom-right-radius:0}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-disabled);&:hover,&:active{background-color:var(--color-bg)}}}.btn--withPopup.btn--style-destructive{--separator-color: var(--color-border-danger-strong);.btn,.popup-button{color:var(--color-text-ondanger);background-color:var(--color-bg-danger);&:hover,&:active{background-color:var(--color-bg-danger-hover)}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-ondisabled);background-color:var(--color-bg-disabled);&:hover,&:active{background-color:var(--color-bg-disabled)}}}.btn--withPopup.btn--style-ghost{--separator-color: transparent;border-radius:var(--radius-medium);padding-left:var(--spacer-2);padding-right:var(--spacer-1);.btn,.popup-button{color:var(--color-text);background-color:transparent}.btn{padding:0;&:hover,&:active{background-color:transparent}}.popup-button{align-self:center;border-radius:var(--radius-medium);border:none;height:auto;margin-left:var(--spacer-1);html:not([dir=RTL]) &{border-top-left-radius:var(--radius-medium);border-bottom-left-radius:var(--radius-medium)}html[dir=RTL] &{border-top-right-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium)}}&:hover,&:active{background-color:var(--color-bg-transparent-hover)}.popup-button:hover{background-color:var(--color-bg-transparent-hover)}.popup-button:active{background-color:var(--color-bg-transparent-pressed)}&.btn--disabled{&:hover,&:active{background-color:transparent}}&.btn--disabled .btn,&.btn--disabled .popup-button{color:var(--color-text-disabled);&:hover,&:active{background-color:transparent}}}}@layer payload-default{.tooltip{--caret-width: 15px;--caret-height: 7px;--caret-offset: 4px;--caret-border-color: var(--color-border);--tooltip-x: -50%;--tooltip-caret-x: 0px;--tooltip-max-width: none;opacity:0;background-color:var(--color-bg-tooltip);position:absolute;z-index:3;left:50%;max-width:var(--tooltip-max-width);padding:var(--spacer-1);color:var(--color-text-ontooltip);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);white-space:nowrap;border-radius:var(--radius-medium);box-shadow:var(--elevation-300-tooltip);visibility:hidden;&.field-error{background-color:var(--color-bg-danger);color:var(--color-text-ondanger);.tooltip__caret-fill{fill:var(--color-bg-danger);stroke:var(--color-bg-danger)}.tooltip__caret-stroke{stroke:var(--color-bg-danger)}}.tooltip-content{overflow:hidden;text-overflow:ellipsis;width:100%}@media(max-width:768px){display:none}}.tooltip--wrap{white-space:normal;overflow-wrap:break-word}.tooltip__caret{position:absolute;pointer-events:none;filter:drop-shadow(0 2px 1px rgba(0,0,0,.15))}.tooltip__caret-fill{fill:var(--color-bg-tooltip);stroke:var(--color-bg-tooltip)}.tooltip__caret-stroke{fill:none;stroke:var(--color-border);stroke-width:1.5px}.tooltip--show{visibility:visible;opacity:1;transition:opacity .2s ease-in-out;cursor:default}.tooltip--caret-center .tooltip__caret{left:50%;transform:translate(-50%)}.tooltip--caret-left .tooltip__caret{left:var(--spacer-2)}.tooltip--caret-right .tooltip__caret{right:var(--spacer-2)}.tooltip--position-top{top:0;transform:translate3d(var(--tooltip-x),calc(-100% - var(--caret-height) - var(--caret-offset) + 1px),0);.tooltip__caret{--color-border: var(--ramp-grey-700);top:calc(100% - .5px)}&.tooltip--caret-center .tooltip__caret{transform:translate(calc(-50% + var(--tooltip-caret-x)))}}.tooltip--position-bottom{top:100%;transform:translate3d(var(--tooltip-x),calc(var(--caret-height) + var(--caret-offset) - 1px),0);.tooltip__caret{bottom:calc(100% - .5px);transform:rotate(180deg)}&.tooltip--caret-center .tooltip__caret{transform:translate(calc(-50% + var(--tooltip-caret-x))) rotate(180deg)}&.tooltip--caret-right .tooltip__caret{transform:rotate(180deg)}}.tooltip--position-left{top:50%;left:0;transform:translate3d(calc(-100% - var(--caret-height) - var(--caret-offset)),-50%,0);.tooltip__caret{top:calc(50% + .5px);left:calc(100% - .5px);transform:translateY(calc(1 * var(--caret-width) / 2)) rotate(-90deg);transform-origin:top left}}.tooltip--position-right{top:50%;left:100%;transform:translate3d(calc(var(--caret-height) + var(--caret-offset)),-50%,0);.tooltip__caret{top:calc(50% + .5px);left:unset;right:calc(100% - .5px);transform:translateY(calc(1 * var(--caret-width) / 2)) rotate(90deg);transform-origin:top right}}}@layer payload-default{.icon--clipboard{flex-shrink:0}}@layer payload-default;@layer payload-default;@layer payload-default{.clipboard-action__button.popup-button--active,.clipboard-action__button.popup-button--active:hover,.clipboard-action__button.popup-button--active:active{background:var(--color-bg-selected);color:var(--color-icon-selected)}}@layer payload-default;@layer payload-default{.collapsible{position:relative;border-radius:var(--button-radius);background:var(--color-bg)}.collapsible__toggle-wrap{width:100%;position:relative;padding:0 var(--spacer-1) 0 var(--spacer-2);display:flex;align-items:center;background:var(--color-bg-secondary);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--button-radius);height:var(--spacer-5);z-index:2;cursor:pointer;&:not(.toggle-disabled):hover:not(:has(.section-title__input:hover,.section-title__input:focus)){background:var(--color-bg-secondary-hover)}&.toggle-disabled{cursor:default}&:has(.collapsible__drag){padding-inline-start:var(--spacer-2)}}.collapsible__drag{display:flex;width:var(--spacer-3);height:var(--spacer-3);align-items:center;justify-content:center;position:relative;cursor:grab;touch-action:none;border-radius:var(--button-radius, .3125rem);&:active{cursor:grabbing}.icon{width:var(--spacer-3);height:var(--spacer-3);.fill{fill:var(--color-icon-tertiary)}}}.collapsible__toggle{position:absolute;inset:0;color:transparent;cursor:pointer;text-align:left;outline:none;border-radius:var(--button-radius);&:focus-visible{outline:var(--accessibility-outline);outline-offset:-1px}span{user-select:none}}.collapsible .row-label{color:var(--color-text);letter-spacing:var(--text-letter-spacing);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1 0 0}.collapsible--style-error>.collapsible__toggle-wrap{background-color:var(--color-bg-danger-tertiary);border-color:var(--color-border-danger-strong);&:hover:not(:has(.section-title__input:hover,.section-title__input:focus)){background:var(--color-bg-danger-tertiary-hover)}}.collapsible__header-wrap{pointer-events:none;overflow:hidden;display:flex;align-items:center;gap:var(--spacer-2);flex:1 0 0;min-width:1px;padding:0 var(--spacer-1)}.collapsible:not(.collapsible--collapsed)>.collapsible__toggle-wrap{border-radius:var(--button-radius) var(--button-radius) 0 0}.collapsible--collapsed>.collapsible__toggle-wrap{animation:collapsible-round-corners .15s ease .3s both}@keyframes collapsible-round-corners{0%{border-bottom-left-radius:0;border-bottom-right-radius:0}to{border-bottom-left-radius:var(--button-radius);border-bottom-right-radius:var(--button-radius)}}.collapsible:not(.collapsible--collapsed)>.collapsible__toggle-wrap .collapsible__toggle:focus-visible{border-radius:var(--button-radius) var(--button-radius) 0 0}.collapsible--collapsed>.collapsible__toggle-wrap .collapsible__toggle:focus-visible{animation:collapsible-round-corners .15s ease .3s both}.collapsible__actions-wrap{display:flex;align-items:center;flex-shrink:0;position:relative;z-index:1;pointer-events:none}.collapsible__actions{pointer-events:all;display:flex;align-items:center;justify-content:center;gap:var(--spacer-1);padding:0 var(--spacer-1);flex-shrink:0;min-height:var(--spacer-4)}.collapsible__indicator{display:flex;align-items:center;justify-content:center;min-width:var(--spacer-4);min-height:var(--spacer-4);border-radius:var(--button-radius);flex-shrink:0;pointer-events:all;cursor:pointer;outline:none}.collapsible__toggle-wrap:hover .collapsible__indicator{color:var(--color-icon)}.collapsible__indicator:hover{background:var(--color-bg-transparent-hover)}.collapsible__indicator:focus-visible{border:var(--stroke-width-small) solid var(--accessibility-focus-color);border-radius:var(--button-radius, .3125rem);background:var(--color-bg-secondary)}.collapsible__indicator:active{background:var(--color-bg-transparent-pressed)}.collapsible__content{background-color:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-top:none;border-radius:0 0 var(--button-radius) var(--button-radius);padding:var(--spacer-3);z-index:1}.collapsible--style-error .collapsible__content{border-color:var(--color-border-danger-strong)}.collapsible--style-error .collapsible:not(.collapsible--style-error) .collapsible__content{border-color:var(--color-border)}@media(max-width:768px){.collapsible__content{padding:var(--spacer-2-5)}}}@layer payload-default{.rah-static{interpolate-size:allow-keywords;height:0}.rah-static--height-auto{height:auto}}.drag-overlay-preview{opacity:.9;box-shadow:var(--shadow-m);border-radius:var(--radius-medium);cursor:grabbing}@layer payload-default{body.is-dragging,body.is-dragging *{cursor:grabbing}}@layer payload-default{.error-pill{display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0 var(--spacer-1);border-radius:var(--radius-medium);line-height:var(--text-body-medium-line-height);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);letter-spacing:var(--text-letter-spacing);text-align:center;background:var(--color-bg-danger);color:var(--color-text-ondanger);height:var(--spacer-3)}.error-pill--fixed-width{width:var(--spacer-3);padding:0;position:relative}}@layer payload-default{.field-description{display:flex;color:var(--field-color-description)}.field-description--margin-bottom{margin-top:0;margin-bottom:var(--spacer-3)}}@layer payload-default{.field-error.tooltip{--tooltip-x: 0%;left:auto;max-width:75%;right:0;color:var(--field-color-error-text);background-color:var(--field-color-error-bg);&:after{border-top-color:var(--field-color-error-bg);border-bottom-color:var(--field-color-error-bg)}}}@layer payload-default{.drawer{display:flex;justify-content:flex-end;overflow:hidden;position:fixed;inset:0;--gutter-h: var(--spacer-4);--gutter-v: var(--spacer-4)}@media(max-width:768px){.drawer{--gutter-h: var(--spacer-3)}}.drawer.drawer--is-open{visibility:visible}.drawer__blur-bg{position:absolute;z-index:1;inset:0;opacity:0;background:var(--color-drawer-backdrop)}.drawer__content{opacity:0;position:relative;z-index:2;width:clamp(600px,40vw,1080px);max-width:100vw;background-color:var(--color-bg);box-shadow:var(--elevation-400-menu-panel);container:drawer / inline-size;transition:transform .1s ease-out}.drawer__content-children{position:relative;z-index:1;overflow-x:clip;overflow-y:auto;height:100%;display:flex;flex-direction:column}.drawer__fade-in{display:flex;flex-direction:column;flex:1 0 auto;animation:drawer-content-fade-in .2s ease-out both}@keyframes drawer-content-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.drawer__fade-in{animation:none}}.drawer--is-open .drawer__content,.drawer--is-open .drawer__blur-bg{opacity:1}.drawer--is-open .drawer__content{transform:translate(calc(-1 * var(--drawer-layer-offset, 0px)))}.drawer__close{position:relative;z-index:1;flex-shrink:0;cursor:pointer;flex-grow:1;background:transparent;border:0;&:active,&:focus{outline:0}}.drawer__header{display:flex;align-items:center;padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);gap:var(--spacer-1)}.drawer__header__title{margin:0;flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.drawer__header__close{margin:0;padding:0;border:0}.drawer__header__actions{display:flex;gap:var(--spacer-2);align-items:center}}@layer payload-default{dialog:has(>.dialog){position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-modalbackdrop)}.dialog{--dialog-max-height: calc(100dvh - var(--spacer-5));position:relative;display:flex;flex-direction:column;max-height:var(--dialog-max-height);width:var(--dialog-width);max-width:calc(100vw - var(--spacer-5));background:var(--color-bg);border-radius:var(--radius-large);overflow:clip;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text);box-shadow:var(--elevation-500-modal-window)}.dialog--small{--dialog-width: 280px}.dialog--medium{--dialog-width: 480px}.dialog--large{--dialog-width: 640px}.dialog__header{display:flex;align-items:center;gap:var(--spacer-2);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);border-bottom:var(--stroke-width-small) solid var(--color-border);flex-shrink:0}.dialog__header--has-close{padding-inline-end:var(--spacer-2)}.dialog__title{flex:1 0 0;min-width:0;margin:0;font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--text-body-medium-letter-spacing)}.dialog__header-extras{display:flex;align-items:center;gap:var(--spacer-1)}.dialog__body{flex:1 1 auto;padding:var(--spacer-3);min-height:0;overflow-y:auto}.dialog:has(.dialog__header) .dialog__body{padding-top:var(--spacer-2)}.dialog:has(.dialog__footer) .dialog__body{padding-bottom:var(--spacer-2)}.dialog__footer{display:flex;justify-content:flex-end;gap:var(--spacer-2);padding-block:var(--spacer-2);padding-inline-start:var(--spacer-3);padding-inline-end:var(--spacer-2);flex-shrink:0}}@layer payload-default{.confirmation-modal__body{display:flex;flex-direction:column;gap:var(--spacer-2)}}@layer payload-default{:root{--field-label-letter-spacing: -.032px}label.field-label{display:flex;align-items:center}label.field-label:not(.unstyled){display:flex;color:var(--field-color-label);font-family:var(--text-body-medium-strong-font-family);font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--field-label-letter-spacing);html:not([dir=RTL]) &{margin-right:auto}html[dir=RTL] &{margin-left:auto}}.field-label:not(.unstyled) .required{color:var(--field-color-label-required);html:not([dir=RTL]) &{margin-left:var(--spacer-1)}html[dir=RTL] &{margin-right:var(--spacer-1)}}.localized{html:not([dir=RTL]) &{margin-left:var(--spacer-1)}html[dir=RTL] &{margin-right:var(--spacer-1)}}}@layer payload-default;@layer payload-default{.checkbox{position:relative;.tooltip:not([aria-hidden=true]){left:auto;right:calc(-1 * var(--spacer-2));position:absolute;transform:translateY(calc(var(--caret-size) * -1));margin-bottom:.2em;max-width:fit-content}}.checkbox-input{display:flex;&:hover:not(.checkbox-input--read-only){label,input{cursor:pointer}}label.field-label{padding-bottom:0}&:not(.checkbox-input--read-only){&:active,&:focus-within,&:focus{.checkbox-input__input{border-color:var(--field-color-border-focus)}}&:hover{.checkbox-input__input{border-color:var(--field-color-toggle-border-hover)}}}&:not(.checkbox-input--read-only):not(.checkbox-input--checked){&:hover{cursor:pointer;.checkbox-input__icon svg{opacity:.2}}}}.checkbox-input__wrap{display:inline-flex;align-items:center;gap:var(--spacer-2);position:relative;width:100%}.checkbox-input__input{display:flex;align-items:center;justify-content:center;padding:0;line-height:0;position:relative;width:var(--spacer-3);height:var(--spacer-3);border:var(--stroke-width-small) solid var(--field-color-toggle-border);border-radius:var(--button-radius);background:transparent;& input[type=checkbox]{position:absolute;padding:0;margin:0;opacity:0;border-radius:0;z-index:1}}.checkbox-input__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;svg{opacity:0}.icon--line{width:1.4rem;height:1.4rem}&.partial{svg{opacity:1;color:var(--color-icon-onbrand)}}}.checkbox-input:has(.checkbox-input__icon.partial){.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}&:has(:focus-visible) .checkbox-input__input{outline:1px solid var(--color-bg);outline-offset:-2px}}.checkbox-input--checked{.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}&:has(:focus-visible) .checkbox-input__input{outline:1px solid var(--color-bg);outline-offset:-2px}.checkbox-input__icon{svg{opacity:1;color:var(--field-color-toggle-icon)}}}.checkbox-input--read-only{.checkbox-input__input{background:var(--field-color-toggle-bg-disabled);border-color:var(--field-color-toggle-border-disabled)}label{color:var(--field-color-text-disabled)}}.checkbox-input__tooltip.tooltip--caret-left.tooltip--position-bottom .tooltip__caret{transform:translate(-50%) rotate(180deg)}.checkbox-input--has-tooltip{position:relative;width:max-content;max-width:100%}.checkbox-input__tooltip{--tooltip-x: 0;left:0;width:max-content;max-width:280px;white-space:normal;text-align:start}.checkbox-input__tooltip.tooltip--caret-left .tooltip__caret{left:.5rem;transform:translate(-50%)}.checkbox-input__tooltip.tooltip--caret-left.tooltip--position-bottom .tooltip__caret{transform:translate(-50%) rotate(180deg);.checkbox-input--muted{.checkbox-input__input{background:var(--color-bg-secondary);border-color:var(--color-border)}&:not(.checkbox-input--read-only):not(.checkbox-input--checked){&:hover{.checkbox-input__input{border-color:var(--field-color-toggle-border-hover)}}}&.checkbox-input--checked{.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}}&:has(.checkbox-input__icon.partial){.checkbox-input__input{background-color:var(--field-color-toggle-bg-checked);border-color:var(--field-color-toggle-border-checked)}}}.checkbox.error{.checkbox-input--checked{.checkbox-input__input{background-color:var(--field-color-error-bg);border-color:var(--field-color-border-error)}&:hover .checkbox-input__input{border-color:var(--field-color-border-error)}}.checkbox-input:not(.checkbox-input--checked){.checkbox-input__input{border-color:var(--field-color-border-error)}&:hover .checkbox-input__input{border-color:var(--field-color-border-error)}}}}}@layer payload-default{.nullify-locale-field{margin-bottom:0;.field-type.checkbox{display:flex;flex-direction:column;margin:0}+.array-field__add-row{margin-top:var(--spacer-2)}}}@layer payload-default;@layer payload-default{.icon--arrow{flex-shrink:0}}@layer payload-default{.icon--duplicate{flex-shrink:0}}@layer payload-default{.array-actions__button{cursor:pointer}.array-actions__button.popup-button--active,.array-actions__button.popup-button--active:hover,.array-actions__button.popup-button--active:active{background:var(--color-bg-selected);color:var(--color-icon-selected)}.array-actions__actions{list-style:none;margin:0;padding:0}}@layer payload-default{.shimmer-effect{--shine-bg: var(--color-bg-secondary);--shine-fg: var(--color-bg-tertiary);position:relative;overflow:hidden;background-color:var(--shine-bg);border-radius:var(--radius-medium)}.shimmer-effect__shine{position:absolute;scale:1.5;width:100%;height:100%;transform:translate(-100%);animation:shimmer 1.75s infinite;opacity:.75;background:linear-gradient(100deg,var(--shine-bg) 0%,var(--shine-bg) 15%,var(--shine-fg) 50%,var(--shine-bg) 85%,var(--shine-bg) 100%)}.shimmer-effect--transparent{--shine-bg: transparent;--shine-fg: var(--color-border)}@keyframes shimmer{to{transform:translate3d(100%,0,0)}}}@layer payload-default{.pill{--pill-padding-block: 0;--pill-padding-inline-start: 0;--pill-padding-inline-end: 0;--pill-icon-size: var(--spacer-4);padding:var(--pill-padding-block) var(--pill-padding-inline-end) var(--pill-padding-block) var(--pill-padding-inline-start);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);display:inline-flex;background:var(--color-bg-secondary);color:var(--color-text);border-radius:var(--button-radius);cursor:inherit;border:0;align-items:center;flex-shrink:0;gap:var(--spacer-1)}.pill--rounded{border-radius:var(--radius-large)}.pill:active,.pill:focus:not(:focus-visible){outline:none}.pill:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.pill__icon .icon{flex-shrink:0;width:var(--pill-icon-size);height:var(--pill-icon-size)}.pill__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pill--is-dragging{cursor:grabbing}.pill--has-icon{gap:0;--pill-padding-inline-start: var(--spacer-2);--pill-padding-inline-end: var(--spacer-1)}.pill--has-icon svg{display:block}.pill--align-icon-left{flex-direction:row-reverse;--pill-padding-inline-start: var(--spacer-1);--pill-padding-inline-end: var(--spacer-2)}.pill--style-always-white{background:var(--color-bg-inverse);color:var(--color-text-oninverse)}.pill--style-light-gray,.pill--style-light{background:var(--color-bg-secondary);color:var(--color-text)}.pill--style-warning{background:var(--color-bg-warning-tertiary);color:var(--color-text-warning)}.pill--style-success{background:var(--color-bg-selected);color:var(--color-text-brand)}.pill--style-error{background:var(--color-bg-danger-tertiary);color:var(--color-text-danger)}.pill--style-dark{background:var(--ramp-grey-600);color:var(--ramp-white-800)}.pill--style-dark svg .stroke{stroke:var(--ramp-white-800);fill:none}.pill--style-dark svg .fill{fill:var(--ramp-white-800)}.pill--size-medium{--pill-padding-block: var(--spacer-1);--pill-padding-inline-start: var(--spacer-2-5);--pill-padding-inline-end: var(--spacer-2-5)}.pill--size-small{--pill-icon-size: var(--spacer-3);--pill-padding-block: 0;--pill-padding-inline-start: var(--spacer-1);--pill-padding-inline-end: var(--spacer-1)}html[data-theme=light] .pill--style-always-white{background:var(--color-bg);color:var(--color-text);border:var(--stroke-width-small) solid var(--color-border)}}@layer payload-default{.blocks-field{display:flex;flex-direction:column;gap:var(--spacer-2)}.blocks-field__header{display:flex;flex-direction:column;gap:var(--spacer-1)}.blocks-field__header-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacer-2)}.blocks-field__header-content{display:flex;align-items:center;gap:var(--spacer-2)}.blocks-field--has-no-error>.blocks-field__header .blocks-field__header-content{color:var(--color-text)}.blocks-field--has-error>.blocks-field__header{color:var(--color-text-danger)}.blocks-field--has-error .section-title__input,.blocks-field--has-error .blocks-field__header-content{color:var(--color-text-danger)}.blocks-field--has-error .blocks-field__row--no-errors .section-title__input,.blocks-field--has-error .blocks-field__row--no-errors .blocks-field__header-content,.blocks-field--has-error .blocks-field--has-no-error .section-title__input,.blocks-field--has-error .blocks-field--has-no-error .blocks-field__header-content{color:var(--color-text)}.blocks-field__error-pill{align-self:center}.blocks-field__header-actions{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0;color:var(--color-text);>li:first-child .blocks-field__header-action{padding:0 var(--spacer-2) 0 0}>li:last-child .blocks-field__header-action{padding:0}@media(max-width:768px){>li:not(:last-child){display:none}}}.blocks-field__header-action{cursor:pointer;&:hover,&:focus-visible{color:var(--color-text-secondary)}}.blocks-field__title{margin-bottom:0;color:var(--color-text);font-weight:var(--text-body-medium-strong-font-weight)}.blocks-field__block-header{display:flex;width:100%;min-width:0;overflow:hidden;gap:var(--spacer-2);align-items:center}.blocks-field__block-header-number-wrap{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}.blocks-field__block-number{flex-shrink:0;color:var(--color-text)}.blocks-field__block-pill{flex-shrink:0}.blocks-field__rows{display:flex;flex-direction:column;gap:var(--spacer-2)}.blocks-field__drawer-toggler{display:flex;background-color:transparent;margin:0;padding:0;border:none;align-self:flex-start;border-radius:var(--radius-medium)}.blocks-field__row--is-dragging{opacity:.5}}@layer payload-default{.thumbnail-card{--thumbnail-card-size: 106px;display:flex;flex-direction:column;gap:var(--spacer-2);align-items:flex-start;max-width:var(--thumbnail-card-size);background:transparent;border:0;padding:0;cursor:pointer}.thumbnail-card--has-on-click{cursor:pointer;&:focus-visible{outline:none}}.thumbnail-card--align-label-center{text-align:center}.thumbnail-card__thumbnail{display:flex;align-items:center;justify-content:center;min-width:var(--thumbnail-card-size);width:100%;aspect-ratio:1 / 1;background:var(--color-bg-secondary);border-radius:var(--radius-medium);overflow:hidden;outline:var(--stroke-width-small) solid transparent;outline-offset:calc(var(--stroke-width-small) * -1)}.thumbnail-card--has-on-click:hover .thumbnail-card__thumbnail{outline-color:var(--color-border)}.thumbnail-card--has-on-click:focus-visible .thumbnail-card__thumbnail{outline-width:var(--stroke-width-medium);outline-offset:calc(var(--stroke-width-medium) * -1);outline-color:var(--color-border-selected)}.thumbnail-card--has-on-click:active .thumbnail-card__thumbnail{outline-color:var(--color-bg-secondary-pressed)}.thumbnail-card--selected .thumbnail-card__thumbnail{outline-width:var(--stroke-width-medium);outline-offset:calc(var(--stroke-width-medium) * -1);outline-color:var(--color-border-selected)}.thumbnail-card--selected.thumbnail-card--has-on-click:hover .thumbnail-card__thumbnail,.thumbnail-card--selected.thumbnail-card--has-on-click:focus-visible .thumbnail-card__thumbnail{outline-color:var(--accessibility-focus-color)}.thumbnail-card--selected.thumbnail-card--has-on-click:active .thumbnail-card__thumbnail{outline-color:var(--accessibility-focus-color)}.thumbnail-card__label{min-width:100%;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}}@layer payload-default;@layer payload-default{.search-input{display:flex;align-items:center;min-height:var(--control-height);background-color:var(--field-color-bg);border-radius:var(--field-border-radius);border:var(--stroke-width-small) solid var(--field-color-border);padding-inline-end:var(--spacer-1);position:relative;isolation:isolate;&:hover:not(:focus-within){border-color:var(--field-color-border-hover)}&:has(input:focus-visible){border-color:var(--field-color-border-focus)}&:has(:disabled){opacity:.5;pointer-events:none}.icon--search{position:absolute;inset-inline-start:0;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--color-icon-secondary);width:var(--spacer-4);height:var(--spacer-4);display:flex;align-items:center;justify-content:center}}.search-input__input{flex:1;min-width:0;padding-inline:var(--spacer-4) var(--spacer-3);background:transparent;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);outline:none;border:none;&:focus-visible{outline:none}&::placeholder{color:var(--color-text-tertiary)}}.search-input__clear{position:absolute;inset-inline-end:var(--spacer-1);top:50%;transform:translateY(-50%);color:var(--color-icon-secondary);&.btn{height:unset;width:unset}&:hover:not(.btn--disabled),&:focus-visible{color:var(--color-icon)}}}@layer payload-default{.block-search{position:sticky;top:0;display:flex;width:100%;align-items:flex-start;padding:var(--spacer-2-5) var(--spacer-3);border-bottom:1px solid var(--color-border);z-index:1;background:var(--color-bg)}.block-search__input{flex:1 0 0;min-width:0}}@layer payload-default{.blocks-drawer__blocks-wrapper{--blocks-drawer-card-min-width: 120px;--blocks-drawer-card-max-width: 160px;padding:var(--spacer-3)}.blocks-drawer__blocks{position:relative;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--blocks-drawer-card-min-width),1fr));gap:var(--spacer-3)}.blocks-drawer__block .thumbnail-card{width:100%;max-width:var(--blocks-drawer-card-max-width)}.blocks-drawer__block .thumbnail-card__thumbnail{min-width:0}.blocks-drawer__default-image{display:flex;align-items:center;justify-content:center;width:100%;height:100%;img,svg{width:100%;height:100%;object-fit:cover}}.blocks-drawer__block-groups{padding:0;display:flex;flex-direction:column;gap:var(--spacer-2-5)}.blocks-drawer__block-group{list-style:none}.blocks-drawer__block-group-label{padding-bottom:var(--spacer-2)}.blocks-drawer__block-group-none{order:1;padding-top:var(--spacer-2-5);border-top:1px solid var(--color-border);&:only-child{padding-top:0;border-top:0}}}@layer payload-default{.section-title{position:relative;min-width:fit-content;max-width:100%;pointer-events:all;display:flex;overflow:hidden;&:after{display:block;content:attr(data-value) " ";visibility:hidden;white-space:pre;overflow:hidden;text-overflow:ellipsis;max-width:100%}}.section-title:after,.section-title__input{font-family:var(--text-body-medium-strong-font-family);font-weight:var(--text-body-medium-strong-font-weight);font-size:var(--text-body-medium-strong-font-size);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-letter-spacing);padding:0 var(--spacer-1);width:100%}.section-title__input{color:var(--color-text);border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium);&::placeholder{color:var(--color-text-tertiary);font-family:var(--text-body-medium-font-family);font-weight:var(--text-body-medium-font-weight)}min-width:min-content;width:100%;max-width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;resize:none;appearance:none;position:absolute;inset:0;&:hover:not([readonly]){background-color:var(--color-bg-transparent-hover)}&:hover,&:focus{outline:0}&:focus:not([readonly]){outline:none;border:var(--accessibility-outline)}}.collapsible--collapsed .section-title--empty{display:none}}@layer payload-default{.code-editor{direction:ltr;width:100%;contain:inline-size;height:auto;padding:var(--spacer-2) 0;-webkit-appearance:none;background:var(--field-color-bg);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);box-shadow:none;font-family:var(--font-mono);font-size:var(--text-body);color:var(--color-text-default-primary);transition-property:border,box-shadow,background-color;transition-duration:.1s,.1s,.5s;transition-timing-function:cubic-bezier(0,.2,.2,1);&:focus-within{border-color:var(--field-color-border-focus)}&.read-only{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}.monaco-editor{.view-overlays .current-line{max-width:calc(100% - 14px);border:none}&:focus-within{.view-overlays .current-line{border:none}}}}}@layer payload-default{.code-field{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.code-editor{background:var(--field-color-bg);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);padding:var(--spacer-2) 0;overflow:clip;box-shadow:none;&:hover{border-color:var(--field-color-border-hover)}&:focus-within{border-color:var(--field-color-border-focus)}}&.error .code-editor:not(:focus-within){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}&.read-only .code-editor{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}}}@layer payload-default{.collapsible-field__row-label-wrap{pointer-events:none;display:flex;align-items:center;gap:var(--spacer-2)}}@layer payload-default;@layer payload-default{.react-datepicker-wrapper{display:block;padding:0;border:0}.react-datepicker{--time-column-width: 120px;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);background-color:var(--color-bg);color:var(--color-text);border:none;border-radius:var(--radius-large);display:inline-flex;position:relative;box-shadow:0 0 .25px #00000014,0 2px 2.5px #00000026,0 10px 12px #0000002e}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}.react-datepicker--time-only .react-datepicker__time-container{border-left:none}.react-datepicker-popper{z-index:10;line-height:0}.react-datepicker-popper .react-datepicker__triangle{display:none}.react-datepicker__header{display:flex;flex-wrap:wrap;align-items:center;text-align:center;text-transform:none;background-color:transparent;border-bottom:none;border-radius:0;padding:0;position:relative;width:min-content;& h2{display:none}&:not(.react-datepicker__header--has-time-select){border-top-right-radius:var(--radius-large)}}.react-datepicker__header--time{display:flex;align-items:center;justify-content:center;padding:var(--spacer-2);border-top-left-radius:0;border-top-right-radius:var(--radius-large);font-weight:var(--text-body-medium-strong-font-weight);min-height:calc(var(--spacer-4) + var(--spacer-2) * 2);width:100%}.react-datepicker__current-month{display:none}.react-datepicker-time__header{margin-top:0;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__header__dropdown{display:flex;flex:1 1 auto;min-width:min-content;gap:var(--spacer-2);align-items:center;order:1;padding:var(--spacer-2);margin:0 var(--spacer-5)}.react-datepicker-year-header{padding:var(--spacer-2-5) 0;font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text);width:100%;display:flex;justify-content:center}.react-datepicker__month-select,.react-datepicker__year-select{width:100%;margin:0;height:var(--spacer-4);border:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);border-radius:var(--radius-medium);outline:none;cursor:pointer;padding:0 var(--spacer-2);color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);-webkit-appearance:none;appearance:none;background-image:none;padding-right:var(--spacer-4);option{background-color:var(--color-bg);color:var(--color-text)}}.react-datepicker__navigation{position:absolute;align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;top:0;margin:var(--spacer-2);border:none;z-index:1;height:var(--spacer-4);width:var(--spacer-4);overflow:hidden;color:var(--color-icon);border-radius:var(--radius-medium);flex-shrink:0;.icon--chevron .fill{fill:var(--color-icon)}&:hover{background-color:var(--color-bg-hover)}}.date-time-picker__appearance--monthOnly .react-datepicker__navigation{font-size:18px;font-weight:300}.react-datepicker__navigation-icon{display:flex;align-items:center;justify-content:center}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:var(--spacer-1)}.react-datepicker__navigation--years-upcoming{top:calc(-1 * var(--spacer-1))}.react-datepicker__navigation--previous{left:0}.react-datepicker__navigation--next{right:0}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:var(--time-column-width)}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select{display:inline-block;flex:1 1 auto;min-width:min-content;margin:0;position:relative;&:after{content:"";position:absolute;right:var(--spacer-2);top:50%;transform:translateY(-50%);width:8px;height:5px;background-color:var(--color-icon);mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M4.38935 0.146345C4.58463 -0.0487137 4.90119 -0.048849 5.09638 0.146345C5.29132 0.34156 5.29136 0.658183 5.09638 0.853376L2.97529 2.97447C2.78011 3.16965 2.46354 3.16947 2.26826 2.97447L0.146188 0.853376C-0.0487296 0.65818 -0.0487291 0.341541 0.146188 0.146345C0.341468 -0.0487138 0.659001 -0.0488494 0.854196 0.146345L2.62177 1.91392L4.38935 0.146345Z' fill='black'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-size:contain;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' viewBox='0 0 6 4' fill='none'%3E%3Cpath d='M4.38935 0.146345C4.58463 -0.0487137 4.90119 -0.048849 5.09638 0.146345C5.29132 0.34156 5.29136 0.658183 5.09638 0.853376L2.97529 2.97447C2.78011 3.16965 2.46354 3.16947 2.26826 2.97447L0.146188 0.853376C-0.0487296 0.65818 -0.0487291 0.341541 0.146188 0.146345C0.341468 -0.0487138 0.659001 -0.0488494 0.854196 0.146345L2.62177 1.91392L4.38935 0.146345Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;pointer-events:none}}.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 var(--spacer-1)}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium);position:relative;&:hover{cursor:pointer}}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:var(--color-icon-secondary);border-style:solid;border-width:2px 2px 0 0;content:"";display:block;height:6px;position:absolute;top:4px;width:6px;transform:rotate(135deg);right:-1rem}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:var(--color-bg-elevated);position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border);box-shadow:0 2px 5px #00000026,0 10px 24px #0000002e;&:hover{cursor:pointer}}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:1.25rem;width:100%;display:block;margin-left:auto;margin-right:auto;color:var(--color-text);&:first-of-type{border-top-left-radius:var(--radius-medium);border-top-right-radius:var(--radius-medium)}&:last-of-type{user-select:none;border-bottom-left-radius:var(--radius-medium);border-bottom-right-radius:var(--radius-medium)}&:hover{background-color:var(--color-bg-hover)}}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__month-container{position:relative}.react-datepicker__month{margin:0;padding:var(--spacer-1);text-align:center;.react-datepicker__month-text,.react-datepicker__quarter-text{display:inline-block;width:52px;margin:var(--spacer-1);height:var(--spacer-4);padding:var(--spacer-1, .3rem) var(--spacer-2-5, .75rem)}}.react-datepicker__monthPicker{border-top:1px solid var(--color-border)}.react-datepicker__month-text{padding:var(--spacer-1);font-size:var(--text-body-medium-font-size);border-radius:var(--radius-medium)}.react-datepicker__year{margin:var(--spacer-1);text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__day-names{white-space:nowrap;margin-bottom:0;background-color:transparent;padding:var(--spacer-2);padding-bottom:0;border-top:1px solid var(--color-border);width:100%;order:3}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;line-height:var(--text-body-medium-line-height);text-align:center;margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);position:relative}.react-datepicker__day-name{color:var(--color-text-secondary);width:1.5rem;height:2rem;margin:0 var(--spacer-1);line-height:2rem}.react-datepicker__day{width:1.5rem;height:1.5rem;margin:var(--spacer-1);line-height:1.5rem;&:focus{outline:0}}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer;border-radius:var(--radius-medium);&:hover{background-color:var(--color-bg-hover)}&:active{background-color:var(--color-bg-pressed)}}.react-datepicker__day--today{font-weight:var(--text-body-medium-font-weight);position:relative;&:after{content:"";position:absolute;bottom:var(--spacer-1);left:50%;transform:translate3D(-50%,50%,0);width:3px;height:3px;border-radius:var(--radius-full);background-color:var(--color-bg-brand)}&.react-datepicker__day--selected:after{background-color:var(--color-icon-onbrand-secondary)}}.react-datepicker__day--outside-month{visibility:hidden}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{background-color:var(--color-bg-selected-strong);color:var(--color-text-onselected-strong);font-weight:var(--text-body-medium-font-weight);&:hover{background-color:var(--color-bg-selected-strong-hover)}}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{background-color:var(--color-bg-selected);color:var(--color-text);&:hover{background-color:var(--color-bg-selected-hover)}}.react-datepicker__day--selected[tabindex="0"]:focus,.react-datepicker__month-text--selected[tabindex="0"]:focus,.react-datepicker__quarter-text--selected[tabindex="0"]:focus,.react-datepicker__year-text--selected[tabindex="0"]:focus{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:var(--color-bg-selected)}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:var(--color-text-disabled);&:hover{background-color:transparent}}.react-datepicker__week-number{color:var(--color-text-tertiary);display:inline-block;width:2rem;line-height:2rem;text-align:center;margin:0}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__time-container{float:right;border-left:1px solid var(--color-border);width:var(--time-column-width);.react-datepicker__time{position:relative;background:transparent;border-top:1px solid var(--color-border);border-bottom-right-radius:var(--radius-large);.react-datepicker__time-box{width:var(--time-column-width);overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:var(--radius-large);ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);max-height:100%;overflow-y:scroll;scrollbar-width:none;padding:var(--spacer-1) 0;padding-right:0;padding-left:0;width:100%;box-sizing:content-box;&::-webkit-scrollbar{display:none}li.react-datepicker__time-list-item{height:auto;padding:var(--spacer-1) var(--spacer-2);white-space:nowrap;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);margin:0 var(--spacer-2);border-radius:var(--radius-medium);&:hover{cursor:pointer;background-color:var(--color-bg-hover)}&:active{background-color:var(--color-bg-pressed)}&:focus{background-color:var(--color-bg-selected);outline:none}}li.react-datepicker__time-list-item--selected{background-color:var(--color-bg-brand);color:var(--color-text-onbrand);&:hover{background-color:var(--color-bg-brand-hover)}&:focus{background-color:var(--color-bg-brand)}}li.react-datepicker__time-list-item--disabled{color:var(--color-text-disabled);&:hover{cursor:default;background-color:transparent}}}}}}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:var(--spacer-1) 0 var(--spacer-2) var(--spacer-3);text-align:left}.react-datepicker__close-icon{display:none}.react-datepicker__today-button{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);cursor:pointer;text-align:center;font-weight:var(--text-body-medium-strong-font-weight);padding:var(--spacer-1) 0;clear:left;border-bottom-left-radius:var(--radius-large);border-bottom-right-radius:var(--radius-large)}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__children-container{width:13.8rem;margin:var(--spacer-1);padding-right:.2rem;padding-left:.2rem;height:auto}[dir=rtl]{.date-time-picker{.react-datepicker__input-container input{padding-right:var(--spacer-5)}}}.date-time-picker__icon-wrap{position:relative;z-index:1}.date-time-picker .icon--calendar,.date-time-picker__clear-button{position:absolute}.date-time-picker .icon--calendar,.date-time-picker .icon--x{color:var(--color-icon-secondary);height:auto}.date-time-picker__clear-button{top:var(--spacer-2);right:var(--spacer-5);appearance:none;background-color:transparent;border:none;outline:none;padding:0;display:flex;cursor:pointer}.date-time-picker .icon--calendar{top:var(--spacer-3);right:var(--spacer-1);pointer-events:none;transform:translateY(-50%)}.date-time-picker .icon--x{width:1rem}.date-time-picker .react-datepicker__input-container input{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);width:100%;min-height:var(--field-min-height);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);background:var(--field-color-bg);color:var(--color-text);padding-block:calc(var(--spacer-1));padding-inline:var(--field-padding-inline) var(--spacer-5);&::placeholder{color:var(--field-color-placeholder);font-weight:var(--text-body-medium-font-weight)}&:hover:not(:focus):not(:read-only){border-color:var(--field-color-border-hover)}&:focus{border-color:var(--field-color-border-focus);outline:none}&:read-only:focus{border-color:var(--field-color-border-hover)}&:disabled{background:var(--field-color-bg-disabled);border-color:var(--field-color-border-disabled)}}.date-time-picker:has(input:disabled) .icon--calendar{color:var(--color-icon-disabled)}.date-time-picker--has-error .react-datepicker__input-container input{border-color:var(--field-color-border-error);border-width:2px;padding:calc(var(--spacer-1) - 1px) calc(var(--spacer-2-5) - 1px);padding-right:calc(2.25rem - 1px)}.date-time-picker__appearance--dayOnly .react-datepicker__month-container,.date-time-picker__appearance--monthOnly .react-datepicker__month-container{border-right:none}.date-time-picker__input-wrapper{position:relative}@media(max-width:768px){.date-time-picker .react-datepicker{flex-direction:column}.date-time-picker .react-datepicker__month-container{border-right:0}.date-time-picker .react-datepicker__time-container{width:auto;border-top:1px solid var(--color-border)}.date-time-picker .react-datepicker__header--time{background-color:transparent;padding:var(--spacer-2) 0;border-bottom:none}.date-time-picker .react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{height:var(--time-column-width);width:unset;>ul{height:var(--time-column-width)}}.date-time-picker .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:0}.date-time-picker__input-wrapper .icon{top:50%;transform:translateY(-50%)}}}@layer payload-default{.icon--circled-x{.stroke{stroke:currentColor}}}@layer payload-default{.clear-indicator{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-secondary);transition:color .1s;&:hover{color:var(--color-icon)}}}@layer payload-default{.dropdown-indicator{display:flex;background:none;border:none;padding:0;font:inherit;cursor:pointer;border-radius:var(--button-radius)}.dropdown-indicator__icon{.stroke{stroke-width:1px}}}@layer payload-default{.multi-value{&.rs__multi-value{display:flex;padding:0;border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-chip);background:var(--color-bg);height:1.25rem;margin:0;transition:border .2s cubic-bezier(.2,0,0,1);&:focus,&:focus-visible{outline:none;border:var(--accessibility-outline)}}}.multi-value--is-dragging{z-index:2}}@layer payload-default{.multi-value-label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);display:flex;align-items:center;max-width:9.375rem;color:currentColor;padding-left:var(--spacer-1)}.multi-value-label--disabled{padding-right:var(--spacer-1)}.multi-value-label__text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.multi-value-label__text--editable{cursor:text;outline:none}}@layer payload-default{.multi-value-remove{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;position:relative;background-color:transparent;border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-small);padding:0;color:var(--color-icon-secondary);&:hover{color:var(--color-text);background:var(--color-bg-hover)}&:focus-visible{outline:none;border:var(--accessibility-outline)}}}@layer payload-default{.value-container{flex-grow:1;min-width:0;display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-1);.rs__value-container{overflow:visible;padding:0;gap:var(--spacer-1);>*{margin:0;padding-top:0;padding-bottom:0;color:currentColor;.field-label{padding-bottom:0}}}}.value-container__label{color:var(--color-text-secondary)}.react-select .rs__value-container--is-multi{width:100%;flex-wrap:wrap;&.rs__value-container--has-value{padding:0}}}@layer payload-default{.react-select-container{width:100%}.react-select{.rs__control{position:relative;width:100%;min-height:var(--field-min-height);background:var(--field-color-bg);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);-webkit-appearance:none;appearance:none;transition-property:box-shadow,background-color;transition-duration:.1s;transition-timing-function:cubic-bezier(0,.2,.2,1);height:auto;padding-block:calc(var(--spacer-1) + 1px);padding-inline:var(--field-padding-inline) var(--spacer-5);flex-wrap:wrap;gap:var(--spacer-1);&.rs__control--is-focused{border-color:var(--field-color-border-focus)}&:has(.clear-indicator){padding-inline-end:calc(var(--spacer-4) * 2)}&:hover:not(:focus-within){border-color:var(--field-color-border-hover)}}.rs__placeholder{color:var(--color-text-tertiary)}.rs__indicator{padding:0 .25rem;cursor:pointer}.rs__indicator-separator{display:none}.rs__indicators{position:absolute;right:var(--spacer-1);top:-1px;min-height:var(--field-min-height);display:flex}.rs__input-container{color:var(--color-text);height:var(--text-body-medium-line-height);margin:0;padding:0}&.rs--is-disabled .rs__control{background:var(--field-color-bg-disabled);border-color:var(--field-color-border-disabled);color:var(--field-color-text-disabled)}&.react-select--error .rs__control:not(.rs__control--is-focused){&:hover{border-color:var(--field-color-border-error)}}}.rs__menu-notice{padding:.625rem .75rem}.rs__menu{z-index:4;border-radius:var(--radius-medium);box-shadow:var(--elevation-400-menu-panel);background:var(--color-bg)}.rs__menu--placement-bottom{margin-top:var(--spacer-1)}.rs__menu--placement-top{margin-bottom:var(--spacer-1)}.rs__menu-list{overflow-y:auto}.rs__group-heading{color:var(--color-text-tertiary);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-1);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}.rs__option{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);padding-inline:var(--spacer-3) var(--spacer-1);padding-block:var(--spacer-2);color:var(--color-text)}.rs__option--is-focused{background-color:var(--color-bg-secondary)}.rs__option--is-selected{background-color:var(--color-bg-selected)}.react-select--error{div.rs__control{border:var(--stroke-width-small) solid var(--field-color-border-error);>div.rs__indicator>button.dropdown-indicator[type=button]{border:none}}}.react-select--error .rs__control:hover{border-color:var(--field-color-border-error)}.react-select--error:focus-within{div.rs__control{border-color:var(--field-color-border-focus)}}}@layer payload-default{.timezone-picker-wrapper{display:flex;gap:var(--spacer-1);margin-top:var(--spacer-2);align-items:center;position:relative;--field-min-height: var(--text-body-medium-line-height);.shimmer-effect{max-width:calc(2 * var(--spacer-4))}.timezone-picker__label{color:var(--color-text-secondary);flex-shrink:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.timezone-picker__required{color:var(--color-text-danger);margin-left:var(--spacer-1)}.timezone-picker.react-select{display:inline-flex;position:static;.rs__value-container{padding:0}.rs__control.rs__control{display:inline-flex;align-items:center;background:none;border:none;padding:0;padding-left:var(--spacer-1);min-height:auto!important;position:relative;box-shadow:unset;border-radius:var(--button-radius);gap:0;flex-wrap:nowrap;&:hover{cursor:pointer;box-shadow:unset;background:var(--color-bg-secondary)}&:active{background:var(--color-bg-secondary-pressed)}&.rs__control--is-focused{box-shadow:0 0 0 1px var(--accessibility-focus-color)}&.rs__control--menu-is-open:before{display:block}}.rs__input-container{margin:0;padding:0}.rs__input{caret-color:transparent}.rs__indicators{position:static;display:flex;align-items:center;min-height:auto;margin-inline-start:0;gap:0;flex-shrink:0}.rs__single-value{color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs__placeholder{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}.timezone-picker__dropdown-indicator{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;cursor:pointer;border-radius:var(--button-radius);color:var(--color-text-secondary);&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:calc(-1 * var(--stroke-width-small))}}.timezone-picker__clear-indicator{display:flex;align-items:center;justify-content:center;padding-inline:calc(-1 * var(--stroke-width-small));cursor:pointer;margin-left:calc(var(--spacer-1) / 2);height:var(--spacer-3);overflow:visible;border-radius:var(--button-radius);&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color)}}}}.timezone-picker__menu{border-radius:var(--radius-large);background:var(--color-bg-menu);color:var(--color-text);padding-top:var(--spacer-2);min-width:280px;.rs__option{padding:var(--spacer-1) var(--spacer-2);border-radius:var(--button-radius);cursor:pointer}.timezone-picker__option-check{opacity:0;flex-shrink:0}.timezone-picker__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rs__option--is-focused{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}.rs__option--is-selected{background-color:transparent;color:var(--popup-item-color-selected, var(--popup-item-color, var(--color-text)));.timezone-picker__option-check{opacity:1}}.rs__option--is-selected.rs__option--is-focused{background-color:var(--popup-item-bg-hover, var(--color-bg-selected-strong));color:var(--popup-item-color-hover, var(--color-text-onselected-strong))}}.timezone-picker__menu-list{max-height:calc(var(--spacer-6) * 5);padding-inline:var(--spacer-2);padding-bottom:var(--spacer-2)}}@layer payload-default{.date-time-field--has-error .date-time-picker .react-datepicker__input-container input{border-color:var(--field-color-border-error);&:hover:not(:focus){border-color:var(--field-color-border-error)}&:focus{border-color:var(--field-color-border-focus)}}}@layer payload-default{.field-type.email{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default{.group-field{position:relative}.group-field--top-level{&:before{content:"";position:absolute;top:calc(var(--spacer-5) / -2);left:calc(var(--gutter-h) * -1);right:calc(var(--gutter-h) * -1);height:0;border-top:1px solid var(--color-border)}&:first-child{padding-top:0;&:before{display:none}}}.group-field--within-collapsible{padding-top:var(--spacer-5);&:before{content:"";position:absolute;top:calc(var(--spacer-5) / 2);left:calc(var(--spacer-3) * -1);right:calc(var(--spacer-3) * -1);height:0;border-top:1px solid var(--color-border)}&:first-child{border-top:0;padding-top:0;&:before{display:none}}&:last-child{padding-bottom:0}}.group-field--within-group{padding:0;&:before{display:none}}.group-field--within-row{margin:0;&:before{display:none}}.group-field--within-tab:first-child{padding-top:0;&:before{display:none}}.group-field--within-tab:last-child{padding-bottom:0}.group-field--gutter{border-left:1px solid var(--color-border);padding-left:var(--spacer-3)}.group-field__header{margin-bottom:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-1)}.group-field__title-row{display:flex;align-items:center;gap:var(--spacer-2)}.group-field__title{margin-bottom:0;font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height)}.group-field--has-error{.group-field__header{color:var(--color-text-danger)}}.group-field+.group-field{border-top:0;padding-top:0}.group-field--within-row+.group-field--within-row{margin-top:0}.group-field--within-tab+.group-field--within-row{padding-top:0}@media(max-width:768px){.group-field--top-level{&:before{content:"";position:absolute;top:calc(var(--spacer-5) / -2.5);left:calc(var(--gutter-h) * -1);right:calc(var(--gutter-h) * -1);height:0;border-top:var(--stroke-width-small) solid var(--color-border)}}}}@layer payload-default{.spinner{display:flex;align-items:center;gap:var(--spacer-1);color:var(--color-icon-secondary)}.spinner--sm{gap:calc(var(--spacer-1) / 2)}.spinner--sm .spinner__text{font-size:var(--text-caption-font-size)}.spinner--md .spinner__text{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.spinner--lg .spinner__text{font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-large-line-height);letter-spacing:var(--text-body-large-letter-spacing)}}@layer payload-default{.loading-overlay{isolation:isolate;height:100%;width:100%;left:0;top:0;bottom:0;position:fixed;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none;z-index:calc(var(--z-status) + 1);transition-property:left,width;transition:.25s ease}.loading-overlay--entering{opacity:1;animation:fade-in ease;pointer-events:all}.loading-overlay--exiting{opacity:0;animation:fade-out ease}.loading-overlay--drawer:after{opacity:1;background-color:var(--color-bg)}.loading-overlay--drawer.loading-overlay--entering{animation:none;opacity:1}.loading-overlay--drawer .spinner{opacity:0;animation:fade-in .2s ease .45s forwards}@media(prefers-reduced-motion:reduce){.loading-overlay--drawer .spinner{animation:none;opacity:1}}.loading-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:var(--color-bg);opacity:.85;z-index:-1}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}}@layer payload-default{.switch{display:inline-flex;gap:var(--spacer-2);align-items:center;cursor:pointer}.switch--disabled{cursor:not-allowed;opacity:.5}.switch__input{position:absolute;padding:0;margin:0;opacity:0;z-index:1}.switch__track{position:relative;display:flex;align-items:center;width:var(--spacer-5);height:var(--spacer-3);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid var(--special-border-translucent);border-radius:var(--radius-full);pointer-events:none}.switch__track--checked{background:var(--color-bg-brand);border-color:var(--color-border-brand-strong)}.switch__knob{position:absolute;left:calc(var(--stroke-width-small) + var(--stroke-width-medium));width:var(--spacer-2-5);height:var(--spacer-2);background:var(--color-icon-onbrand);outline:var(--stroke-width-small) solid var(--special-border-translucent);border-radius:var(--radius-full)}.switch__track--checked .switch__knob{left:auto;right:calc(var(--stroke-width-small) + var(--stroke-width-medium));outline-color:var(--color-border-brand-strong)}.switch__input:focus-visible+.switch__track{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:var(--stroke-width-medium)}.switch__label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text)}}@layer payload-default{.popup__scroll-container:has(.column-selector){padding:0;max-height:fit-content}.column-selector{--column-selector-min-width: 240px;--column-selector-max-height: 430px;display:flex;flex-direction:column;min-width:var(--column-selector-min-width);max-height:var(--column-selector-max-height)}.column-selector[data-width-locked]{min-width:var(--column-selector-locked-width)}.column-selector__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;height:var(--spacer-6);padding-inline-start:var(--spacer-2);padding-inline-end:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border)}.column-selector__title{padding-inline-start:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text)}.column-selector__close{padding:0;color:var(--color-icon)}.column-selector__search{display:flex;flex-shrink:0;align-items:center;height:calc(var(--spacer-5) + var(--spacer-2) + var(--stroke-width-small));padding-inline:var(--spacer-2-5);border-bottom:var(--stroke-width-small) solid var(--color-border)}.column-selector__search-bar{display:flex;align-items:center;flex:1;height:var(--spacer-4);padding-inline-end:var(--spacer-2);background:var(--color-bg-secondary);border-radius:var(--button-radius)}.column-selector__search-bar svg{display:block;flex-shrink:0;color:var(--color-icon-secondary)}.column-selector__search-input{flex:1;height:100%;padding:0;background:transparent;border:none;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);&::placeholder{color:var(--color-text-tertiary)}&:focus{outline:none}}.column-selector__content{display:flex;flex-direction:column;flex:1;min-height:0;overflow-y:auto}.column-selector__no-results{display:flex;align-items:center;justify-content:center;min-height:calc(var(--spacer-6) + var(--spacer-2));padding-block:var(--spacer-2);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text)}.column-selector__section{display:flex;flex-direction:column;padding-block:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);&:last-child{border-bottom:none}}.column-selector__section-header{display:flex;align-items:center;height:var(--spacer-5);padding-inline:var(--spacer-3);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text-secondary)}.column-selector__item{position:relative;display:flex;align-items:center;gap:var(--spacer-1);padding-inline:var(--spacer-3);padding-block:var(--spacer-1);cursor:pointer;&:hover{background:var(--color-bg-secondary)}&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:calc(-1 * var(--accessibility-outline-offset))}}.column-selector__item-label{flex:1;min-width:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);white-space:nowrap}.column-selector__separator{margin-inline:var(--spacer-1);color:var(--color-text-secondary)}.column-selector__item--inactive .column-selector__item-label{color:var(--color-text-secondary)}.column-selector__drag-handle{position:absolute;inset-inline-start:0;display:flex;align-items:center;justify-content:center;width:var(--spacer-3);height:100%;color:var(--color-icon-secondary);cursor:grab;opacity:0;&:active{cursor:grabbing}}.column-selector__item:hover .column-selector__drag-handle{opacity:1}.column-selector__item--dragging{background:var(--color-bg-pressed)}.column-selector__item--dragging .column-selector__drag-handle{opacity:1;cursor:grabbing}.column-selector__item--over{position:relative;&:before{content:"";position:absolute;inset-inline:0;top:calc(-1 * var(--stroke-width-small));height:var(--stroke-width-medium);background:var(--color-icon);border-radius:var(--stroke-width-small)}}.column-selector__drop-indicator{height:var(--stroke-width-medium);background:var(--color-icon);margin-inline:var(--spacer-3)}}@layer payload-default{.no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacer-3) var(--spacer-2-5);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);text-align:center;gap:var(--spacer-2)}.no-results--with-margin{margin:var(--spacer-4) var(--gutter-h)}.no-results__title{color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--font-weight-strong);line-height:var(--text-body-large-strong-line-height)}.no-results__description{margin:0;color:var(--color-text-secondary)}.no-results__actions{display:flex;gap:var(--spacer-2)}}@layer payload-default{.code-cell{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap;background:var(--color-bg-tertiary);color:var(--color-text);&:hover{text-decoration:inherit}}}@layer payload-default{form>.form-submit{.btn{width:100%}}}@layer payload-default{.drawer-action-header{padding:var(--spacer-2-5);border-bottom:1px solid var(--color-border)}.drawer-action-header__content{display:flex;justify-content:space-between;align-items:center}.drawer-action-header__title{margin:0;color:var(--color-text)}.drawer-action-header__actions{display:flex;margin-left:auto;padding-left:var(--spacer-3);gap:var(--spacer-2)}}@layer payload-default{.load-more-row{display:flex;align-items:center;gap:var(--stroke-width-medium)}.load-more-row__text{margin:0;color:var(--color-text-secondary);white-space:nowrap;display:flex;align-items:center;gap:var(--spacer-1)}.load-more-row__button.btn{background-color:transparent;padding:0;color:var(--color-text);font-size:inherit;text-decoration:underline}.load-more-row__button.btn:hover:not(.btn--disabled){color:var(--color-text-secondary);background-color:transparent}.load-more-row__button.btn:active:not(.btn--disabled){color:var(--color-text);background-color:transparent}}@layer payload-default{.hierarchy-column-item{display:flex;align-items:center;padding:var(--spacer-1) var(--spacer-2);cursor:pointer;transition:background-color 80ms ease;user-select:none;gap:var(--spacer-2-5);border-radius:var(--button-radius);&:first-child{margin-top:var(--spacer-1)}&:last-child{margin-bottom:var(--spacer-1)}&:hover{background-color:var(--color-bg-hover)}}.hierarchy-column-item--expanded{background-color:var(--color-bg-tertiary);&:hover{background-color:var(--color-bg-tertiary)}}.hierarchy-column-item--selected{background-color:var(--color-bg-selected);&:hover{background-color:var(--color-bg-selected)}&.hierarchy-column-item--expanded{background-color:var(--color-bg-selected)}}.hierarchy-column-item--disabled{cursor:not-allowed;opacity:.5;&:hover{background-color:transparent}.hierarchy-column-item__title{color:var(--color-text-tertiary)}}.hierarchy-column-item__checkbox{flex-shrink:0;display:flex;align-items:center;justify-content:center;input[type=checkbox]{width:100%;height:100%;margin:0}}.hierarchy-column-item__title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);font-weight:500}.hierarchy-column-item__descendant-indicator{width:var(--spacer-1);height:var(--spacer-1);border-radius:50%;background-color:var(--color-bg-success);flex-shrink:0}.hierarchy-column-item__chevron{flex-shrink:0;display:flex;align-items:center;justify-content:center;color:var(--color-icon-tertiary)}}@layer payload-default{.hierarchy-column{width:280px;min-width:280px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);height:100%;background:var(--color-bg)}.hierarchy-column__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-2);padding:var(--spacer-1) var(--spacer-3);flex-shrink:0;margin-bottom:var(--spacer-2);border-bottom:1px solid var(--color-border)}.hierarchy-column__add-button,.hierarchy-column__header-checkbox{flex-shrink:0}.hierarchy-column__header-title{display:flex;align-items:center;gap:var(--spacer-2);font-weight:500;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hierarchy-column__items{flex:1;display:flex;flex-direction:column;overflow-y:auto;margin:0 var(--spacer-2);gap:var(--spacer-1)}.hierarchy-column__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacer-3)}.hierarchy-column__load-more{padding:var(--spacer-1) var(--spacer-2) var(--spacer-1) var(--spacer-2-5)}}@layer payload-default{.hierarchy-column-browser{display:flex;flex:1;overflow-x:auto}.hierarchy-column-browser__column-wrapper{flex-shrink:0}.hierarchy-column-browser__column-wrapper--loading{padding:var(--spacer-3)}}@layer payload-default{.dialog.hierarchy-drawer{width:min(900px,calc(100vw - var(--spacer-6)));height:min(700px,calc(100vh - var(--spacer-6)));max-width:calc(100vw - var(--spacer-6))}.hierarchy-drawer__content{display:flex;flex-direction:column;height:100%;background:var(--color-bg);border-radius:var(--radius-large);overflow:clip;.drawer-action-header{padding:var(--spacer-2) var(--spacer-3)}}.hierarchy-drawer__subheader{display:flex;justify-content:space-between;align-items:center;padding:var(--spacer-2) var(--spacer-2-5);border-bottom:1px solid var(--color-border);flex-shrink:0}.hierarchy-drawer__subheader-left{display:flex;align-items:center;gap:var(--spacer-2);font-weight:500;color:var(--color-text);svg{width:var(--spacer-3);height:var(--spacer-3)}}.hierarchy-drawer__subheader-right{display:flex;align-items:center;gap:var(--spacer-2)}.hierarchy-drawer__selection-info{color:var(--color-text-secondary)}.hierarchy-drawer__clear-all{color:var(--color-text-secondary);text-decoration:underline;cursor:pointer;background:none;border:none;padding:0;font-size:inherit;&:hover{color:var(--color-text)}}.hierarchy-drawer__move-to-root{background:none;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:inherit;padding:0;text-decoration:underline;&:hover{color:var(--color-text)}}.hierarchy-drawer__columns{flex:1;overflow:hidden;display:flex}.hierarchy-drawer__toggler{cursor:pointer}}@layer payload-default{.hierarchy-cell{display:flex;align-items:center}.hierarchy-cell__pill{cursor:pointer;display:inline-flex;align-items:center;gap:var(--spacer-2);&:hover{background-color:var(--color-bg-hover)}}}@layer payload-default{.bool-cell{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap;background:var(--color-bg-tertiary);color:var(--color-text)}}@layer payload-default{.file{display:flex;flex-wrap:nowrap}.file__thumbnail{display:inline-block;max-width:var(--spacer-6);height:var(--spacer-6);border-radius:var(--radius-small)}.file__filename{align-self:center;[dir=ltr] &{margin-left:calc(var(--spacer-4) - var(--spacer-1))}[dir=rtl] &{margin-right:calc(var(--spacer-4) - var(--spacer-1))}}}@layer payload-default{.thumbnail:not(.thumbnail--size-none){min-height:100%;flex-shrink:0;align-self:stretch;overflow:hidden}.thumbnail:not(.thumbnail--size-none) img,.thumbnail:not(.thumbnail--size-none) svg{width:100%;height:100%;object-fit:cover}.thumbnail--size-expand{max-height:100%;width:100%;padding-top:100%;position:relative}.thumbnail--size-expand img,.thumbnail--size-expand svg{position:absolute;top:0}.thumbnail--size-large{max-height:180px;width:180px}.thumbnail--size-medium{max-height:140px;width:140px}.thumbnail--size-small{max-height:100px;width:100px}@media(max-width:1440px){.thumbnail .thumbnail{width:100px}}}@layer payload-default{.json-cell{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);border:0;display:inline-flex;vertical-align:middle;background:var(--color-bg-tertiary);color:var(--color-text);border-radius:var(--radius-medium);padding:0 var(--spacer-1);max-width:99.9%;[dir=ltr] &{padding-left:var(--spacer-2)}[dir=rtl] &{padding-right:var(--spacer-2)}span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}}@layer payload-default{.status-cell{display:inline-flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap}.status-cell--published{background:var(--color-bg-selected);color:var(--color-text-brand)}.status-cell--draft{background:var(--color-bg-tertiary);color:var(--color-text)}.status-cell--changed{background:var(--color-bg-warning-tertiary);color:var(--color-text-warning)}.status-cell--previously-published{background:var(--color-bg-tertiary);color:var(--color-text)}}@layer payload-default{.default-cell__first-cell{border:0;background-color:transparent;padding:0;cursor:pointer;text-decoration:underline;text-align:left;white-space:nowrap;height:100%}}@layer payload-default{.drawer-link{display:flex;align-items:center;gap:var(--spacer-1)}.drawer-link__doc-drawer-toggler{display:flex;align-items:center;justify-content:center;border:none;background:none;padding:0;margin-top:calc(-1 * var(--spacer-1));margin-bottom:calc(-1 * var(--spacer-1));cursor:pointer;color:var(--color-text);font-size:inherit;line-height:inherit;border-radius:var(--radius-small);&:hover{background-color:var(--color-bg-transparent-hover)}&:active{background-color:var(--color-bg-transparent-pressed)}}}@layer payload-default{.relationship-table-pagination{display:flex;justify-content:space-between;align-items:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text-secondary)}.relationship-table-pagination__nav{display:flex;gap:var(--spacer-3);align-items:center}.relationship-table-pagination__button{background:none;border:none;padding:0;font:inherit;color:var(--color-text-secondary);cursor:pointer;&:hover:not(:disabled){color:var(--color-text)}&:disabled{cursor:not-allowed}}.relationship-table-pagination__count{white-space:nowrap}}@layer payload-default{.relationship-table{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2)}.relationship-table__header{display:flex;justify-content:space-between;align-items:center}.relationship-table__actions{display:flex;align-items:center;gap:var(--spacer-2)}.relationship-table__toggle-columns .btn__icon{color:var(--color-icon-secondary)}.relationship-table__toggle-columns:hover .btn__icon{color:var(--color-text)}.relationship-table__add-new-polymorphic-wrapper{display:inline-flex}.relationship-table__add-new-polymorphic .btn__label{display:flex;text-wrap:nowrap;align-items:center}.relationship-table .table{margin-bottom:0;background:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);overflow:hidden;table{width:100%;overflow:auto}&:not(.table--appearance-condensed) table{[class^=cell]>p,[class^=cell]>span,[class^=cell]>a{line-clamp:4;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box;max-width:100vw}}th,td:first-child{min-width:0}}.field-type.error .relationship-table .table{border-color:var(--color-border-danger-strong)}}@layer payload-default{.field-type.join{--join-header-letter-spacing: -.032px;display:flex;flex-direction:column;gap:var(--spacer-2)}.field-type.join .join__header-wrapper{display:flex;align-items:center;gap:var(--spacer-2)}.field-type.join .relationship-table__header h4{margin:0;font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--join-header-letter-spacing);color:var(--color-text)}}@layer payload-default{.json-field{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);&.error{.code-editor{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}&:focus-within{border-color:var(--field-color-border-focus)}}.monaco-editor-background,.margin{background-color:var(--color-bg-danger-tertiary)}}}}@layer payload-default{.input-stepper{display:flex;flex-direction:column;gap:0;align-self:center;min-width:var(--spacer-4);justify-content:center;align-items:center;button{display:flex;justify-content:center;align-items:center;width:1rem;height:.5rem;padding:0;margin:0;border:none;background:transparent;color:var(--color-icon-secondary);cursor:pointer;transition:color .1s;&:hover:not(:disabled){color:var(--color-icon)}&:disabled{cursor:not-allowed;opacity:.5}}}}@layer payload-default{.field-type.number{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}input{appearance:textfield;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}}&.error .form-input-group:not(:focus-within){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}&.read-only .input-stepper{display:none}}}@layer payload-default{.field-type.point{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);input{appearance:textfield;-moz-appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;-webkit-appearance:none;margin:0}}.point__wrap{display:flex;gap:var(--spacer-3);width:100%;margin:0;list-style:none;padding:0;li{display:flex;flex-direction:column;gap:var(--spacer-2);flex:1 0 0;min-width:0}}&.error .form-input-group:not(:focus-within){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}&.read-only .input-stepper{display:none}}}@layer payload-default{.radio-group{display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}.tooltip:not([aria-hidden=true]){right:auto;position:static;margin-bottom:.2em;max-width:fit-content}ul{list-style:none;padding:0;margin:0}&.error{.radio-input__styled-radio{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}.radio-group--layout-horizontal{ul{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--spacer-2-5)}}.radio-group--layout-vertical{ul{display:flex;flex-direction:column;gap:var(--spacer-2)}}.radio-group--read-only{.radio-input{cursor:default}.radio-input__label{color:var(--field-color-text-readonly)}.radio-input__styled-radio{border-color:var(--field-color-toggle-border-disabled);&:before{background-color:var(--field-color-toggle-border-disabled)}}.radio-input:not(.radio-input--is-selected){&:hover{.radio-input__styled-radio{&:before{opacity:0}}}}}}@layer payload-default{.radio-input{display:flex;align-items:center;gap:var(--spacer-2);cursor:pointer;position:relative;input[type=radio]{opacity:0;margin:0;position:absolute;width:1rem;height:1rem}input[type=radio]:focus-visible+.radio-input__styled-radio{border:var(--accessibility-outline)}}.radio-input__styled-radio{border:var(--stroke-width-small) solid var(--field-color-toggle-border);background-color:transparent;width:1rem;height:1rem;position:relative;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);flex-shrink:0;box-sizing:border-box;&:before{content:"";display:block;border-radius:var(--radius-full);background-color:var(--field-color-toggle-border);width:.5rem;height:.5rem;opacity:0}}.radio-input__styled-radio--disabled{border-color:var(--field-color-toggle-border-disabled);&:before{background-color:var(--field-color-toggle-border-disabled)}}.radio-input__label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);color:var(--color-text)}.radio-input--is-selected{.radio-input__styled-radio{&:before{opacity:1}}}.radio-input:not(.radio-input--is-selected){&:hover{.radio-input__styled-radio{&:before{opacity:.25}}}}}@layer payload-default{.relationship-add-new{display:flex;align-items:stretch;.popup__trigger-wrap{display:flex;align-items:stretch;height:100%}}.relationship-add-new__add-button{display:flex;position:relative;align-items:center;justify-content:center;padding-inline:var(--spacer-1);height:var(--field-min-height);margin:0;background:var(--color-bg-secondary);border:none;border-radius:var(--button-radius);color:var(--color-icon);cursor:pointer;transition:background-color .1s;&:hover{background:var(--color-bg-secondary-hover)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}.relationship-add-new__add-button--unstyled{background:transparent;border:none;padding:0;width:auto;height:auto}}@layer payload-default{.field-type.relationship{position:relative;.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}}.relationship__wrap{display:flex;gap:var(--spacer-1);width:100%;div.react-select{flex:1;min-width:0}}.relationship__input-wrap{position:relative;flex:1;min-width:0}.relationship__error-loading{border:var(--stroke-width-small) solid var(--field-color-border-error);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);background-color:var(--field-color-error-bg);color:var(--field-color-error-text)}.relationship.error>.relationship__wrap .rs__control{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}@layer payload-default{.relationship--multi-value-label{display:flex;padding-inline-start:var(--spacer-2);gap:var(--spacer-1)}.relationship--multi-value-label__content{line-height:1.375rem;max-width:150px;color:currentColor;display:flex;align-items:center}.relationship--multi-value-label__text{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.relationship--multi-value-label__drawer-toggler{border:none;background-color:transparent;padding:0;cursor:pointer;position:relative;display:flex;align-items:center;justify-content:center;margin-left:var(--spacer-1);pointer-events:all;border-radius:var(--radius-small);border:var(--stroke-width-small) solid transparent;&:hover{background-color:var(--color-bg-transparent-hover)}&:focus-visible{outline:none;border:var(--accessibility-outline);border-width:1px}}}@layer payload-default{.relationship--single-value.rs__single-value{overflow:visible;min-width:0}.relationship--single-value__label-text{max-width:unset;display:flex;align-items:center;overflow:visible;width:100%;flex-shrink:1}.relationship--single-value__text{overflow:hidden;text-overflow:ellipsis}.relationship--single-value__drawer-toggler{border:none;background-color:transparent;padding:0;cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;margin-left:var(--spacer-1);pointer-events:all;border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-small);&:focus-visible{outline:none;border:var(--accessibility-outline)}&:hover{background-color:var(--color-bg-transparent-hover)}}.relationship--single-value__label{flex-grow:1}}@layer payload-default{.field-type.row{--row-gap: var(--spacer-3);.row__fields{--spacing-field: 0;display:flex;flex-wrap:wrap;row-gap:var(--row-gap);>*{flex:0 1 var(--field-width);min-width:0;display:flex;flex-direction:column;justify-content:flex-start}&:has(>*:nth-child(2)){margin-inline:calc(var(--row-gap) / -2);>*{flex:0 1 calc(var(--field-width) - var(--row-gap));margin-inline:calc(var(--row-gap) / 2)}}}@media(max-width:1024px){.row__fields{flex-direction:column;margin-left:0;margin-right:0;width:100%;>*{margin-left:0;margin-right:0;width:100%!important;padding-left:0;padding-right:0}}}}}@layer payload-default{.field-type.select{position:relative}.field-type.select.error .rs__control{border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}@layer payload-default{.tabs__tabs-wrap{overflow-x:auto;overflow-y:hidden;margin-bottom:var(--spacer-2);position:relative;padding-bottom:2px}.tabs__tabs{display:inline-flex;min-width:100%;vertical-align:bottom;position:relative;z-index:1;box-shadow:inset 0 -1px var(--color-border)}.tabs__tab-button{appearance:none;background:none;border:none;display:flex;align-items:center;justify-content:center;gap:var(--spacer-1);padding:var(--spacer-1) var(--spacer-2);margin:0;margin-bottom:var(--spacer-2);cursor:pointer;position:relative;white-space:nowrap;flex-shrink:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing);color:var(--color-text-secondary)}.tabs__tab-button:after{content:"";position:absolute;left:var(--spacer-2);right:var(--spacer-2);bottom:calc(-1 * var(--spacer-2) - 1px);height:3px;background:var(--color-icon-brand);border-radius:var(--radius-full);opacity:0;z-index:1}.tabs__tab-button:hover:after{background:var(--color-bg-tertiary);opacity:1}.tabs__tab-button:focus-visible{outline-offset:-1px}.tabs__tab-button--hidden{display:none}.tabs__tab-button--active{font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text)}.tabs__tab-button--active:after{background:var(--color-icon-brand);opacity:1}.tabs__tab-button--active:hover:after{background:var(--color-icon-brand)}.tabs__tab-button--has-error{color:var(--color-text-danger)}.tabs__tab-button--has-error:after{background:var(--field-color-border-error);opacity:1}.tabs__tab-button--has-error:hover:after{background:var(--field-color-border-error)}@media(max-width:768px){.tabs__tab-button{padding-bottom:var(--spacer-2)}}}@layer payload-default{.icon--warning{color:var(--color-bg-warning)}}@layer payload-default{.field-errors{list-style:circle}}@layer payload-default{.tabs-field{margin-top:var(--spacer-6);margin-left:calc(var(--gutter-h) * -1);margin-right:calc(var(--gutter-h) * -1)}.tabs-field--hidden{display:none}.tabs-field__content-wrap{padding-left:var(--gutter-h);padding-right:var(--gutter-h)}.tabs-field--within-collapsible{margin:0 calc(var(--spacer-3) * -1);.tabs-field__content-wrap{padding-left:var(--spacer-3);padding-right:var(--spacer-3)}.tabs-field__tabs{&:before,&:after{content:" ";display:block;width:var(--spacer-2)}}}.tabs-field__tabs-wrap{overflow-x:auto;overflow-y:hidden;margin-bottom:var(--spacer-2);position:relative;padding-bottom:2px}.tabs-field__tabs{display:inline-flex;min-width:100%;vertical-align:bottom;position:relative;z-index:1;box-shadow:inset 0 -1px var(--color-border);&:before,&:after{content:" ";display:block;width:calc(var(--gutter-h) - var(--spacer-2));flex-shrink:0}}.tabs-field__tab--hidden{display:none}.tabs-field__description{margin-bottom:var(--spacer-4)}@media(max-width:768px){.tabs-field--within-collapsible{margin-left:calc(var(--gutter-h) * -1);margin-right:calc(var(--gutter-h) * -1)}}}@layer payload-default{.field-type.text{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default{.field-type.textarea{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);flex-grow:1;.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}textarea{overflow-y:auto;resize:vertical;min-height:calc(var(--field-min-height) * 2);height:auto;display:flex;field-sizing:content;padding:var(--field-padding-inline);&:hover:not(:focus):not(:disabled):not(:read-only){border-color:var(--field-color-border-hover)}}&.error{textarea{border-color:var(--field-color-border-error);&:hover:not(:focus):not(:disabled){border-color:var(--field-color-border-error)}}}}}@layer payload-default{.dropzone{position:relative;display:flex;align-items:flex-start;background:transparent;border:var(--stroke-width-small) dashed var(--special-border-translucent);border-radius:var(--field-border-radius);overflow:clip;width:100%;.btn{margin:0}&:hover{background:var(--color-bg-hover)}&.dragging{border-color:var(--color-border-selected);background:var(--color-bg-brand-tertiary);*{pointer-events:none}}&:focus-within,&.focused{border-color:var(--color-border-selected);background:var(--color-bg-brand-tertiary);outline:none}&.dropzone--has-error{border-color:var(--color-border-danger-strong)}@media(max-width:768px){display:block;text-align:center}&.dropzone--style-none{all:unset}}}@layer payload-default{.bulk-upload--drawer-header{display:flex;align-items:center;gap:var(--spacer-2);padding:var(--spacer-2-5);border-bottom:1px solid var(--color-border);.btn{padding:0;border:0}h2{margin:0;flex:1}}}@layer payload-default{.bulk-upload--add-files{height:100%;display:flex;flex-direction:column}.bulk-upload--add-files__dropArea{height:100%;padding:var(--spacer-2-5);.dropzone{height:100%;align-items:center;flex-direction:column;justify-content:center;display:flex;gap:var(--spacer-4);background-color:var(--color-bg-secondary);p{margin:0}}}.bulk-upload--add-files__dragAndDropText{margin:0;text-transform:lowercase;align-self:center}}@layer payload-default{.field-select{display:flex;flex-direction:column;gap:var(--spacer-2);margin-bottom:var(--spacer-3)}}@layer payload-default{.edit-many-bulk-uploads__form{display:flex;flex-direction:column;min-height:100%;flex-grow:1}.edit-many-bulk-uploads__header{display:flex;align-items:center;gap:var(--spacer-1);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:2}.edit-many-bulk-uploads__header__close{margin:0;padding:0;border:0}.edit-many-bulk-uploads__header__title{margin:0;flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.edit-many-bulk-uploads__header__actions{display:flex;gap:var(--spacer-2);align-items:center;.btn{margin:0}}.edit-many-bulk-uploads__body{flex-grow:1;display:flex;flex-direction:column}.edit-many-bulk-uploads__select-fields{padding:var(--spacer-4);border-bottom:var(--stroke-width-small) solid var(--color-border);.field-select{margin-bottom:0}}.edit-many-bulk-uploads__edit{padding:var(--spacer-4);flex-grow:1}}@layer payload-default{.field-type{display:flex;flex-direction:column;gap:var(--spacer-2);flex-grow:1}.field-type__wrap{position:relative}.render-fields{>.field-type{margin-bottom:var(--spacing-field);position:relative;&[type=hidden]{margin-bottom:0}&:first-child{margin-top:0}&:last-of-type{margin-bottom:0}&.blocks-field,&.array-field,&.collapsible-field,&.rich-text{margin-top:calc(var(--spacing-field) * 2);margin-bottom:calc(var(--spacing-field) * 2);&:first-child{margin-top:0}&:last-child{margin-bottom:0}}&.group-field{margin-top:calc(var(--spacing-field) * 2);margin-bottom:calc(var(--spacing-field) * 3);&:first-child{margin-top:0}&:last-child{margin-bottom:0}}}}}@layer payload-default{.bulk-upload--actions-bar{display:flex;padding-inline:var(--gutter-h);align-items:center;border-bottom:1px solid var(--color-border);position:sticky;z-index:1;top:0;background-color:var(--color-bg);height:var(--doc-controls-height);gap:var(--spacer-2-5)}.bulk-upload--actions-bar__multipleFiles{display:flex;gap:var(--spacer-2-5)}.bulk-upload--actions-bar__navigation{display:flex;gap:var(--spacer-2);align-items:center;width:100%}.bulk-upload--actions-bar__locationText{font-variant-numeric:tabular-nums;margin:0}.bulk-upload--actions-bar__controls{display:flex;gap:var(--spacer-2);.btn{padding:0}}.bulk-upload--actions-bar__buttons{display:flex;gap:var(--spacer-4);margin-left:auto;white-space:nowrap}@media(max-width:1024px){.bulk-upload--actions-bar__navigation{justify-content:space-between}.bulk-upload--actions-bar__saveButtons{display:none}}}@layer payload-default{.gutter--left{padding-left:var(--gutter-h)}.gutter--right{padding-right:var(--gutter-h)}.gutter--negative-left{margin-left:calc(-1 * var(--gutter-h))}.gutter--negative-right{margin-right:calc(-1 * var(--gutter-h))}}@layer payload-default;@layer payload-default{.trash-banner{margin-bottom:var(--spacer-3)}}@layer payload-default{.document-fields{width:100%;display:flex;--doc-sidebar-width: 325px}.document-fields--has-sidebar{--main-width: 66.66%;--main-border: var(--stroke-width-small) solid var(--color-border);--main-field-margin: calc(var(--gutter-h) * -1)}.document-fields--has-sidebar:has(.document-fields__sidebar-wrap .document-fields__sidebar-fields>.render-fields:empty){--main-width: 100%;--main-border: none;--main-field-margin: initial}.document-fields--has-sidebar .document-fields__main{width:var(--main-width)}.document-fields--has-sidebar .document-fields__edit{padding-left:var(--gutter-h);padding-right:var(--gutter-h)}[dir=ltr] .document-fields--has-sidebar .document-fields__edit{top:0;right:0;border-right:var(--main-border)}[dir=rtl] .document-fields--has-sidebar .document-fields__edit{top:0;left:0;border-left:var(--main-border)}.document-fields--has-sidebar .document-fields__fields>.tabs-field{margin-right:var(--main-field-margin)}.document-fields--has-sidebar .document-fields__fields>.group-field:before{right:calc(var(--gutter-h) * -1)}.document-fields__main{width:100%;display:flex;flex-direction:column;min-height:100%;flex-grow:1}.document-fields__edit{padding-top:var(--spacer-4);padding-bottom:var(--spacing-view-bottom);flex-grow:1}.document-fields__sidebar-wrap{position:var(--sidebar-wrap-position, sticky);top:var(--sidebar-wrap-top, var(--doc-controls-height));width:var(--sidebar-wrap-width, 33.33%);height:var(--sidebar-wrap-height, calc(100vh - var(--doc-controls-height)));min-width:var(--sidebar-wrap-min-width, var(--doc-sidebar-width));flex-shrink:var(--sidebar-wrap-flex-shrink, 0)}.document-fields__sidebar-wrap:has(.document-fields__sidebar-fields>.render-fields:empty){--sidebar-wrap-width: 0;--sidebar-wrap-min-width: 0;--sidebar-wrap-position: initial;--sidebar-wrap-top: initial;--sidebar-wrap-height: initial;--sidebar-wrap-flex-shrink: initial}.document-fields__sidebar{width:100%;height:100%;overflow-y:auto;display:flex;flex-direction:column;min-height:100%}.document-fields__sidebar-fields{display:flex;flex-direction:column;gap:var(--spacer-3);padding-top:var(--spacer-4);padding-left:var(--gutter-h);padding-right:var(--gutter-h);padding-bottom:var(--spacing-view-bottom)}.document-fields__label{color:var(--color-text-tertiary)}.document-fields--force-sidebar-wrap{display:block;isolation:isolate;--main-border: none}.document-fields--force-sidebar-wrap .document-fields__main{width:100%;min-height:initial}.document-fields--force-sidebar-wrap .document-fields__sidebar-wrap{position:static;width:100%;height:initial;border-left:0}.document-fields--force-sidebar-wrap .document-fields__sidebar{padding-bottom:calc(var(--spacer-5) * 2);overflow:visible}.document-fields--force-sidebar-wrap .document-fields__sidebar-fields{padding-top:0;padding-bottom:0}@media(max-width:1024px){.document-fields{display:block}.document-fields--has-sidebar .document-fields__main{width:100%}[dir=ltr] .document-fields--has-sidebar .document-fields__edit{border-right:0}[dir=rtl] .document-fields--has-sidebar .document-fields__edit{border-left:0}.document-fields--has-sidebar .document-fields__fields>.tabs-field{margin-right:calc(var(--gutter-h) * -1)}.document-fields__main{width:100%;min-height:initial}.document-fields__sidebar-wrap{position:static;width:100%;height:initial;border-left:0}.document-fields__form{display:block}.document-fields__sidebar-fields{padding-top:0;padding-bottom:0;gap:var(--spacer-2)}.document-fields__sidebar{padding-bottom:calc(var(--spacer-5) * 2);overflow:visible}}@media(max-width:768px){.document-fields__sidebar-wrap{min-width:initial;width:100%}.document-fields__edit{padding-top:var(--spacer-2)}}@container drawer (max-width: 768px){.document-fields--has-sidebar .document-fields__main{width:100%}[dir=ltr] .document-fields--has-sidebar .document-fields__edit{border-right:0}[dir=rtl] .document-fields--has-sidebar .document-fields__edit{border-left:0}.document-fields--has-sidebar .document-fields__fields>.tabs-field{margin-right:calc(var(--gutter-h) * -1)}.document-fields{display:block}.document-fields__main{width:100%;min-height:initial}.document-fields__sidebar-wrap{position:static;width:100%;height:initial;min-width:initial;border-left:0}.document-fields__form{display:block}.document-fields__sidebar-fields{padding-top:0;padding-bottom:0;gap:var(--spacer-2)}.document-fields__sidebar{padding-bottom:calc(var(--spacer-5) * 2);overflow:visible}}@container drawer (min-width: 768px){.document-fields--has-sidebar .document-fields__sidebar-wrap{min-width:320px}}.drawer .document-fields__edit{padding:var(--gutter-h)}}@layer payload-default{.edit-upload{--edit-upload-cell-spacing: var(--spacer-4);--edit-upload-sidebar-width: calc(350px + var(--gutter-h));height:100%;display:flex;flex-direction:column}.edit-upload__header{border-bottom:1px solid var(--color-border);padding:var(--spacer-2-5);display:flex;justify-content:space-between;align-items:center}.edit-upload__header h2{margin:0;text-wrap:nowrap;overflow:hidden;text-overflow:ellipsis}[dir=rtl] .edit-upload__actions{margin-right:auto;margin-left:unset}.edit-upload__actions{min-width:350px;margin-left:auto;padding:var(--spacer-2) 0 var(--spacer-2) var(--spacer-4);justify-content:flex-end;display:flex;gap:var(--spacer-3);text-wrap:nowrap}.edit-upload__toolWrap{display:flex;justify-content:flex-end;flex:1;min-height:0}.edit-upload .ReactCrop__selection-addon,.edit-upload__crop-window{height:100%;width:100%}.edit-upload__focal-wrapper{position:relative;display:inline-flex;max-height:100%}.edit-upload__draggable-container{position:absolute;inset:0;pointer-events:none}.edit-upload__draggable-container--dragging{pointer-events:all}.edit-upload__draggable-container--dragging .edit-upload__focalPoint{cursor:grabbing}.edit-upload__draggable{position:absolute}.edit-upload__focalPoint{position:absolute;top:50%;left:50%;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:grab;width:50px;height:50px;transform:translate3d(-50%,-50%,0);pointer-events:all}.edit-upload__focalPoint svg{position:absolute;inset:0;background:#00000080;border-radius:100%;width:var(--spacer-6);height:var(--spacer-6);color:#fff}.edit-upload__crop,.edit-upload__focalOnly{padding:var(--spacer-4) var(--spacer-4) var(--spacer-4) 0;width:100%;display:flex;justify-content:center}.edit-upload__crop{padding:var(--edit-upload-cell-spacing);padding-left:var(--gutter-h);display:flex;align-items:flex-start;height:100%}.edit-upload__imageWrap{position:relative}.edit-upload__point{cursor:move;position:absolute;background:#00000080;border-radius:100%}.edit-upload__point svg{width:var(--spacer-6);height:var(--spacer-6)}.edit-upload__sidebar{border-left:1px solid var(--color-border);padding-top:var(--edit-upload-cell-spacing);min-width:var(--edit-upload-sidebar-width)}.edit-upload__sidebar>div:first-child{margin-bottom:var(--spacer-3)}.edit-upload__groupWrap{display:flex;flex-direction:column;gap:var(--spacer-2);padding-right:var(--gutter-h);padding-left:var(--edit-upload-cell-spacing);width:100%}.edit-upload__groupWrap+.edit-upload__groupWrap{padding-top:var(--edit-upload-cell-spacing);margin-top:var(--edit-upload-cell-spacing);border-top:1px solid var(--color-border)}.edit-upload__inputsWrap,.edit-upload__titleWrap{display:flex;gap:var(--spacer-3)}.edit-upload__titleWrap{justify-content:space-between;align-items:center}.edit-upload__titleWrap h3{margin:0}.edit-upload__reset{height:fit-content;border-radius:var(--radius-small);background-color:var(--color-bg-secondary);padding:0 var(--spacer-2)}.edit-upload__input{flex:1}@media(max-width:1024px){.edit-upload{--edit-upload-cell-spacing: var(--gutter-h)}.edit-upload__sidebar{padding-left:0;border-left:0;width:100%}.edit-upload__toolWrap{flex-direction:column-reverse}}@media(max-width:768px){.edit-upload{flex-direction:column}.edit-upload__focalPoint{border-right:none;padding:var(--spacer-3) 0}.edit-upload__inputsWrap{flex-direction:column;gap:var(--spacer-3)}.edit-upload__sidebar{min-width:0}}}@layer payload-default{.file-field{position:relative;margin-bottom:var(--spacer-3);background:var(--color-bg-secondary);border-radius:var(--radius-small)}.file-field__upload{display:flex}.file-field .tooltip.error-message{z-index:3;bottom:calc(100% - var(--spacer-2))}.file-field__file-selected{display:flex}.file-field__thumbnail-wrap{position:relative;width:150px;.thumbnail{position:relative;width:100%;height:100%;object-fit:contain;border-radius:var(--radius-small) 0 0 var(--radius-small)}}.file-field__remove{margin:var(--spacer-4) var(--spacer-3) var(--spacer-3) 0;place-self:flex-start}.file-field__file-adjustments,.file-field__remote-file-wrap{padding:var(--spacer-3);width:100%;display:flex;flex-direction:column;gap:var(--spacer-2)}.file-field__filename,.file-field__remote-file{font-family:var(--font-body);width:100%;border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-small);background:var(--color-bg-primary);color:var(--color-text);font-size:1rem;height:var(--spacer-6);line-height:var(--spacer-3);padding:var(--spacer-1) var(--spacer-2-5);-webkit-appearance:none;&[data-rtl=true]{direction:rtl}&::-webkit-input-placeholder{color:var(--color-text-tertiary);font-weight:400;font-size:1rem}&:hover{border-color:var(--color-border-hover)}&:focus{border-color:var(--color-border-selected);outline:none}}.file-field__upload-actions,.file-field__add-file-wrap{display:flex;gap:var(--spacer-2);flex-wrap:wrap}.file-field__upload-actions{margin-top:var(--spacer-2)}.file-field__previewDrawer{h2{margin:0 var(--spacer-3) 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - var(--spacer-6))}}.file-field .dropzone{background-color:transparent;padding:var(--spacer-2-5)}.file-field__dropzoneContent{display:flex;flex-wrap:wrap;gap:var(--spacer-1);justify-content:space-between;width:100%}.file-field__dropzoneButtons{display:flex;gap:var(--spacer-2);align-items:center}.file-field__orText{color:var(--color-text-tertiary);text-transform:lowercase}.file-field__dragAndDropText{flex-shrink:0;margin:0;text-transform:lowercase;align-self:center;color:var(--color-text-tertiary)}@media(max-width:768px){.file-field__upload{flex-wrap:wrap;justify-content:space-between}.file-field__remove{margin:var(--spacer-3);order:2}.file-field__file-adjustments{order:3;border-top:2px solid var(--color-bg-primary);padding:var(--spacer-2);gap:0}.file-field__thumbnail-wrap{order:1;width:50%;.thumbnail{width:100%}}.file-field__edit{display:none}}}@layer payload-default{.file-details-draggable{display:flex;gap:var(--spacer-2);align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-small);padding:var(--spacer-2-5)}.file-details-draggable--drag-wrapper{display:flex;gap:var(--spacer-2);align-items:center}.file-details-draggable__thumbnail{max-width:var(--spacer-4)}.file-details-draggable__actions{flex-grow:2;display:flex;gap:var(--spacer-2);align-items:center;justify-content:flex-end}.file-details-draggable__remove.btn--style-icon-label{margin:0}}@layer payload-default{.copy-to-clipboard{position:relative;cursor:pointer;vertical-align:middle;border:0;background:transparent;border-radius:var(--button-radius);color:var(--color-icon);outline:var(--stroke-width-medium) solid transparent;outline-offset:calc(var(--stroke-width-medium) * -1);&:hover{background:var(--color-bg-secondary)}&:active{background:var(--color-bg-secondary-pressed)}&:focus-visible{outline-color:var(--color-border-selected)}}}@layer payload-default{.file-meta__url{display:flex;gap:8px}.file-meta__url a{font-weight:600;text-decoration:none}.file-meta__url a:hover,.file-meta__url a:focus-visible{text-decoration:underline}.file-meta__size-type,.file-meta__url a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-meta__edit{position:relative}}@layer payload-default{.file-details{background:var(--theme-elevation-50);border:var(--stroke-width-small) solid var(--theme-border-color);border-radius:var(--style-radius-m);box-shadow:0 2px 2px -1px #0000001a}.file-details:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.file-details header{display:flex;flex-direction:row;flex-wrap:wrap;position:relative}.file-details__remove{position:absolute;margin:0;top:1.5384615385rem;right:1.5384615385rem}.file-details__remove .btn__icon{border:var(--stroke-width-small) solid var(--theme-border-color);background:var(--theme-input-bg);box-shadow:0 2px 2px -1px #0000001a;transition:border .1s cubic-bezier(0,.2,.2,1)}.file-details__remove .btn__icon:not(:disabled):hover{box-shadow:0 2px 2px -1px #0003}.file-details__remove .btn__icon:hover{border:var(--stroke-width-small) solid var(--theme-elevation-400)}.file-details__main-detail{padding:var(--base) calc(var(--base) * 1.2);width:auto;flex-grow:1;min-width:280px;max-width:100%;display:flex;flex-direction:column;justify-content:space-between;align-self:stretch;gap:calc(var(--base) * .2)}.file-details__toggle-more-info{font-weight:600;text-decoration:none}.file-details__toggle-more-info:hover,.file-details__toggle-more-info:focus-visible{text-decoration:underline}.file-details__toggle-icon{padding:calc(var(--base) / 4)}.file-details__sizes{margin:0;padding:calc(var(--base) * 1.5) 1.5384615385rem 0;list-style:none;display:flex;flex-wrap:wrap}.file-details__sizes li{width:50%;padding:0 calc(var(--base) * .5);margin-bottom:1.5384615385rem}.file-details__size-label{color:var(--theme-elevation-400)}.file-details__file-mutation{display:flex;margin-top:calc(var(--base) * .25);gap:calc(var(--base) / 2)}.file-details__edit{cursor:pointer;background-color:var(--theme-elevation-150);border:none;border-radius:4px;padding:calc(var(--base) * .25) calc(var(--base) * .5)}.file-details__edit:hover{background-color:var(--theme-elevation-100)}@media(max-width:1440px){.file-details__main-detail{padding:1.5384615385rem}.file-details__sizes{display:block;padding:1.5384615385rem 1.5384615385rem calc(var(--base) * .5)}.file-details__sizes li{padding:0;width:100%}}@media(max-width:1024px){.file-details header{flex-wrap:wrap}.file-details .thumbnail{width:50%;order:1}.file-details__remove{order:2}.file-details__main-detail{order:3;width:100%}}}@layer payload-default{.preview-sizes{margin:40px calc(var(--gutter-h) * -1) 0 calc(var(--gutter-h) * -1);border-top:1px solid var(--theme-elevation-150);max-height:calc(100vh - 120px);height:100%;display:flex;flex-direction:row}.preview-sizes__imageWrap{min-width:60%;border-right:1px solid var(--theme-elevation-150)}.preview-sizes__preview{max-height:calc(100% - 120px);padding:30px 30px 30px var(--gutter-h);object-fit:contain}.preview-sizes__meta{border-bottom:1px solid var(--theme-elevation-150);padding:20px var(--gutter-h);display:flex;flex-wrap:wrap;column-gap:20px}.preview-sizes__meta .file-meta{display:flex;flex-wrap:wrap;column-gap:20px;text-wrap:wrap;width:100%}.preview-sizes__meta .file-meta__url{width:100%}.preview-sizes__sizeName,.preview-sizes .file-meta__size-type{color:var(--theme-elevation-600)}.preview-sizes__listWrap{padding-right:var(--gutter-h);overflow-y:scroll}.preview-sizes__listWrap::-webkit-scrollbar{width:0}.preview-sizes__listWrap:after{content:"";display:block;position:sticky;bottom:0;left:0;height:80px;width:100%;background:linear-gradient(180deg,transparent 0,var(--theme-bg) 100%);pointer-events:none}.preview-sizes__list{list-style:none;display:flex;flex-direction:column;gap:10px;margin:0;padding:30px 0 30px 30px}.preview-sizes__sizeOption{padding:10px;display:flex;gap:20px;cursor:pointer;transition:background-color .2s ease-in-out}.preview-sizes__sizeOption:hover,.preview-sizes--selected{background-color:var(--theme-elevation-100)}.preview-sizes__image{display:flex;width:30%;min-width:30%;align-items:center;justify-content:center}.preview-sizes__sizeMeta{padding:10px 0}.preview-sizes__sizeName,.preview-sizes__sizeMeta{overflow:hidden;text-overflow:ellipsis}@media(max-width:1024px){.preview-sizes{margin-top:20px;max-height:calc(100vh - 80px)}}@media(max-width:768px){.preview-sizes{margin-top:0;max-height:calc(100vh - 70px);flex-direction:column;justify-content:space-between}.preview-sizes__imageWrap{height:60%;border:none}.preview-sizes__list,.preview-sizes__preview{padding:calc(var(--gutter-h) * 2) var(--gutter-h)}.preview-sizes__preview{max-height:calc(100% - 80px)}.preview-sizes__sizeOption{padding:5px}.preview-sizes__listWrap{border-top:1px solid var(--theme-elevation-150);height:40%}}}@layer payload-default{.collection-edit{width:100%}.collection-edit__form{height:auto}}@layer payload-default{.file-selections{--file-gutter-h: var(--spacer-2);border-right:1px solid var(--color-border);padding:0;display:flex;flex-direction:column;width:250px;overflow:visible;max-height:100dvh}.file-selections__header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--color-bg);flex-wrap:wrap;p{margin:0}}.file-selections__header--hasErrors{padding-top:var(--spacer-2)}.file-selections__collectionSelect{width:100%;.react-select{width:100%}.field-type__wrap{width:100%;padding-block:var(--spacer-4);padding-inline:var(--file-gutter-h)}}.file-selections__headerTopRow{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-4);width:100%;padding-block:var(--spacer-2-5);padding-inline:var(--file-gutter-h)}.file-selections__header__error{padding-inline:var(--file-gutter-h);.error-pill{align-self:flex-start}}.file-selections__selectedCount{margin:0}.file-selections__filesContainer{display:flex;flex-direction:column;gap:var(--spacer-2);margin-top:var(--spacer-2-5);width:100%;padding-inline:var(--file-gutter-h);.shimmer-effect{border-radius:var(--radius-medium)}}.file-selections__fileRowContainer{--rowPadding: var(--spacer-2);position:relative;&:last-child{margin-bottom:var(--spacer-2)}}.file-selections__fileRow{display:flex;padding:var(--rowPadding);align-items:center;gap:var(--spacer-2-5);border-radius:var(--radius-medium);max-width:100%;cursor:pointer;width:100%;&:hover{background-color:var(--color-bg-hover)}.file-selections__thumbnail,.file-selections__thumbnail-shimmer{width:var(--spacer-4);height:var(--spacer-4);border-radius:var(--radius-small);flex-shrink:0;object-fit:cover}p{margin:0}}.file-selections__fileRowContainer:has(.file-selections__remove--overlay:hover) .file-selections__fileRow{background-color:var(--color-bg-hover)}.file-selections__fileDetails{display:flex;flex-direction:column;min-width:0}.file-selections__fileRowContainer--active{.file-selections__fileRow{background-color:var(--color-bg-hover)}.file-selections__remove{.icon--x{opacity:1}}}.file-selections__errorCount{margin-left:auto;position:absolute;transform:translate(50%,-50%);top:0;right:0}.file-selections__fileName{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-selections__fileSize{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height);color:var(--color-text-tertiary);flex-shrink:0}.file-selections__remove{margin:0 0 0 auto;.icon--x{opacity:.75}}.file-selections__remove--underlay{pointer-events:none;opacity:0}.file-selections__remove--overlay{position:absolute;transform:translateY(-50%);top:50%;bottom:50%;right:var(--rowPadding);height:20px;border-radius:var(--radius-medium);cursor:pointer;&:hover{background-color:var(--color-bg-tertiary);.icon--x{opacity:1}}}.file-selections__header__actions{display:flex;align-items:center;gap:var(--spacer-2)}.file-selections__toggler{display:none;margin:0;padding-block:0}.file-selections__header__mobileDocActions{display:none}.file-selections__animateWrapper{overflow:auto}.file-selections__mobileBlur{position:fixed;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .1s cubic-bezier(0,.2,.2,1);&:before,&:after{content:" ";position:absolute;inset:0}&:before{background:var(--color-bg);opacity:.75}&:after{backdrop-filter:blur(8px)}}.file-selections__showingFiles{.file-selections__mobileBlur{opacity:1}}@media(max-width:1024px){.file-selections{--file-gutter-h: var(--gutter-h);flex-direction:column-reverse;width:100%;position:sticky;bottom:0;flex-shrink:0}.file-selections__showingFiles{z-index:2}.file-selections__filesContainer{&:before,&:after{content:" ";position:absolute;inset:0}&:before{background:var(--color-bg);opacity:.75}&:after{backdrop-filter:blur(8px)}}.file-selections__fileRowContainer{z-index:1}.file-selections__header{margin-top:0;border-top:1px solid var(--color-border);gap:var(--spacer-2-5);padding-block:var(--spacer-2-5);padding-inline:var(--file-gutter-h)}.file-selections__header__error{padding-inline:0}.file-selections__headerTopRow{padding-block:0;padding-inline:0;flex:1;width:auto}.file-selections__selectedCount{display:none}.file-selections__header__actions{display:flex;justify-content:flex-end;padding-block:0}.file-selections__header__mobileDocActions{position:relative;display:flex;justify-content:flex-end;margin-inline-start:auto;padding-block:0;>div{display:flex;justify-content:flex-end;button{flex:0 0 auto}}}.file-selections__toggler{margin:0;padding-inline-end:0;display:flex;justify-content:flex-end;flex-grow:1;.btn__content{width:100%;justify-content:space-between}}}}@layer payload-default{.bulk-upload--file-manager{display:flex;height:100%;width:100%;overflow:hidden}.bulk-upload--file-manager__editView{flex-grow:1;height:100%;max-height:100%;overflow:auto}@media(max-width:1024px){.bulk-upload--file-manager{flex-direction:column-reverse}.bulk-upload--file-manager__editView{flex-grow:1}}}@layer payload-default{.upload-relationship-details{display:flex;align-items:center;gap:var(--spacer-2-5);width:100%;min-width:0;overflow:hidden;.btn{margin:0}}.upload-relationship-details__imageAndDetails{display:flex;gap:var(--spacer-2-5);align-items:center;min-width:0;flex:1 1 0}.upload-relationship-details__thumbnail{flex-shrink:0;border-radius:var(--radius-medium);width:var(--spacer-4)}.upload-relationship-details__details{display:flex;flex-direction:column;gap:var(--spacer-1);overflow:hidden;flex:1 1 0;min-width:0}.upload-relationship-details__filename{margin:0;color:var(--text-default);white-space:nowrap;text-overflow:ellipsis;overflow:hidden;a{text-decoration:none;color:inherit;&:focus-visible{outline-offset:-1px}}}.upload-relationship-details__meta{margin:0;color:var(--color-text-secondary);text-wrap:nowrap;text-overflow:ellipsis;overflow:hidden}.upload-relationship-details__actions{flex-shrink:0;display:flex;align-items:center;gap:var(--spacer-1);.btn:focus-visible{outline-offset:-3px}}}@layer payload-default{.upload-field-card{background:var(--field-color-upload-bg);border:var(--stroke-width-small) solid var(--field-color-upload-border);border-radius:var(--radius-medium);display:flex;align-items:center;gap:var(--spacer-1);width:100%}.upload-field-card--readOnly{background:var(--field-color-bg-readonly);border:var(--stroke-width-small) solid var(--field-color-border-readonly)}.upload-field-card--size-medium{padding:var(--spacer-2);.thumbnail{width:var(--spacer-6);height:var(--spacer-6)}}.upload-field-card--size-small{padding:var(--spacer-2) var(--spacer-2) var(--spacer-2) var(--spacer-1);.thumbnail{width:var(--spacer-4);height:var(--spacer-4)}}}@layer payload-default{.upload--has-many{position:relative;max-width:100%}.upload--has-many__drag{cursor:grab}.upload--has-many__drag[aria-disabled=true]:hover{cursor:default}.upload--has-many__draggable-rows{display:flex;flex-direction:column;gap:var(--spacer-2)}.upload--has-many__dragItem{.icon--drag-handle{color:var(--color-text-tertiary)}}}@layer payload-default{.upload__dropzoneAndUpload{display:flex;flex-direction:column;gap:var(--spacer-2)}.upload__dropzoneContent{display:flex;align-items:center;justify-content:space-between;padding:var(--spacer-2-5);gap:var(--spacer-2);width:100%}.upload__dropzoneContent__buttons{display:flex;align-items:center;gap:var(--spacer-2)}.upload__dropzoneContent__orText{color:var(--color-text-secondary);text-transform:lowercase}.upload__dragAndDropText{flex-shrink:0;margin:0;text-transform:lowercase;color:var(--color-text-secondary)}.upload__loadingRows{display:flex;flex-direction:column;gap:var(--spacer-2)}.upload .shimmer-effect{border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border)}@media(max-width:768px){.upload__dragAndDropText{display:none}}}@layer payload-default{.upload{position:relative;max-width:100%}}@layer payload-default{.array-field{display:flex;flex-direction:column;gap:var(--spacer-2)}.array-field__header{display:flex;flex-direction:column;gap:var(--spacer-1)}.array-field__header-wrap{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--spacer-2)}.array-field__header-content{display:flex;align-items:center;gap:var(--spacer-2)}.array-field__header-actions{list-style:none;margin:0;padding:0;display:flex;align-items:center;flex-shrink:0;color:var(--color-text);gap:var(--spacer-1);>li:last-child .array-field__header-action{padding:0}@media(max-width:768px){>li:not(:last-child){display:none}}}.array-field__header-action{cursor:pointer;padding:var(--spacer-1) var(--spacer-2);border-radius:var(--radius-medium);&:hover,&:focus-visible{background:var(--color-bg-transparent-hover)}&:active{background:var(--color-bg-transparent-pressed)}}.array-field__row-header{display:flex;align-items:center;gap:var(--spacer-2);pointer-events:none}.array-field__draggable-rows{display:flex;flex-direction:column;gap:var(--spacer-2)}.array-field__title{margin-bottom:0}.array-field__add-row.btn{align-self:flex-start;margin:0}.array-field__row--is-dragging{opacity:.5}}@layer payload-default{.icon--eye{flex-shrink:0}}@layer payload-default{.field-type.confirm-password{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}.confirm-password__input-wrap{position:relative;display:flex;align-items:center}.confirm-password__toggle-button{position:absolute;right:calc(var(--spacer-2) - 5px);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);color:var(--color-icon-secondary);cursor:pointer;&:hover{color:var(--color-icon-secondary-hover)}&:disabled{color:var(--color-icon-disabled);cursor:not-allowed}}&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default{.field-type.password{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2);.field-type__wrap{display:flex;flex-direction:column;gap:var(--spacer-2)}.password__input-wrap{position:relative;display:flex;align-items:center}.password__toggle-button{position:absolute;right:calc(var(--spacer-2) - 5px);display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-small);color:var(--color-icon-secondary);cursor:pointer;&:hover{color:var(--color-icon-secondary-hover)}&:disabled{color:var(--color-icon-disabled);cursor:not-allowed}}&.error input:not(:focus){border-color:var(--field-color-border-error);&:hover{border-color:var(--field-color-border-error)}}}}@layer payload-default;@layer payload-default{.sort-header{margin:0;padding:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--color-icon-tertiary);border-radius:var(--button-radius);&:hover{color:var(--color-icon)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);color:var(--color-icon)}}.sort-header--active{color:var(--color-icon)}}@layer payload-default{.sort-row{display:inline-flex;align-items:center;justify-content:center;color:var(--color-icon-secondary);cursor:not-allowed;border-radius:var(--button-radius);&.active{cursor:grab;&:hover{color:var(--color-icon)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);color:var(--color-icon)}}}}@layer payload-default{.table{overflow:auto;max-width:100%;isolation:isolate;table{min-width:100%}thead{color:var(--color-text-secondary);th{font-weight:400;text-align:left;vertical-align:middle;height:calc(var(--spacer-4) * 2)}}th,td{vertical-align:middle;padding:var(--spacer-2) var(--spacer-2-5);min-width:150px;position:relative;z-index:1;height:calc(var(--spacer-4) * 2);&:first-child{padding-inline-start:var(--gutter-h);padding-inline-end:var(--spacer-2)}&:last-child{padding-inline-end:var(--spacer-2)}}.drawer & th:first-child,.drawer & td:first-child{padding-inline-start:var(--spacer-3)}.drawer & th:last-child,.drawer & td:last-child{padding-inline-end:var(--spacer-3)}td.cell--linked{padding:0;&:first-child,&:last-child{padding:0}>:is(a,button){display:flex;align-items:center;width:100%;padding:var(--spacer-2) var(--spacer-2-5);min-height:calc(var(--spacer-4) * 2);cursor:pointer}&:first-child>:is(a,button){padding-inline-start:var(--gutter-h)}}.drawer & td.cell--linked:first-child>:is(a,button){padding-inline-start:var(--spacer-3)}#heading-_select,.cell-_select{width:var(--spacer-5);min-width:var(--spacer-5);padding-inline-end:var(--spacer-2);padding-block:var(--spacer-2);text-align:center}#heading-_dragHandle{display:flex;align-items:center;justify-content:center}#heading-_dragHandle,.cell-_dragHandle{width:var(--spacer-4);min-width:var(--spacer-4);padding:var(--spacer-2) 0;text-align:center;vertical-align:middle}tbody tr{position:relative;border-top:var(--stroke-width-small) solid var(--color-border);&:hover{background:var(--color-bg-secondary)}&:focus-within{outline:none;background:var(--color-bg-secondary)}&:has(.select-row input:checked){background:var(--color-bg-selected)}}a:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset);border-radius:var(--radius-small)}}[dir=rtl] .table thead th{text-align:right}.table--appearance-condensed{border-radius:var(--radius-medium);table{border-collapse:collapse}thead{background:var(--color-bg-secondary);th{height:var(--spacer-5)}th:first-child{border-top-left-radius:var(--radius-medium)}th:last-child{border-top-right-radius:var(--radius-medium)}}tbody tr{background:var(--color-bg);&:last-child{td:first-child{border-bottom-left-radius:var(--radius-medium)}td:last-child{border-bottom-right-radius:var(--radius-medium)}}}th,td{padding:0 var(--spacer-2-5);min-width:120px;height:var(--spacer-5);line-height:var(--text-body-medium-line-height);vertical-align:middle;border-right:var(--stroke-width-small) solid var(--color-border);&:last-child{border-right:none}&:first-child{padding-inline-start:var(--spacer-2-5)}>span,>a{display:flex;align-items:center;height:100%}}td.cell--linked{padding:0;&:first-child,&:last-child{padding:0}>:is(a,button){display:flex;align-items:center;width:100%;padding:0 var(--spacer-2-5);min-height:var(--spacer-5);cursor:pointer}&:first-child>:is(a,button){padding-inline-start:var(--spacer-2-5)}}tbody td{border-top:var(--stroke-width-small) solid var(--color-border)}th{border-bottom:var(--stroke-width-small) solid var(--color-border)}}.table--drag-preview{cursor:grabbing;z-index:var(--z-popup)}@media(max-width:1024px){.table{th,td{max-width:70vw}}}}@layer payload-default{.query-preset-columns-cell{display:flex;flex-wrap:wrap;gap:var(--spacer-1)}}@layer payload-default{.query-preset-columns-field,.query-preset-group-by-field,.query-preset-where-field{.field-label{margin-bottom:var(--spacer-2)}}.query-preset-columns-field__hint,.query-preset-group-by-field__hint,.query-preset-where-field__hint{margin:0;color:var(--color-text-secondary)}.query-preset-where-field .where-builder{padding:0;border-bottom:none}}@layer payload-default{.condition-value-relationship__error-loading{border:var(--stroke-width-small) solid var(--color-border-danger);min-height:var(--spacer-6);padding:var(--spacer-2) var(--spacer-3);background-color:var(--color-bg-danger);color:var(--color-text)}}@layer payload-default{.condition{display:contents;.btn{vertical-align:middle;margin:0}}.condition__wrap,.condition__inputs{display:contents}.condition__join-label{display:block;color:var(--color-text)}.condition__join .rs__control{min-height:var(--spacer-4);padding-block:0;padding-inline:calc(var(--spacer-1) * 1.5) var(--spacer-4);text-transform:lowercase}.condition__join-menu{text-transform:lowercase}.condition__join .rs__indicators{inset-block:0;min-height:0;align-items:center}.condition__inputs>div{min-width:0}.condition__field .field-label{padding-bottom:0}.condition__actions{display:flex;gap:var(--spacer-2)}@media(max-width:768px){.condition{display:block}.condition__wrap{margin-top:var(--spacer-3);display:grid;grid-template-columns:1fr auto;grid-template-areas:"join actions" "field field" "operator operator" "value value";gap:var(--spacer-2);align-items:start}.condition__inputs{display:contents}.condition__join{grid-area:join}.condition__join .rs__control{min-width:calc(var(--spacer-4) * 3)}.condition__field{grid-area:field}.condition__operator{grid-area:operator}.condition__value{grid-area:value}.condition__inputs>div{flex-basis:auto;width:100%}.condition__actions{grid-area:actions;align-self:center}}}@layer payload-default{.where-builder{display:flex;flex-direction:column;gap:var(--spacer-2);padding-block:var(--spacer-3);padding-inline:var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border);.btn{margin:0;align-self:flex-start}}.where-builder__label{margin:0;color:var(--color-text)}.where-builder__add-or.btn{color:var(--color-text-secondary);.icon--circle-plus{width:var(--spacer-4);height:var(--spacer-4)}}.where-builder__or-filters{margin:0;padding:0;display:grid;grid-template-columns:minmax(calc(var(--spacer-4) * 2),max-content) 1fr 1fr 1fr auto;column-gap:var(--spacer-2);row-gap:var(--spacer-2);align-items:center}.where-builder__and-filters{display:contents}.where-builder__add-or-row{grid-column:2 / -1}@media(max-width:768px){.where-builder__or-filters{display:flex;flex-direction:column;gap:var(--spacer-2)}.where-builder__and-filters{display:revert;width:100%}.where-builder__add-or-row{grid-column:revert;align-self:flex-start}}@media(max-width:768px){.where-builder{padding-top:var(--spacer-2)}}}@layer payload-default{.group-by-control__popup .popup__scroll-container{padding:0}.group-by-control__header{display:flex;align-items:center;justify-content:space-between;height:var(--spacer-6);padding-left:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-large) var(--radius-large) 0 0}.group-by-control__title{align-self:stretch;align-items:center;display:flex;flex:1;padding:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text)}.group-by-control__header-actions{display:flex;gap:var(--spacer-1);padding:var(--spacer-2)}.group-by-control__body{padding:var(--spacer-2) 0}.group-by-control__row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--spacer-2);align-items:center;padding:var(--spacer-1) var(--spacer-3)}.group-by-control__label{display:flex;align-items:center;height:var(--spacer-4);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-by-control__input,.group-by-control__select-popup{width:100%}.group-by-control__select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:var(--spacer-4);padding:0 var(--spacer-1) 0 var(--spacer-2);background:var(--color-bg);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--button-radius);cursor:pointer;color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}.group-by-control__select-trigger:hover:not(.group-by-control__select-trigger--disabled){border-color:var(--color-border-hover)}.group-by-control__select-trigger--disabled{opacity:.5;cursor:not-allowed}.group-by-control__select-trigger svg{flex-shrink:0;color:var(--color-text-secondary)}.group-by-control__select-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}@layer payload-default{.query-preset-heading{margin:var(--spacer-4) 0 var(--spacer-2-5);color:var(--color-text);font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height)}.field-type.row.query-preset-controls-row{margin-top:var(--spacer-4);.row__fields{align-items:center;column-gap:var(--spacer-2);flex-wrap:nowrap;&:has(>*:nth-child(2)){margin-inline:0;>*{flex:0 0 auto;margin-inline:0;max-width:fit-content}}@media(max-width:1024px){flex-direction:row}}.row__fields:has(>*:nth-child(2))>.query-preset-heading{margin-block:0;margin-inline-end:auto}}.query-preset-access-group.group-field--top-level:before{display:none}}@layer payload-default{.document-locked__updated-at{margin-top:var(--spacer-2)}}@layer payload-default{.table-section{display:flex;flex-direction:column}.table-section__header-inner{display:flex;align-items:center;min-height:calc(var(--spacer-6) + var(--spacer-2));padding:0 var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border)}.table-section__heading{margin:0;flex-grow:1;font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.table-section__header .list-selection__actions button{margin:0}.table-section__content{padding-bottom:var(--spacer-2)}.table-section__divider{display:none;height:var(--spacer-2);background:var(--color-bg-secondary);border-top:var(--stroke-width-small) solid var(--color-border);border-bottom:var(--stroke-width-small) solid var(--color-border)}.table-section+.table-section>.table-section__divider{display:block}@media(max-width:768px){.table-section__header{padding:0 calc(var(--spacer-3) - var(--spacer-2))}.table-section__content{padding:0 calc(var(--spacer-3) - var(--spacer-2));padding-bottom:var(--spacer-2)}.table-section__footer{padding:var(--spacer-2) var(--spacer-3)}}}@layer payload-default{.icon--language{flex-shrink:0}}@layer payload-default;@layer payload-default{.localizer{position:relative;display:flex;align-items:center;flex-wrap:nowrap}.localizer__button-content{display:flex;align-items:center}.localizer .btn__content{gap:0}.localizer .btn:not(.btn--selected) .btn__icon{color:var(--color-icon-secondary)}}@layer payload-default{.nav-toggler{position:relative;display:flex;align-items:center;background:transparent;padding:0;margin:0;border:0;cursor:pointer}}@layer payload-default{.step-nav{display:flex;align-items:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text);&:after{content:" ";position:sticky;top:0;right:0;width:var(--spacer-3);background:linear-gradient(to right,transparent,var(--color-bg))}a{display:flex;align-items:center;text-decoration:none;border-radius:var(--button-radius);label{cursor:pointer}}span{max-width:calc(var(--spacer-6) * 4);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;&:has(.dashboard-breadcrumb-dropdown,.dashboard-breadcrumb-dropdown__editing){max-width:none;overflow:visible;white-space:normal}}}.step-nav__separator{color:var(--color-text-tertiary);width:var(--spacer-2);display:flex;align-items:center;justify-content:center}.step-nav__last{color:var(--color-text-secondary)}.step-nav__item:not(.btn),.step-nav__item:has(.btn){margin-left:var(--spacer-2)}.step-nav__item:has(.btn){margin-left:0}}@layer payload-default{.graphic-account{vector-effect:non-scaling-stroke;overflow:visible;position:relative}.graphic-account__bg{fill:var(--color-bg-secondary);stroke:var(--color-border);stroke-width:var(--stroke-width-small)}.graphic-account__head,.graphic-account__body{fill:var(--color-icon-secondary)}.graphic-account--active .graphic-account__bg{fill:var(--color-bg-selected);stroke:var(--color-border-selected)}.graphic-account--active .graphic-account__head,.graphic-account--active .graphic-account__body{fill:var(--color-icon-selected)}.graphic-account:hover:not(.graphic-account--active) .graphic-account__bg{fill:var(--color-bg-hover);stroke:var(--color-border-strong)}.graphic-account:hover:not(.graphic-account--active) .graphic-account__head,.graphic-account:hover:not(.graphic-account--active) .graphic-account__body{fill:var(--color-icon)}}@layer payload-default;@layer payload-default;@layer payload-default{.icon--variable-color{flex-shrink:0}}.user-menu{display:inline-flex;align-items:center}.user-menu__trigger{display:flex;align-items:center;background:none;border:none;cursor:pointer;padding:0}.user-menu__trigger--active{opacity:.8}.user-menu__profile{display:flex;flex-direction:column;align-items:center;padding:var(--spacer-3) var(--spacer-2);gap:var(--spacer-2);text-decoration:none;color:inherit;&:hover{text-decoration:none}}.user-menu__avatar{width:var(--spacer-6);height:var(--spacer-6);border-radius:50%;overflow:hidden;flex-shrink:0;img{width:100%;height:100%;object-fit:cover}}.user-menu__name,.user-menu__identifier{font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing);margin:0;text-align:center}.user-menu__name+.user-menu__identifier{color:var(--color-text-secondary)}.user-menu__submenu-header-wrap{padding:0 var(--spacer-2)}.user-menu__submenu-header-row{display:flex;align-items:center;gap:var(--spacer-1)}.user-menu__submenu-title{margin:0;color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-letter-spacing)}@layer payload-default{.app-header{position:relative;width:100%;z-index:var(--z-modal)}.app-header__mobile-nav-toggler{display:none}.app-header__localizer.localizer{flex-shrink:0}.app-header__content{display:flex;align-items:center;padding:var(--spacer-2-5) var(--gutter-h);gap:var(--spacer-2-5);position:relative;flex-grow:1}.app-header__wrapper{display:flex;gap:var(--spacer-2);align-items:center;flex-grow:1;justify-content:space-between;width:100%}.app-header__account{position:relative;flex-shrink:0;&:focus:not(:focus-visible){opacity:1}&:focus-visible{outline:none;&:after{content:"";outline:none;border:var(--accessibility-outline);border-radius:var(--button-radius);position:absolute;inset:0;pointer-events:none}}}.app-header__step-nav-wrapper{display:flex;margin-right:auto;margin-left:calc(-1 * var(--spacer-1));flex-grow:0;gap:var(--spacer-1);width:100%}.app-header__controls-wrapper{display:flex;align-items:center;gap:var(--spacer-2);flex:1;min-width:0}.app-header__sidebar-toggle{display:flex;align-items:center;justify-content:center;flex-shrink:0;background:transparent;border:var(--stroke-width-small) solid transparent;border-radius:var(--button-radius);cursor:pointer;color:var(--color-icon);transition:background-color .15s ease,border-color .15s ease;&:hover{background-color:var(--color-bg-transparent-hover)}&:focus-visible{outline:none;border-color:var(--color-border-selected)}}.app-header__actions-wrapper{position:relative;display:flex;align-items:center;gap:var(--spacer-2-5)}.app-header__gradient-placeholder{position:absolute;top:0;right:0;width:var(--spacer-3);height:var(--spacer-3);background:linear-gradient(to right,transparent,var(--color-bg))}.app-header__actions{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0;max-width:600px;white-space:nowrap;&::-webkit-scrollbar{display:none}}.app-header__last-action{margin-right:var(--spacer-3)}@media(max-width:1440px){.app-header__actions{max-width:500px}}@media(max-width:1024px){.app-header__gradient-placeholder{right:var(--spacer-3)}.app-header__actions{max-width:300px}}@media(max-width:768px){.app-header__content{padding:var(--spacer-2-5)}.app-header__controls-wrapper{flex-wrap:wrap}.app-header__step-nav-wrapper{width:unset}.app-header--nav-open .app-header__localizer{display:none}.app-header__mobile-nav-toggler{display:flex;align-items:center}.app-header__mobile-nav-toggler.nav-toggler--is-open{opacity:.5}.app-header__gradient-placeholder{right:0}.app-header__actions{max-width:150px;margin-right:0}}}@layer payload-default{.drawer-content-container{padding:var(--spacer-2-5);display:flex;flex-direction:column;overflow:auto}}@layer payload-default;@layer payload-default{.api-key-input{display:flex;align-items:center;gap:var(--spacer-1);width:100%}.api-key-input__control{display:flex;align-items:center;flex-grow:1;gap:var(--spacer-2);min-width:0;min-height:var(--spacer-5);padding:0 var(--spacer-2);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium)}.api-key-input__icon{flex-shrink:0;width:var(--spacer-4);height:var(--spacer-4);color:var(--color-icon-secondary)}.api-key-input__field{flex-grow:1;min-width:0;padding:0;border:none;background:transparent;outline:none;color:var(--color-text);font-family:var(--font-family-mono);font-size:var(--text-body-large-font-size);line-height:var(--text-body-large-line-height)}.api-key-input__field:focus,.api-key-input__field:focus-visible{outline:none;box-shadow:none}.api-key-input__field[type=password]{font-family:var(--font-family-sans);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-strong-font-weight);letter-spacing:.025rem}.api-key-input__toggle{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;appearance:none;width:var(--spacer-4);height:var(--spacer-4);padding:0;background:none;border:none;cursor:pointer;color:var(--color-icon-secondary)}.api-key-input__toggle:hover{color:var(--color-icon)}.api-key-input .copy-to-clipboard{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:var(--spacer-5);min-height:var(--spacer-5);padding:0;color:var(--color-icon-secondary);background:var(--color-bg-secondary);border:var(--stroke-width-small) solid transparent;border-radius:var(--radius-medium)}.api-key-input .copy-to-clipboard:hover{color:var(--color-icon);background:var(--color-bg-hover)}}@layer payload-default{.chip{position:relative;display:inline-flex;align-items:center;gap:0;border-radius:var(--button-radius);border:var(--stroke-width-small) solid var(--color-border);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);background-color:var(--color-bg);user-select:none;&:has(.chip__action:focus-visible){outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}.chip--variant-default{background-color:var(--color-bg);border-color:var(--color-border);&:has(.chip__action:hover){background-color:var(--color-bg-hover)}&:has(.chip__action:active){background-color:var(--color-bg-pressed)}}.chip--variant-warning{background-color:var(--color-bg-warning-tertiary);border-color:var(--color-border-warning);&:has(.chip__action:hover){background-color:var(--color-bg-warning-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-warning-pressed)}}.chip--variant-success{background-color:var(--color-bg-success-tertiary);border-color:var(--color-border-success);&:has(.chip__action:hover){background-color:var(--color-bg-success-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-success-pressed)}}.chip--variant-danger{background-color:var(--color-bg-danger-tertiary);border-color:var(--color-border-danger);&:has(.chip__action:hover){background-color:var(--color-bg-danger-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-danger-tertiary-pressed)}}.chip--selected{background-color:var(--color-bg-brand-tertiary);border-color:var(--color-border-brand);&:has(.chip__action:hover){background-color:var(--color-bg-brand-tertiary-hover)}&:has(.chip__action:active){background-color:var(--color-bg-brand-pressed)}}.chip--is-dragging{cursor:grabbing;z-index:10}.chip__action{position:absolute;inset:0;padding:0;border:none;background:transparent;cursor:pointer;border-radius:inherit;&:focus-visible{outline:none}}.chip--size-medium{height:var(--spacer-4);padding:0 var(--spacer-2);&:has(.chip__remove){padding-inline-end:0}&:has(.chip__icon){padding-inline-start:0}}.chip--size-large{height:var(--spacer-5);padding:0 var(--spacer-3);&:has(.chip__remove){padding-inline-end:0}&:has(.chip__icon){padding-inline-start:0}}.chip__icon{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;pointer-events:none}.chip__label{position:relative;z-index:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none}.chip__remove{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;border:none;background:transparent;color:inherit;cursor:pointer;border-radius:var(--radius-small);&:hover{background-color:var(--bg-transparent-hover)}&:active{background-color:var(--bg-transparent-pressed)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:var(--accessibility-outline-offset)}}}@layer payload-default{.pill-selector{display:flex;flex-wrap:wrap;background:var(--color-bg-secondary);padding:var(--spacer-4);gap:var(--spacer-2-5)}.pill-selector__draggable-item{cursor:grab;&:active{cursor:grabbing}}.pill-selector__draggable-item--is-dragging{cursor:grabbing;z-index:1}.pill-selector .pill__icon{padding:0}@media(max-width:768px){.pill-selector{padding:var(--spacer-2-5)}}}@layer payload-default{.card{background:var(--color-bg-secondary);padding:var(--spacer-2-5) var(--spacer-3);width:100%;min-height:4rem;position:relative;border-radius:var(--radius-medium);border:var(--stroke-width-small) solid var(--color-border);display:flex;align-items:stretch;gap:var(--spacer-2)}.card__title{letter-spacing:var(--text-body-medium-letter-spacing);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card__actions{position:absolute;top:var(--spacer-2);right:var(--spacer-2);z-index:2;display:inline-flex}.card--has-onclick{cursor:pointer;&:hover{background:var(--color-bg-secondary-hover)}&:has(.card__click:active){background:var(--color-bg-secondary-pressed)}}.card .card__click{z-index:1;inset:0;position:absolute;margin:0;height:auto;width:auto;border-radius:inherit;&:hover,&:active,&:hover:not(.btn--disabled),&:active:not(.btn--disabled){background-color:transparent}&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:0}}}@layer payload-default{.icon--filter{flex-shrink:0}.icon--filter__badge{fill:var(--color-icon-danger)}}@layer payload-default{.hierarchy-search{display:flex;flex-direction:column;width:100%}.hierarchy-search__controls{display:flex;gap:var(--spacer-2);.search-input{flex:1}}.hierarchy-search__filter{flex-shrink:0}.hierarchy-search__filter:hover:not(.btn--selected){background:var(--color-bg-tertiary)}.hierarchy-search-results{display:flex;flex-direction:column;overflow-y:auto;max-height:calc(100vh - 200px);margin-top:var(--spacer-2)}.hierarchy-search-results__list{display:flex;flex-direction:column;gap:var(--spacer-1)}.hierarchy-search-results__empty{color:var(--color-text-secondary);padding:var(--spacer-1) 0}.hierarchy-search-results__load-more{margin-top:var(--spacer-1);padding-left:calc(var(--spacer-1) + 1px);padding-right:var(--nav-padding-inline-end);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;&:hover{color:var(--color-text)}&:disabled{cursor:not-allowed;opacity:.5}}.hierarchy-search-result-item{display:flex;flex-direction:column;cursor:pointer;padding-block:var(--spacer-1);padding-inline-start:calc(var(--nav-padding-inline-start) * .5);padding-inline-end:calc(var(--nav-padding-inline-end) * .5);border-radius:var(--radius-medium);gap:var(--spacer-1);background:transparent;border:var(--stroke-width-small) solid transparent;&:hover{background-color:var(--color-bg-transparent-hover)}&:active{background-color:var(--color-bg-transparent-pressed)}&:hover .hierarchy-search-result-item__title{color:var(--color-text)}&:hover .hierarchy-search-result-item__path{color:var(--color-text-secondary)}&:focus-visible{outline:none;border-color:var(--accessibility-focus-color)}}.hierarchy-search-result-item__title{color:var(--color-text);line-height:1}.hierarchy-search-result-item__path{color:var(--color-text-tertiary);line-height:1}}.tree__load-more.load-more-row{padding-top:0;padding-left:calc((var(--tree-depth, 0) * var(--tree-indent)) + (var(--spacer-1) * var(--tree-depth)) + var(--spacer-2-5) - 2px);height:var(--tree-node-content-height);position:relative;margin-block:var(--spacer-1) var(--spacer-2)}.tree__load-more-button{color:var(--color-text);cursor:pointer;text-decoration:underline}.tree__load-more-button:hover{color:var(--color-text-secondary)}.tree__load-more-button:active{color:var(--color-text)}@layer payload-default{.tree-node{border-radius:var(--button-radius);.tree-node{margin-left:0;margin-right:0}}.tree-node__content{padding:var(--tree-node-padding-y) var(--spacer-2);padding-left:calc((var(--tree-depth, 0) * var(--tree-indent)) + (var(--spacer-1) * var(--tree-depth)) + var(--spacer-1));transition:background-color .1s ease;font-size:var(--tree-font-size);line-height:var(--tree-node-content-height);margin-bottom:var(--tree-row-gap)}.tree-node__toggle{background:none;border:none;padding:0;margin:0;display:flex;align-items:center;justify-content:center;cursor:default;color:var(--color-icon-tertiary);width:var(--tree-chevron-width);height:var(--tree-chevron-width);flex-shrink:0;border-radius:var(--button-radius);&:hover{color:var(--color-icon)}}.tree-node__toggle-spacer{width:calc(var(--tree-chevron-width) + var(--tree-chevron-spacing));flex-shrink:0}.tree-node__title{padding-left:var(--spacer-1)}.tree-node__loading{margin-left:auto;display:inline-flex;align-items:center}}@layer payload-default{.sidebar-row-wrapper{padding-block:var(--spacer-1);width:calc(100% + var(--spacer-1));margin-inline-start:calc(-1 * var(--spacer-1));&:first-child{padding-block-start:0}&:last-child{padding-block-end:0}}.sidebar-row{display:flex;align-items:center;gap:var(--spacer-1);border-radius:var(--button-radius);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);padding-block:var(--spacer-1);padding-inline:var(--spacer-2);position:relative;user-select:none;cursor:pointer;text-decoration:none;color:inherit;&:hover{background:var(--color-bg-secondary);text-decoration:none}}.sidebar-row--selected{font-weight:var(--text-body-medium-strong-font-weight);background:var(--color-bg-selected);&:hover{background:var(--color-bg-selected)}}.sidebar-row__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--color-icon-secondary)}.sidebar-row__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text)}.sidebar-row--selected>.sidebar-row__title{color:var(--color-text)}}@layer payload-default{.hierarchy-sidebar-tab{display:flex;flex-direction:column;gap:var(--spacer-2)}.tree{--tree-indent: var(--spacer-3);--tree-chevron-width: var(--spacer-3);--tree-chevron-spacing: var(--spacer-2);--tree-node-padding-y: var(--spacer-1);--tree-node-content-height: var(--text-body-medium-line-height);--tree-row-gap: var(--spacer-1);--tree-font-size: var(--text-body-medium-font-size);padding:0;margin:0}.tree__all-option-wrapper{display:grid;gap:var(--spacer-1);grid-template-columns:1fr auto;align-items:center;margin-bottom:var(--spacer-2);.tree__create-button{padding:0;&:hover{color:var(--color-icon)}}}.tree__all-option{gap:var(--spacer-1);padding-left:var(--spacer-2);.sidebar-row__title{font-weight:var(--text-body-medium-strong-font-weight)}}.tree__loading{display:flex;align-items:center;justify-content:center;padding:var(--spacer-3);min-height:calc(var(--spacer-6) * 2.5)}.tree__empty{padding:var(--spacer-2-5) var(--spacer-3);color:var(--color-text-tertiary);font-size:var(--tree-font-size)}}@layer payload-default{.copy-locale-data__sub-header{padding:var(--spacer-2-5);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--stroke-width-small) solid var(--color-border)}.copy-locale-data__content{padding:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-2-5);>*{display:flex;flex-direction:column;gap:var(--spacer-1)}}}@layer payload-default{.list-selection{display:flex;margin-left:auto;color:var(--color-text-secondary);gap:var(--spacer-1);align-items:center}.list-selection__count{margin-right:var(--spacer-2)}.list-selection__actions{display:flex;gap:var(--spacer-1)}.list-selection__button,.list-selection__button.btn{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer payload-default{.autosave{color:var(--color-text-secondary);white-space:nowrap}}@layer payload-default{.select-locales-drawer__sub-header{padding:var(--spacer-2-5);display:flex;justify-content:space-between;align-items:center;border-bottom:var(--stroke-width-small) solid var(--color-border)}.select-locales-drawer__content{padding:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-3)}.select-locales-drawer__item{display:flex;flex-direction:row;gap:var(--spacer-2)}}@layer payload-default{.live-preview-toggler--active{background-color:var(--color-bg-secondary);&:hover{background-color:var(--color-bg-hover)}}}@layer payload-default;@layer payload-default{.locked{position:relative;display:inline-flex;align-items:center;justify-content:center;pointer-events:all;color:var(--color-icon);border:0;background:transparent;border-radius:var(--radius-medium);cursor:default;outline:var(--stroke-width-medium) solid transparent;outline-offset:calc(var(--stroke-width-medium) * -1);&:hover{background:var(--color-bg-secondary)}&:active{background:var(--color-bg-secondary-pressed)}&:focus-visible{outline-color:var(--color-border-selected)}.locked__tooltip{left:0;transform:translate3d(0,calc(var(--caret-height) + var(--caret-offset) - 1px),0)}}}@layer payload-default{.publish-button__label--full{display:inline}.publish-button__label--short{display:none}@media(max-width:1024px){.publish-button__label--full{display:none}.publish-button__label--short{display:inline}}}@layer payload-default{.schedule-publish__scheduler{display:flex;flex-direction:column;padding:var(--spacer-2-5);gap:var(--spacer-2-5);border-bottom:var(--stroke-width-small) solid var(--color-border)}.schedule-publish__section{display:flex;flex-direction:column;gap:var(--spacer-2)}.schedule-publish__type{list-style:none;margin:0;padding:0;display:flex;gap:var(--spacer-2-5)}.schedule-publish__upcoming{padding:var(--spacer-2-5);display:flex;flex-direction:column;gap:var(--spacer-2-5)}.schedule-publish__delete{margin:0;padding:0}}@layer payload-default{.status{display:flex;font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text);white-space:nowrap}.status__value-wrap{display:flex;flex-direction:row;align-items:center;white-space:nowrap}.status__action{text-decoration:underline}}@layer payload-default{.doc-controls{position:sticky;width:100%;top:0;display:flex;justify-content:space-between;z-index:1;gap:var(--spacer-2);padding:var(--spacer-2-5) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border);background-color:var(--color-bg)}.doc-controls__content{display:flex;align-items:center;flex-grow:1;gap:var(--spacer-2)}.doc-controls__before-meta{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}.doc-controls__locked-controls.locked{&:active{background:var(--color-bg-secondary)}}.doc-controls__meta{flex-grow:1;display:flex;list-style:none;padding:0;color:var(--color-text);gap:var(--spacer-2);margin:0;width:100%;overflow:hidden;button{margin:0}}.doc-controls__list-item{display:flex;align-items:center;margin:0;white-space:nowrap;&:empty{display:none}}.doc-controls__value-wrap{overflow:hidden}.doc-controls__value,.doc-controls__creating-new{overflow:hidden;text-overflow:ellipsis;margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.doc-controls__value{color:var(--color-text-secondary)}.doc-controls__creating-new{color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-weight:var(--text-body-medium-strong-font-weight)}.doc-controls__controls-wrapper{display:flex;align-items:center;margin:0;gap:var(--spacer-2);position:relative}.doc-controls__controls{display:flex;align-items:center;margin:0;gap:var(--spacer-2);button{margin:0;white-space:nowrap}}.doc-controls__icon-buttons{display:flex;align-items:center;gap:var(--spacer-1)}.doc-controls__popup{position:relative}.doc-controls__popup-button{padding-inline:0}.doc-controls__popup-button.popup-button--active,.doc-controls__popup-button.popup-button--active:hover,.doc-controls__popup-button.popup-button--active:active{background:var(--color-bg-selected);color:var(--color-icon-selected)}.doc-controls .popup__trigger-wrap{display:flex}.doc-controls__meta:has(.autosave) .doc-controls__value-wrap{display:none}.doc-controls--drawerHeaderActions{position:static;width:auto;padding:0;gap:0;border-bottom:0;background:transparent}@media(max-width:1024px){.doc-controls__controls-wrapper{margin-left:auto}.doc-controls{padding:var(--spacer-2-5);padding-right:var(--spacer-2-5);gap:var(--spacer-2);flex-wrap:wrap}.doc-controls--drawerHeaderActions{padding:0;gap:0;flex-wrap:nowrap}.doc-controls__content{min-width:0}.doc-controls__before-meta{display:none}.doc-controls__meta{flex-direction:column;width:auto;gap:0;overflow:visible}.doc-controls__meta:has(.doc-controls__status) .doc-controls__value{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height);letter-spacing:var(--text-body-small-letter-spacing)}.doc-controls .autosave{font-family:var(--text-body-small-font-family);font-size:var(--text-body-small-font-size);font-weight:var(--text-body-small-font-weight);line-height:var(--text-body-small-line-height);letter-spacing:var(--text-body-small-letter-spacing)}.doc-controls__controls{overflow:auto;&::-webkit-scrollbar{display:none}}}}@layer payload-default{:root{--diff-delete-pill-bg: var(--color-bg-danger-tertiary-hover);--diff-delete-pill-color: var(--color-text-danger);--diff-delete-pill-border: var(--color-border-danger);--diff-delete-parent-bg: var(--color-bg-danger-tertiary);--diff-delete-parent-color: var(--color-text-danger);--diff-delete-link-color: var(--color-text-danger);--diff-create-pill-bg: var(--color-bg-brand-tertiary-hover);--diff-create-pill-color: var(--color-text-brand);--diff-create-pill-border: var(--color-border-brand);--diff-create-parent-bg: var(--color-bg-brand-tertiary);--diff-create-parent-color: var(--color-text-brand);--diff-create-link-color: var(--color-text-brand)}}@layer payload-default{.html-diff{display:flex;flex-direction:column;gap:var(--spacer-3);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.html-diff-no-value{color:var(--color-text-tertiary)}.html-diff p{margin:0;align-content:center}.html-diff pre{margin-top:0;margin-bottom:0}.html-diff:has([data-match-type=create]){background-color:var(--diff-create-parent-bg);margin-block:calc(var(--spacer-2) * -1);padding-block:var(--spacer-2)}.html-diff:has([data-match-type=delete]){background-color:var(--diff-delete-parent-bg);margin-block:calc(var(--spacer-2) * -1);padding-block:var(--spacer-2)}.html-diff li::marker{color:var(--color-text)}.html-diff li:has(>[data-match-type=create])::marker{color:var(--diff-create-pill-color)}.html-diff li:has(>[data-match-type=delete])::marker{color:var(--diff-delete-pill-color)}.html-diff [data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-pill-color);text-decoration-color:var(--diff-delete-pill-color);text-decoration-line:line-through;background-color:var(--diff-delete-pill-bg);border-radius:var(--radius-medium);padding:calc(var(--stroke-width-small) * 1) calc(var(--stroke-width-small) * 2);text-decoration-thickness:var(--stroke-width-small);vertical-align:baseline}.html-diff a[data-match-type=delete]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-delete-link-color)}.html-diff a[data-match-type=create]:not([data-enable-match=false]):not(:is([data-enable-match=false] *)){color:var(--diff-create-link-color)}.html-diff [data-match-type=create]:not(img):not([data-enable-match=false]):not(:is([data-enable-match=false] *)){background-color:var(--diff-create-pill-bg);color:var(--diff-create-pill-color);border-radius:var(--radius-medium);padding:calc(var(--stroke-width-small) * 1) calc(var(--stroke-width-small) * 2);vertical-align:baseline}.html-diff-create-inline-wrapper,.html-diff-delete-inline-wrapper{display:inline-flex}.html-diff-create-block-wrapper,.html-diff-delete-block-wrapper{display:flex}.html-diff-create-inline-wrapper,.html-diff-delete-inline-wrapper,.html-diff-create-block-wrapper,.html-diff-delete-block-wrapper{position:relative;align-items:center;flex-direction:row;&:after{position:absolute;top:0;left:0;display:block;width:100%;height:100%;content:""}}@media(max-width:768px){.html-diff:has([data-match-type=create]),.html-diff:has([data-match-type=delete]){margin-block:0;padding-block:0;background-color:transparent}.html-diff{justify-content:center}.html-diff p{align-content:center}.html-diff p:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=create]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=create]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=create]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=create]),.html-diff p:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h1:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h2:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h3:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h4:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h5:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff h6:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff blockquote:not([data-enable-match=false]):has([data-match-type=delete]),.html-diff pre:not([data-enable-match=false]):has([data-match-type=delete]){&:before{top:calc(var(--spacer-1) * -1);bottom:calc(var(--spacer-1) * -1);left:calc(var(--spacer-2) * -1);right:calc(var(--spacer-2) * -1)}}.html-diff li:not([data-enable-match=false]):has([data-match-type=create]),.html-diff li:not([data-enable-match=false]):has([data-match-type=delete]){&:before{left:calc(var(--spacer-2) * -1);right:calc(var(--spacer-2) * -1)}}}}@layer payload-default{.edit-many__form{display:flex;flex-direction:column;min-height:100%;flex-grow:1}.edit-many__header{display:flex;align-items:center;gap:var(--spacer-1);padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);position:sticky;top:0;z-index:2}.edit-many__header__close{margin:0;padding:0;border:0}.edit-many__header__title{margin:0;flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.edit-many__header__actions{display:flex;gap:var(--spacer-2);align-items:center;.form-submit{margin:0}}.edit-many__body{flex-grow:1;display:flex;flex-direction:column}.edit-many__select-fields{padding:var(--spacer-4);border-bottom:var(--stroke-width-small) solid var(--color-border);.field-select{margin-bottom:0}}.edit-many__edit{padding:var(--spacer-4);flex-grow:1}}@layer payload-default{.sidebar-toggle{position:relative;display:flex;align-items:center;justify-content:center;padding:var(--spacer-1);border:0;border-radius:var(--button-radius);background:var(--color-bg);color:var(--color-icon);cursor:pointer;outline:none;transition:background-color .1s ease;&:hover{background:var(--color-bg-hover)}&:active{background:var(--color-bg-pressed)}&:focus-visible{outline:var(--accessibility-outline);outline-offset:-1px}}.sidebar-toggle .tooltip{left:0;top:100%;bottom:auto;transform:translate3d(0,var(--spacer-1),0)}.sidebar-toggle .tooltip:after{top:0;left:var(--spacer-3);bottom:auto;transform:translate3d(-50%,-100%,0);border-bottom:var(--caret-size) solid var(--color-bg-inverse);border-top:none}}@layer payload-default{.id-label{--id-label-letter-spacing: -.032px;display:inline-flex;align-items:center;gap:var(--spacer-1);height:var(--spacer-4);padding:var(--spacer-1) var(--spacer-2);background:var(--color-bg-secondary);border-radius:var(--radius-medium);font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--id-label-letter-spacing);width:fit-content;white-space:nowrap}.id-label__prefix{color:var(--color-text-secondary)}.id-label__value{color:var(--color-text)}.id-label__link{color:var(--color-text);&:hover{text-decoration:underline}}}@layer payload-default{.dots{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;background-color:var(--color-bg-secondary);border-radius:var(--button-radius);height:var(--spacer-4);width:var(--spacer-4);&:hover{background-color:var(--color-bg-secondary-hover)}&.dots--no-background{background-color:transparent;width:auto;height:auto;&:hover{background-color:transparent}}&.dots--horizontal{flex-direction:row}>div{width:2px;height:2px;border-radius:100%;background-color:currentColor}}}@layer payload-default{.icon--refresh{.stroke{stroke:currentColor}.fill{fill:currentColor}}}@layer payload-default{.filter-trigger__wrap{position:relative;display:flex;align-items:stretch}.filter-trigger__wrap:has(.filter-trigger__clear) .filter-trigger{border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;padding-right:var(--spacer-1)}.filter-trigger__wrap:has(.filter-trigger__clear) .filter-trigger:focus-visible{z-index:1}.filter-trigger{gap:var(--spacer-1)}.filter-trigger__clear{display:flex;align-items:center;justify-content:center;padding:0 var(--spacer-1);border:var(--stroke-width-small) solid var(--special-border-translucent);border-left:none;border-radius:0 var(--button-radius) var(--button-radius) 0;background:var(--color-bg);cursor:pointer}.filter-trigger__clear:focus-visible{border-radius:0 var(--button-radius) var(--button-radius) 0}.filter-trigger__clear:hover{background:var(--color-bg-transparent-hover)}.filter-trigger__clear:active{background:var(--color-bg-transparent-pressed)}.filter-trigger__wrap:has(.btn--selected) .filter-trigger__clear{background:var(--color-bg-selected);color:var(--color-text-selected);border-color:var(--color-border-selected-strong)}.filter-trigger__wrap:has(.btn--selected) .filter-trigger__clear:hover{background:var(--color-bg-selected-hover)}}@layer payload-default{.query-preset-bar{display:flex;align-items:center}.query-preset-bar__popup .popup-button-list__button{display:flex;align-items:center;gap:var(--spacer-1)}}.query-preset-bar__popup-content .popup-button-list__button.query-preset-bar__delete{color:var(--color-text-danger)}.query-preset-bar__popup-content .popup-button-list__button.query-preset-bar__delete:hover{color:var(--color-text-danger);background-color:var(--color-bg-danger-tertiary)}@layer payload-default{.list-controls{display:flex;flex-direction:column;padding:var(--spacer-2-5) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border);.pill-selector,.sort-complex,.group-by-builder{margin-top:var(--spacer-2)}}.drawer .list-controls{padding-left:var(--spacer-3);padding-right:var(--spacer-3)}.list-controls__search-row{display:flex;gap:var(--spacer-2)}.list-controls__left{display:flex;gap:var(--spacer-2);flex-shrink:0}.list-controls__spacer{flex:1}.list-controls__actions{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}@media(max-width:768px){.list-controls__search-row{flex-wrap:wrap;row-gap:var(--spacer-2)}.list-controls .search-bar,.list-controls__left{width:100%}.list-controls__spacer{display:none}.list-controls__actions{width:100%;.pill{padding:var(--spacer-1) var(--spacer-1) var(--spacer-1) var(--spacer-2);justify-content:space-between}}.list-controls__toggle-sort,.list-controls__toggle-group-by{flex:1}}}@layer payload-default{.list-controls-bar{display:flex;align-items:center;gap:var(--spacer-2);padding:var(--spacer-2-5) var(--gutter-h)}.list-controls-bar--border{border-bottom:var(--stroke-width-small) solid var(--color-border)}@media(max-width:768px){.list-controls-bar{padding:var(--spacer-2-5) var(--spacer-3);flex-wrap:wrap;row-gap:var(--spacer-2)}}}@layer payload-default{.hierarchy-button{margin:0;font-weight:400;.btn__content{gap:0}}.hierarchy-button--read-only{cursor:default;color:var(--color-text-disabled)}}@layer payload-default{.selected-hierarchies__pills{display:flex;flex-wrap:wrap;gap:var(--spacer-1)}.selected-hierarchies__pill .chip__label{max-width:200px}.selected-hierarchies__pill.chip--size-medium{height:1.25rem;padding-inline-start:var(--spacer-1);border-radius:var(--radius-chip)}.selected-hierarchies__pill .chip__remove{color:var(--color-icon-secondary)}.selected-hierarchies__pill .chip__remove:hover{color:var(--color-text)}.selected-hierarchies__empty{color:var(--color-text-secondary);font-style:italic;padding:var(--spacer-1) 0}.selected-hierarchies__loading{color:var(--color-text-secondary);padding:var(--spacer-1) 0}}@layer payload-default{.hierarchy-field .field-type__wrap{gap:var(--spacer-2);flex-direction:column;display:flex}.hierarchy-field .field-label{display:flex;font-family:var(--text-body-large-font-family);font-size:var(--text-body-large-font-size);font-weight:var(--text-body-large-font-weight);line-height:var(--text-body-large-line-height);letter-spacing:var(--text-body-large-letter-spacing);margin:unset}.hierarchy-field__label{display:flex;align-items:center;gap:var(--spacer-1)}.hierarchy-field__content{display:flex;flex-direction:column;gap:var(--spacer-2-5)}.hierarchy-field__manage-button{align-self:flex-start}.hierarchy-field--read-only .hierarchy-field__content{opacity:.75}}.close-modal-button{padding:0}@layer payload-default{.default-list-view-tabs{display:flex;gap:var(--spacer-2)}.default-list-view-tabs__button{color:var(--color-text-secondary)}.default-list-view-tabs__button:hover,.default-list-view-tabs__button--active{color:var(--color-text)}.default-list-view-tabs__button--active:disabled{color:var(--color-text);cursor:default}}@layer payload-default{.list-header{display:flex;align-items:flex-end;flex-wrap:wrap;padding:var(--spacer-2-5) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border)}.list-header__content{display:grid;grid-template-columns:1fr auto;width:100%}.list-header__title-and-actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacer-2)}.list-header__title{font-size:var(--text-heading-large-font-size);line-height:var(--text-heading-large-line-height);font-weight:var(--text-heading-large-font-weight);font-family:var(--text-heading-large-font-family)}.list-header__title-actions{display:flex;gap:var(--spacer-2)}.list-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacer-2)}.list-header__after-header-content{width:100%}}@layer payload-default{.list-drawer__header{margin-top:var(--spacer-6);width:100%}.list-drawer__select-collection-wrap{margin-top:var(--spacer-3)}@media(max-width:768px){.list-drawer__header{margin-top:var(--spacer-5)}.list-drawer .collection-list__header{margin-bottom:var(--spacer-2)}.list-drawer__select-collection-wrap{margin-top:var(--spacer-2)}}.drawer .list-drawer__header{margin-top:0;align-items:center;padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg);.list-header__title-and-actions{align-items:center;gap:var(--spacer-1);width:100%}.list-header__title{flex:1 0 0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}}}@layer payload-default{.clickable-arrow{cursor:pointer;display:flex;justify-content:center;align-items:center;outline:0;color:var(--color-icon);border-radius:var(--button-radius);&:not(.clickable-arrow--is-disabled){&:hover,&:focus-visible{background:var(--color-bg-elevated)}}&:focus-visible{outline:var(--accessibility-outline)}}.clickable-arrow--right .icon{transform:rotate(-90deg)}.clickable-arrow--left .icon{transform:rotate(90deg)}.clickable-arrow--is-disabled{cursor:default;.icon .fill{fill:var(--color-icon-disabled)}}}@layer payload-default{.paginator,.paginator__page-input-wrapper{display:flex;align-items:center;gap:var(--spacer-1)}.paginator__page-input{box-sizing:content-box;min-width:calc(var(--spacer-3) - 2px);min-height:calc(var(--control-height) - 2px);padding:0 var(--spacer-1);border:var(--stroke-width-small) solid var(--field-color-border);border-radius:var(--field-border-radius);background:var(--color-bg-secondary);color:var(--field-color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);text-align:center;&:hover:not(:focus){border-color:var(--color-border)}&:focus{border-color:var(--color-border-selected)}&:focus-visible{outline:none}}.paginator__page-total{color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap}}@layer payload-default{.per-page{display:flex;align-items:center;gap:var(--spacer-2);.btn{min-height:var(--control-height);height:unset}}.per-page__label{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap}.btn.btn--style-secondary.per-page--active{background-color:var(--color-bg-transparent-pressed)}.per-page__icon{color:var(--color-icon-secondary)}}@layer payload-default{.page-controls{display:flex;flex-direction:column;background:var(--color-bg);border-top:var(--stroke-width-small) solid var(--color-border);margin-top:auto;position:sticky;bottom:0}.page-controls__inner{display:flex;align-items:center;justify-content:flex-end;row-gap:var(--spacer-2-5);column-gap:var(--spacer-4);padding:var(--spacer-2-5);.paginator{margin-right:auto}}.page-controls__page-info{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);white-space:nowrap;flex:1;text-align:right}.page-controls__per-page-container{display:flex;align-items:center;gap:var(--spacer-3)}@media(max-width:768px){.page-controls__inner{flex-wrap:wrap;justify-content:flex-start}.page-controls__page-info{margin-left:var(--spacer-1)}.page-controls>.collection-list__list-selection{padding:var(--spacer-2) var(--spacer-2-5);border-bottom:var(--stroke-width-small) solid var(--color-border);&:not(:has(.list-selection)){display:none}}}}@layer payload-default{.simple-pagination{display:flex;align-items:center;gap:var(--spacer-3)}.simple-pagination__info{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);white-space:nowrap}.simple-pagination__arrows{display:flex;align-items:center;gap:var(--spacer-1)}}@layer payload-default{.nav{position:sticky;top:0;left:0;flex-shrink:0;height:100vh;width:var(--nav-width);border-right:var(--stroke-width-small) solid var(--color-border);[dir=rtl] &{border-right:none;border-left:var(--stroke-width-small) solid var(--color-border)}}}@layer payload-default{.settings-menu-button.popup--h-align-left .popup__content{left:calc(var(--nav-padding-inline-start) * -.5)}}@layer payload-default{.nav-group{width:calc(100% + var(--spacer-2-5) * 2);margin-inline-start:calc(-1 * var(--spacer-2-5));padding-inline:var(--spacer-2-5);+.nav-group{margin-block-start:var(--spacer-2);border-top:1px solid var(--color-border);padding-top:var(--spacer-2-5)}}.nav-group__toggle{cursor:pointer;color:var(--color-text);background:transparent;border:0;width:calc(100% + var(--spacer-2));text-align:left;display:flex;align-items:center;position:relative;padding:var(--spacer-1) var(--spacer-4) var(--spacer-1) var(--spacer-1);width:100%;margin-bottom:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);border-radius:var(--button-radius);&:hover,&:focus-visible{color:var(--color-text);.nav-group__indicator{opacity:1}}}.nav-group__content{padding-bottom:var(--spacer-1)}.nav-group__indicator{position:absolute;inset-inline-start:0;transform:translate(-50%);display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--spacer-3);height:var(--spacer-3);color:var(--color-icon-tertiary);left:calc(-1 * var(--spacer-1));opacity:0;transition:opacity .15s ease}.nav-group--collapsed .collapsible__toggle{border-bottom-right-radius:var(--button-radius);border-bottom-left-radius:var(--button-radius)}.nav-group--collapsed .nav-group__content{padding-bottom:0}}@layer payload-default{.sidebar-tab-error__content{display:flex;flex-direction:column;gap:2px;line-height:1.4;strong{font-weight:600}span{opacity:.8;font-size:.625rem}}.sidebar-tab-error__retry{all:unset;margin-top:var(--spacer-1);font-size:.625rem;text-decoration:underline;cursor:pointer;&:hover{opacity:.8}}}@layer payload-default{.pill-version-count{line-height:var(--spacer-2-5);min-width:var(--spacer-2-5);text-align:center;background-color:var(--color-bg-secondary);border-radius:var(--radius-small);padding:2px var(--spacer-1);color:var(--color-text-secondary)}}@layer payload-default{.template-default{min-height:100vh;display:grid;position:relative;isolation:isolate}@media(min-width:1441px){.template-default{grid-template-columns:0 auto}.template-default--nav-open{grid-template-columns:var(--nav-width) auto}}@media(max-width:1440px){.template-default--nav-hydrated.template-default--nav-open{grid-template-columns:var(--nav-width) auto}.template-default{grid-template-columns:1fr auto;.nav{display:none}}.template-default--nav-hydrated{grid-template-columns:0 auto;.nav{display:unset}}}}@layer payload-default{.form-header{display:flex;flex-direction:column;gap:var(--spacer-2);align-items:center;margin-bottom:var(--spacer-3);text-align:center}.form-header h1{margin:0;font-family:var(--text-heading-large-font-family);font-size:var(--text-heading-large-font-size);font-weight:var(--text-heading-large-font-weight);line-height:var(--text-heading-large-line-height);letter-spacing:var(--text-heading-large-letter-spacing);color:var(--color-text)}.form-header p{margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text-secondary)}}@layer payload-default{.combobox__content{display:flex;flex-direction:column;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.combobox__search-wrapper{display:none;padding-top:var(--popup-padding);padding-bottom:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);margin-bottom:var(--spacer-2)}.combobox__search-wrapper--no-results{border-bottom:none;margin-bottom:0}.combobox__search-input{width:100%;background:var(--color-bg-secondary);color:var(--color-text);border:none;border-radius:var(--button-radius);padding:var(--spacer-1) var(--spacer-2);outline:none;box-shadow:none}.combobox__search-input::placeholder{color:var(--color-text-tertiary)}.combobox__search-input:focus,.combobox__search-input:focus-visible{background:var(--color-bg-secondary-hover);outline:none;border:none;box-shadow:none}.combobox__entry{cursor:pointer;display:flex}}@layer payload-default{.cmd-palette{display:flex;align-items:flex-start;justify-content:center;padding-top:12vh}.cmd-palette__inner{display:flex;flex-direction:column;width:min(640px,92vw);max-height:60vh;background:var(--color-bg-elevated);border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-large);box-shadow:var(--elevation-500-modal-window);overflow:hidden}.cmd-palette__input{padding:var(--spacer-3) var(--spacer-4);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text);background:transparent;border-bottom:var(--stroke-width-small) solid color-mix(in srgb,var(--color-border) 50%,transparent);&:focus,&:focus-visible{border-radius:0;outline:none}&::placeholder{color:var(--color-text-tertiary)}}.cmd-palette__results{flex:1;overflow-y:auto;padding:var(--spacer-1) 0;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}.cmd-palette__group-label{padding:var(--spacer-1) var(--spacer-4);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-strong-font-weight);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.cmd-palette__option{display:flex;align-items:center;justify-content:space-between;gap:var(--spacer-2);height:2.25rem;padding:0 var(--spacer-4);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text-secondary);cursor:pointer}.cmd-palette__option--active{background:var(--color-bg-selected);color:var(--color-text)}.cmd-palette__option-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-palette__option-match{font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text)}.cmd-palette__empty{padding:var(--spacer-4);text-align:center;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);color:var(--color-text-secondary)}.cmd-palette__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--spacer-2);padding:var(--spacer-2) var(--spacer-4);border-top:var(--stroke-width-small) solid var(--color-border);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);color:var(--color-text-secondary)}.cmd-palette__hint{display:inline-flex;align-items:center;gap:var(--spacer-2)}button.cmd-palette__hint{font:inherit;color:inherit;background:transparent;border:0;padding:0;cursor:pointer;&:hover{color:var(--color-text)}}button.cmd-palette__hint--primary{font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text);.cmd-palette__key{color:var(--color-text)}}.cmd-palette__hint+.cmd-palette__hint:before{content:"|";color:color-mix(in srgb,var(--color-border) 50%,transparent)}.cmd-palette__keys{display:inline-flex;gap:var(--spacer-1)}.cmd-palette__key{display:inline-flex;align-items:center;justify-content:center;min-width:1.125rem;height:1.125rem;padding:0 var(--spacer-1);font-family:inherit;font-size:.6875rem;line-height:1;color:var(--color-text-secondary);background:var(--color-bg-secondary);border:0;border-radius:var(--radius-small)}@media(prefers-reduced-motion:reduce){.cmd-palette,.cmd-palette__inner{transition:none}}}@layer payload-default{.render-title{--render-title-letter-spacing: var(--text-heading-large-letter-spacing);display:inline-flex;align-items:center;min-height:var(--text-heading-large-line-height);font-family:var(--text-heading-large-font-family);font-size:var(--text-heading-large-font-size);font-weight:var(--text-heading-large-font-weight);line-height:var(--text-heading-large-line-height);letter-spacing:var(--render-title-letter-spacing);color:var(--color-text);margin:0}.render-title--has-id{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit}.render-title__id{vertical-align:middle;position:relative}.render-title__link{color:inherit;text-decoration:none;&:hover,&:focus-visible{text-decoration:underline}}@media(max-width:768px){.render-title{--render-title-letter-spacing: -.075px;min-height:var(--text-heading-medium-line-height);font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height)}}}@layer payload-default{.sort-column{display:inline-flex;gap:var(--spacer-1);align-items:center}.sort-column__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default;color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.sort-column__label,.sort-column .btn{vertical-align:middle;display:inline-block}.sort-column:hover .sort-column__label{color:var(--color-text)}.sort-column--sorted .sort-column__label{color:var(--color-text);font-weight:var(--text-body-medium-strong-font-weight)}.sort-column__buttons{display:flex;align-items:center;gap:var(--spacer-1)}.sort-column__button{margin:0;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;border-radius:var(--button-radius);color:var(--color-icon-tertiary);&.sort-column--active{color:var(--color-icon);background:var(--color-bg-secondary)}&:hover{color:var(--color-icon);background:var(--color-bg-secondary)}&:focus-visible{outline:var(--stroke-width-small) solid var(--accessibility-focus-color);outline-offset:var(--accessibility-outline-offset);border-radius:var(--button-radius);color:var(--color-icon)}}.sort-column:hover .sort-column__button{color:var(--color-icon-secondary)}.sort-column:hover .sort-column__button.sort-column--active{color:var(--color-icon)}.sort-column:hover .btn{visibility:visible}.sort-column--appearance-condensed{gap:var(--spacer-1)}.sort-column--appearance-condensed .sort-column__buttons{gap:0}}@layer payload-default{.items-drawer__items-wrapper{padding:var(--spacer-2-5)}.items-drawer__items{position:relative;padding:0;list-style:none;display:grid;grid-template-columns:repeat(6,1fr);gap:var(--spacer-2-5)}.items-drawer__default-image{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;overflow:hidden;img,svg{width:100%;height:100%;object-fit:cover}}.items-drawer__item-groups{padding:0;display:flex;flex-direction:column;gap:var(--spacer-2-5)}.items-drawer__item-group{list-style:none}.items-drawer__item-group-label{padding-bottom:var(--spacer-2)}.items-drawer__item-group-none{order:1;padding-top:var(--spacer-2-5);border-top:var(--stroke-width-small) solid var(--color-border);&:only-child{padding-top:0;border-top:0}}@media(max-width:1440px){.items-drawer__items{grid-template-columns:repeat(5,1fr)}}@media(max-width:1024px){.items-drawer__items-wrapper{padding-top:var(--spacer-2-5)}.items-drawer__items{grid-template-columns:repeat(3,1fr)}.items-drawer__item-groups{gap:var(--spacer-2-5)}.items-drawer__item-group-none{padding-top:var(--spacer-2-5)}}@media(max-width:768px){.items-drawer__items-wrapper{padding-top:var(--spacer-2-5)}.items-drawer__items{grid-template-columns:repeat(2,1fr)}.items-drawer__item-groups{gap:var(--spacer-2-5)}.items-drawer__item-group-none{padding-top:var(--spacer-2-5)}}}@layer payload-default{.item-search{position:sticky;top:0;display:flex;width:100%;align-items:center;z-index:1;padding:var(--spacer-2-5);gap:var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);.icon--search{flex-shrink:0;width:var(--spacer-3);height:var(--spacer-3);color:var(--color-icon-secondary)}}.item-search__input{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);width:100%;border:var(--stroke-width-small) solid transparent;border-radius:var(--field-border-radius);background:var(--color-bg-secondary);color:var(--color-text);height:var(--spacer-4);padding:0 var(--spacer-2-5);-webkit-appearance:none;&::placeholder{color:var(--color-text-tertiary)}&:hover{border-color:var(--color-border)}&:focus,&:focus-within{border-color:var(--accessibility-focus-color);outline:0}&:disabled{background:transparent;border-color:var(--color-border);color:var(--color-text-tertiary)}}}@layer payload-default{.icon--lock-open{.fill{fill:currentColor}}}@layer payload-default{.slug-field-component{display:flex;flex-direction:column;gap:var(--spacer-2);width:100%;.slug-field-component__wrap{position:relative;display:flex;flex-direction:column;gap:var(--spacer-2)}.slug-field-component__input-container{position:relative}.slug-field-component__input{padding-inline-end:calc(var(--spacer-5) + var(--spacer-1));text-overflow:ellipsis;white-space:nowrap;overflow:hidden;&::placeholder{color:var(--color-text-secondary)}}.slug-field-component__actions{position:absolute;right:var(--spacer-1);top:0;display:flex;align-items:center;height:100%;gap:var(--spacer-1)}.slug-field-component__action-btn{display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-small);background:transparent;color:var(--color-icon-secondary);cursor:pointer;transition:color .1s;&:hover{color:var(--color-icon)}}&.slug-field-component--locked{.slug-field-component__input-container{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}.slug-field-component__input:disabled{color:var(--field-color-text-readonly);-webkit-text-fill-color:var(--field-color-text-readonly)}}&.slug-field-component--error{.slug-field-component__input-container,.slug-field-component__input-container:hover,.slug-field-component__input-container:focus-within{border-color:var(--field-color-border-error)}}&.slug-field-component--read-only{.slug-field-component__input-container{background:var(--field-color-bg-readonly);border-color:var(--field-color-border-readonly)}.slug-field-component__input:disabled{color:var(--field-color-text-readonly);-webkit-text-fill-color:var(--field-color-text-readonly)}}}}@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default;@layer payload-default{.icon--dots{margin:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px;height:2rem;width:2rem;>div{width:3px;height:3px;border-radius:100%;background-color:currentColor}}}@layer payload-default{.icon--error{.icon__circle{fill:var(--color-bg-danger)}.icon__symbol{stroke:var(--color-text-ondanger)}}}@layer payload-default{.icon--interaction-enter{flex-shrink:0}}@layer payload-default{.icon--success{.icon__circle{fill:var(--color-bg-success)}.icon__symbol{stroke:var(--color-text-onsuccess)}}}@layer payload-default;@layer payload-default{.progress-bar{position:fixed;top:0;left:0;width:100%;height:var(--stroke-width-medium);z-index:9999;opacity:1}.progress-bar__progress{height:100%;background-color:var(--color-text);transition:width ease-in var(--transition-duration)}.progress-bar--fade-out{opacity:0;transition:opacity linear var(--transition-duration);transition-delay:var(--transition-duration)}}@layer payload-default{.payload-toast-container{padding:0;margin:0;.toast-title{padding-inline:var(--spacer-1);color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);letter-spacing:var(--text-body-medium-strong-letter-spacing);line-height:var(--text-body-medium-strong-line-height)}.payload-toast-item{display:flex;align-items:flex-start;gap:var(--spacer-2);min-height:var(--spacer-6);inline-size:280px;margin:0;padding:var(--spacer-2);color:var(--color-text);font-style:normal;font-weight:var(--font-weight-strong);background:var(--color-bg-elevated);border-radius:var(--radius-large);box-shadow:var(--elevation-100-canvas);.toast-content{display:flex;flex:1;flex-direction:column;gap:var(--spacer-1);width:100%;transition:opacity .1s cubic-bezier(.55,.055,.675,.19);padding-block:var(--spacer-1)}&[data-front=false]{.toast-content{opacity:0}}&[data-expanded=true]{.toast-content{opacity:1}}.toast-icon{display:flex;align-items:center;justify-content:center;margin:0;flex-shrink:0}.toast-icon+.toast-content .toast-title{padding-inline-start:0}&.toast-error{color:var(--color-text-ondanger);background:var(--color-bg-danger);.toast-title,.icon--warning{color:var(--color-text-ondanger)}}&.toast-warning{.icon--warning{color:var(--color-icon-warning)}}}}}.payload-toast-container .toast-title{font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height)}.payload-toast-container .payload-toast-item .toast-icon{position:relative;width:var(--spacer-4);height:var(--spacer-4);margin:0;justify-content:center}.payload-toast-container .payload-toast-item .toast-icon svg{margin:0}.payload-toast-container .payload-toast-item .toast-icon .sonner-loading-wrapper{position:static}.payload-toast-container .payload-toast-item .toast-icon .sonner-loading-wrapper[data-visible=false]{display:none}.payload-toast-container .payload-toast-item .payload-toast-close-button{position:relative;inset:auto;order:1;display:flex;align-items:center;justify-content:center;flex-shrink:0;min-width:var(--spacer-4);min-height:var(--spacer-4);width:auto;height:auto;margin:0;padding:0;border:0;border-radius:var(--radius-medium);background:transparent;color:var(--color-icon);transform:none;cursor:pointer;transition:none}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button{background:transparent;border-color:transparent}.payload-toast-container .payload-toast-item .payload-toast-close-button:hover,.payload-toast-container .payload-toast-item .payload-toast-close-button:focus-visible{background:var(--color-bg-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button:hover,[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button:focus-visible{background:var(--color-bg-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item [data-close-button].payload-toast-close-button:active{background:var(--color-bg-pressed)}.payload-toast-container .toast-error .payload-toast-close-button{color:var(--color-text-ondanger)}.payload-toast-container .toast-error .payload-toast-close-button:hover,.payload-toast-container .toast-error .payload-toast-close-button:focus-visible{background:var(--color-bg-danger-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item.toast-error [data-close-button].payload-toast-close-button:hover,[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item.toast-error [data-close-button].payload-toast-close-button:focus-visible{background:var(--color-bg-danger-hover)}[data-sonner-toaster][data-theme=dark].payload-toast-container [data-sonner-toast].payload-toast-item.toast-error [data-close-button].payload-toast-close-button:active{background:var(--color-bg-danger-pressed)}[data-sonner-toaster].payload-toast-container[data-lifted=true]{transform:none}[data-sonner-toaster].payload-toast-container[data-x-position=right]{left:auto;right:var(--spacer-6)}[data-sonner-toaster].payload-toast-container[data-y-position=bottom]{bottom:var(--spacer-6)}@layer payload-default{.login-fields{display:flex;flex-direction:column;gap:var(--spacer-3)}}@layer payload-default{.select-all__checkbox{display:block}}@layer payload-default{.select-row__checkbox{display:flex;width:min-content}}@layer payload-default{.slot-table{overflow:auto;max-width:100%;table{min-width:100%;border-spacing:0}thead{color:var(--color-text-secondary);th{font-weight:400;text-align:left;vertical-align:middle;height:calc(var(--spacer-4) * 2)}}tbody{color:var(--color-text-secondary);tr{border-top:1px solid var(--color-border);&:hover{background:var(--color-bg-secondary)}&:focus-within{outline:none;background:var(--color-bg-secondary)}&:has(.slot-table__checkbox input:checked){background:var(--color-bg-selected)}}}}.slot-table__th,.slot-table__td{vertical-align:middle;padding:var(--spacer-2) var(--spacer-2-5);min-width:150px;position:relative;height:calc(var(--spacer-4) * 2);[dir=rtl] &{text-align:right}&:first-child{padding-inline-start:var(--gutter-h);padding-inline-end:var(--spacer-2)}&:last-child{padding-inline-end:var(--spacer-2)}}.slot-table__th--drag,.slot-table__td--drag{width:var(--spacer-4);min-width:var(--spacer-4);padding:0}.slot-table__td--drag{text-align:center}.slot-table__th--checkbox,.slot-table__td--checkbox{width:var(--spacer-5);min-width:var(--spacer-5);padding:var(--spacer-2);text-align:center}.slot-table__tr{position:relative;line-height:1;border-top:1px solid var(--color-border)}.slot-table__tr--clickable{cursor:pointer;&:hover{background:var(--color-bg-secondary)}&:focus{outline:none;background:var(--color-bg-secondary)}}.slot-table__tr--selected{background:var(--color-bg-selected)}.slot-table__drag-handle{display:flex;align-items:center;justify-content:center;cursor:grab;color:var(--color-icon-tertiary);padding:var(--spacer-1);&:hover{color:var(--color-icon-secondary)}svg{width:var(--spacer-3);height:var(--spacer-3)}}.slot-table__drag-header{display:block;width:var(--spacer-3);height:var(--spacer-3)}.slot-table__th-merged{display:flex;align-items:center;gap:var(--spacer-2)}.slot-table--appearance-condensed{border-radius:var(--radius-small);table{border-collapse:collapse}thead{background:var(--color-bg-secondary);th:first-child{border-top-left-radius:var(--radius-small)}th:last-child{border-top-right-radius:var(--radius-small)}}tbody tr{&:nth-child(odd){background:transparent;td:first-child,td:last-child{border-radius:0}}&:last-child{td:first-child{border-bottom-left-radius:var(--radius-small)}td:last-child{border-bottom-right-radius:var(--radius-small)}}}.slot-table__th,.slot-table__td{padding:var(--spacer-1);border:.5px solid var(--color-border);&:first-child{padding-inline-start:var(--spacer-2-5)}&:last-child{padding-inline-end:var(--spacer-2-5)}}}@media(max-width:1024px){.slot-table__th,.slot-table__td{max-width:70vw}}}@layer payload-default{.hierarchy-tables__name-cell{display:flex;align-items:center;gap:var(--spacer-1)}.hierarchy-tables__edit-button{display:flex;align-items:center;justify-content:center;color:var(--color-text);flex-shrink:0;padding:0;background:none;border:none;cursor:pointer;border-radius:var(--radius-small);border:var(--stroke-width-small) solid transparent;&:hover,&:focus-visible{color:var(--color-text);background-color:var(--color-bg-hover);border-color:var(--color-border)}}.hierarchy-tables__name-link{display:flex;align-items:center;gap:var(--spacer-2);color:var(--color-text);text-decoration:none;background:none;border:none;padding:var(--spacer-2) 0;padding-inline-start:var(--spacer-2);font:inherit;cursor:pointer;text-align:left;min-height:calc(var(--spacer-4) * 2);&:hover{color:var(--color-text);text-decoration:underline}}.hierarchy-tables__thumbnail{display:inline-block;max-width:var(--spacer-3);height:var(--spacer-3);border-radius:var(--radius-small);flex-shrink:0}.hierarchy-tables__name-icon{display:flex;flex-shrink:0}.hierarchy-tables__name-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:var(--spacer-3)}.hierarchy-tables__chevron{margin-inline-start:auto;padding-inline-start:var(--spacer-2);svg{width:var(--spacer-2-5);height:var(--spacer-2-5);color:var(--color-icon-tertiary)}}.hierarchy-tables__col-name{width:auto;min-width:200px;&:has(.hierarchy-tables__name-link){padding:0}}.hierarchy-tables__col-collection{width:140px;min-width:100px}.hierarchy-tables__col-date{width:150px;min-width:120px}.hierarchy-tables__col-type{width:120px;min-width:100px;&:not(.slot-table__th){color:var(--color-text-secondary)}}.hierarchy-tables__section-title{margin:0;font-weight:var(--text-body-medium-strong-font-weight);color:var(--color-text)}.hierarchy-tables__group-label{color:var(--color-text);letter-spacing:var(--text-body-large-letter-spacing);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height)}}@layer payload-default{.collection-list{width:100%;flex:1;display:flex;flex-direction:column}.collection-list .list-header a{text-decoration:none}.collection-list__sub-header{flex-basis:100%;padding-top:var(--spacer-3)}.collection-list .table table{width:100%;overflow:auto}.collection-list .table table td.cell--linked>:is(a,button){font-weight:var(--text-body-medium-strong-font-weight);text-decoration-line:underline;text-decoration-style:solid;text-decoration-skip-ink:none;text-decoration-color:var(--color-border);text-decoration-thickness:auto;text-underline-offset:2px;text-underline-position:from-font;&:hover{text-decoration-color:var(--color-text)}}.collection-list .table table [class^=cell]:not(.cell--linked)>p,.collection-list .table table [class^=cell]:not(.cell--linked)>span,.collection-list .table table [class^=cell]:not(.cell--linked)>a{line-clamp:4;-webkit-box-orient:vertical;-webkit-line-clamp:4;overflow:hidden;display:-webkit-box;max-width:100vw}.collection-list .table table #heading-_select,.collection-list .table table .cell-_select{min-width:unset}.collection-list .table table #heading-_dragHandle,.collection-list .table table .cell-_dragHandle{width:var(--spacer-4);min-width:0}.collection-list__list-selection{position:fixed;bottom:0;left:0;right:0;z-index:10;box-shadow:var(--elevation-400-menu-panel);border-radius:var(--radius-large);padding:var(--spacer-1) var(--spacer-3);margin:var(--spacer-4) var(--gutter-h)}.collection-list__list-selection-actions{display:flex;gap:var(--spacer-2)}.collection-list__shimmer{margin-top:var(--spacer-5);width:100%}.collection-list__shimmer>div{margin-top:var(--spacer-2)}@media(max-width:1024px){.collection-list{margin-top:var(--spacer-2);padding-bottom:0}.collection-list__header{gap:var(--spacer-2-5)}.collection-list__sub-header{margin-top:0}.collection-list__search-input{margin:0}.collection-list .table{display:flex;flex-direction:column;max-width:unset;position:relative}.collection-list .table:after{content:"";height:var(--stroke-width-small);padding-right:var(--gutter-h)}}@media(max-width:768px){.collection-list{margin-bottom:var(--spacing-view-bottom)}.collection-list__list-selection{position:static;width:100%;margin:0;padding:0;box-shadow:none;border-radius:0}}.list-view__not-found-banner{margin:var(--spacer-2-5) var(--gutter-h)}}@layer payload-default{.hierarchy-list-header__root-pill{background-color:var(--color-bg-tertiary)}}@layer payload-default{.hierarchy-list{width:100%;flex:1;display:flex;flex-direction:column}.hierarchy-list__wrap{padding-bottom:var(--spacing-view-bottom);flex:1;display:flex;flex-direction:column}.hierarchy-list .list-header a{text-decoration:none}.hierarchy-list__allowed-types{color:var(--color-text-secondary);padding-top:var(--spacer-1)}.hierarchy-list__sub-header{flex-basis:100%;padding-top:var(--spacer-2-5)}.hierarchy-list__step-nav-icon-label{margin:0;display:flex;align-items:center;gap:var(--spacer-1)}.hierarchy-list__controls-left{display:flex;align-items:center;gap:var(--spacer-2);flex:1}.hierarchy-list__no-results{display:flex;flex-direction:column;align-items:flex-start;gap:var(--spacer-3)}.hierarchy-list__no-results>*{margin:0}@media(max-width:768px){.hierarchy-list{margin-top:var(--spacer-1)}.hierarchy-list__wrap{padding-bottom:0}.hierarchy-list__sub-header{margin-top:0}}}@layer payload-default{.query-inspector{--header-offset: 110px;flex:1;min-height:0;display:flex;flex-direction:column;ul{padding-left:var(--spacer-3)}}.query-inspector--fullscreen{padding:0;.query-inspector__configuration{display:none}.query-inspector__content{grid-template-columns:1fr}.query-inspector__results-wrapper{border:0}.query-inspector__results-bar,.query-inspector__results{padding-inline-start:var(--gutter-h)}}.query-inspector__content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);flex:1;min-height:0}.query-inspector__configuration{padding:var(--spacer-3) var(--gutter-h);overflow-y:auto}.query-inspector__api-url-field{flex:1;min-width:0}.query-inspector__api-url-open-button{color:var(--color-icon-secondary);&:hover{color:var(--color-icon)}}.query-inspector__api-url-input{gap:0;.field-type__wrap{gap:0}.form-input{user-select:text;-webkit-user-select:text;cursor:text}}.query-inspector__label{font-weight:var(--text-body-large-strong-font-weight)}.query-inspector__form-fields{display:flex;flex-direction:column;gap:var(--spacing-field)}.query-inspector__filter-query-checkboxes{display:flex;gap:var(--spacer-3);.checkbox-input label.field-label:not(.unstyled){color:var(--color-text);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}}.query-inspector__results-wrapper{display:flex;flex-direction:column;font-family:var(--font-family-mono);min-width:0;max-height:calc(100dvh - var(--header-offset));overflow:hidden;background-color:var(--color-bg-secondary);border-inline-start:var(--stroke-width-small) solid var(--color-border);ul{margin:0}li{list-style:none}}.query-inspector__results-bar{display:flex;align-items:center;gap:var(--spacer-2-5);padding:var(--spacer-2);padding-inline-end:var(--gutter-h);background-color:var(--color-bg);border-bottom:var(--stroke-width-small) solid var(--color-border);flex-shrink:0}.query-inspector__results-bar-actions{display:flex;align-items:center;gap:var(--spacer-2);margin-inline-start:var(--spacer-2);flex-shrink:0}.query-inspector__toggle-fullscreen-button{background-color:transparent;cursor:pointer;margin:0;border:0;border-radius:var(--radius-medium);color:var(--color-icon-secondary);display:flex;align-items:center;justify-content:center;&:hover{background-color:var(--color-bg-hover);color:var(--color-icon)}&:active{background-color:var(--color-bg-pressed);color:var(--color-icon)}}.query-inspector__results{overflow:visible;min-height:0;flex:1}.query-inspector__results .code-editor.read-only{background:var(--color-bg-secondary);border:0;border-radius:0}@media(max-width:1024px){.query-inspector__content{display:flex;flex-direction:column;min-height:0;gap:var(--spacer-3)}.query-inspector__results,.query-inspector__results-bar{padding-inline-start:var(--gutter-h)}.query-inspector__configuration{padding-inline-end:var(--gutter-h)}.query-inspector__results-wrapper{border-inline-start:0;border-top:var(--stroke-width-small) solid var(--color-border);flex:1;max-height:none;min-height:0}.query-inspector--fullscreen .query-inspector__results-wrapper{border-top:0}}}@layer payload-default{.forgot-password__form{display:flex;flex-direction:column;gap:var(--spacer-5);width:100%}.forgot-password__form .form-header{margin-bottom:0}.forgot-password__form__inputWrap{display:flex;flex-direction:column;gap:var(--spacer-3)}.forgot-password__form__submit{display:flex;align-items:center;justify-content:center}}@layer payload-default{.login__form{display:flex;flex-direction:column;gap:var(--spacer-5);width:100%}.login__form__inputWrap{display:flex;flex-direction:column;gap:var(--spacer-3)}.login__form__actions{display:flex;flex-direction:column;gap:var(--spacer-2);align-items:center;width:100%}.login__form__actions .form-submit{width:100%}.login__form__actions .form-submit .btn{width:100%;justify-content:center}.login__form__forgotPassword{display:flex;gap:var(--spacer-1);align-items:center;justify-content:center;color:var(--color-text-brand);width:100%}.login__form__forgotPassword a{display:flex;gap:var(--spacer-1);align-items:center;padding:var(--spacer-1) 0;color:var(--color-text-brand)}}@layer payload-default{.logout{display:flex;flex-direction:column;align-items:center;flex-wrap:wrap}.logout__wrap{z-index:1;position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--spacer-3);width:100%}}@layer payload-default{.not-found{height:100%;display:flex;align-items:center;justify-content:center;width:100%;flex:1}.not-found__wrap{display:flex;flex-direction:column;align-items:center;gap:var(--spacer-3);max-width:calc(var(--spacer-6) * 9);text-align:center}.not-found__content{display:flex;flex-direction:column;gap:var(--spacer-2);align-items:center;width:100%}.not-found__content h1{margin:0;font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height);letter-spacing:var(--text-heading-medium-letter-spacing);color:var(--color-text)}.not-found__content p{margin:0;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text-secondary)}}@layer payload-default{.reset-password__form{display:flex;flex-direction:column;gap:var(--spacer-5);width:100%}.reset-password__form .form-header{margin-bottom:0}.reset-password__form__inputWrap{display:flex;flex-direction:column;gap:var(--spacer-3)}.reset-password__form__submit{display:flex;align-items:center;justify-content:center}}@layer payload-default{.restore-version{cursor:pointer;display:flex;min-width:max-content}.restore-version .btn{margin-block:0}.restore-version .btn__content{gap:0}.restore-version__restore-as-draft-button{border-top-right-radius:0;border-bottom-right-radius:0}.restore-version__restore-as-draft-button:focus{border-top-right-radius:0;border-bottom-right-radius:0;outline-offset:0}}@layer payload-default{.view-version{width:100%;padding-bottom:var(--spacing-view-bottom)}.view-version__toggle-locales-label{color:var(--color-text-secondary)}.view-version-controls-top{border-bottom:var(--stroke-width-small) solid var(--color-border);padding:var(--spacer-2) var(--gutter-h)}.view-version-controls-top__wrapper{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.view-version-controls-top__wrapper-actions{display:flex;flex-direction:row;align-items:center;gap:var(--spacer-4)}.view-version-controls-top h2{color:var(--color-text);font-family:var(--text-body-large-strong-font-family);font-size:var(--text-body-large-strong-font-size);font-style:normal;font-weight:var(--text-body-large-strong-font-weight);line-height:var(--text-body-large-strong-line-height);letter-spacing:var(--text-body-large-strong-letter-spacing)}.view-version-controls-bottom{border-bottom:var(--stroke-width-small) solid var(--color-border);padding:var(--spacer-2-5) var(--gutter-h);position:relative;&:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--stroke-width-small);background-color:var(--color-border);transform:translate(-50%)}}.view-version-controls-bottom__wrapper{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacer-4)}.view-version__time-elapsed{color:var(--color-text-secondary);font-weight:var(--text-body-medium-font-weight)}.view-version__version-from,.view-version__version-to{display:flex;flex-direction:column;gap:var(--spacer-2)}.view-version__version-from-labels,.view-version__version-to-labels{display:flex;flex-direction:row;justify-content:space-between;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-style:normal;font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.view-version__version-to-version{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);padding:var(--spacer-1) var(--spacer-2);gap:var(--spacer-2)}.view-version__version-to-version h2{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.view-version__restore div{margin-block:0}.view-version__modifiedCheckBox{margin:0 0 0 var(--spacer-4);display:flex;align-items:center;overflow:hidden;color:var(--color-text);text-overflow:ellipsis;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.view-version__modifiedCheckBox label.field-label{font-weight:var(--text-body-medium-font-weight)}.compare-version .rs__control{padding:var(--spacer-2)}.view-version__diff-wrap{padding:var(--spacer-3) var(--gutter-h);display:flex;flex-direction:column;gap:var(--spacer-3);position:relative;border-bottom:var(--stroke-width-small) solid var(--color-border);&:after{content:"";position:absolute;top:0;bottom:0;left:50%;width:var(--stroke-width-small);background-color:var(--color-border);transform:translate(-50%);z-index:2}}@media(max-width:1024px){.view-version__version-to-version{flex-direction:column;align-items:flex-start}}@media(max-width:768px){.view-version{display:flex;flex-direction:column}.view-version__version-to-version{flex-direction:row;align-items:center}.view-version-controls-bottom{order:1;padding-inline:var(--spacer-3);&:after{display:none}}.view-version-controls-top{order:2}.view-version__diff-wrap{order:3;&:after{display:none}}.view-version-controls-top h2{display:none}.view-version-controls-top__wrapper .view-version__modifiedCheckBox{margin-left:0}.view-version-controls-top__wrapper-actions{width:100%;justify-content:space-between}.view-version-controls-bottom__wrapper{grid-template-columns:1fr;gap:var(--spacer-3)}}}@layer payload-default{.compare-version-moreVersions{color:var(--color-text-secondary)}}@layer payload-default{.version-drawer .table{width:100%}}@layer payload-default{.version-pill-label{display:flex;align-items:center;gap:var(--spacer-2)}.version-pill-label-text{font-weight:var(--text-body-medium-strong-font-weight)}.version-pill-label-date{overflow:hidden;color:var(--color-text-secondary);text-overflow:ellipsis;font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-style:normal;font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}@media(max-width:768px){.version-pill-label{flex-direction:row;align-items:center;gap:var(--spacer-2)}}}@layer payload-default{.render-field-diffs{display:flex;flex-direction:column;gap:var(--spacer-3);[role=banner]{display:none!important}}.render-field-diffs__field{overflow-wrap:anywhere;display:flex;flex-direction:column;gap:var(--spacer-3)}@media(max-width:768px){.render-field-diffs{gap:calc(var(--spacer-4) - var(--spacer-1))}}}@layer payload-default{.field-diff__locale-label{background:var(--color-bg-secondary);border-radius:var(--radius-medium);padding-inline:var(--spacer-1);margin-inline-end:var(--spacer-1)}.field-diff-container{position:relative}.field-diff-content{display:grid;grid-template-columns:var(--field-diff-columns, minmax(0, 1fr) minmax(0, 1fr));background:var(--color-bg-secondary);padding-block:var(--spacer-2);border-radius:var(--radius-medium);overflow:clip}.field-diff-content>*{padding-inline:var(--spacer-2-5)}@media(max-width:768px){.field-diff-container .field-diff-content{grid-template-columns:1fr;gap:calc(var(--stroke-width-small) * 2);padding:0;background:transparent;isolation:isolate}.field-diff-content>*{background:var(--color-bg-secondary);padding:var(--spacer-1) var(--spacer-2);min-height:var(--spacer-5);overflow:hidden;align-content:center}.field-diff-content>*:first-child{border-radius:var(--radius-medium) var(--radius-medium) 0 0}.field-diff-content>*:last-child{border-radius:0 0 var(--radius-medium) var(--radius-medium)}.field-diff-content>.html-diff__diff-old:has([data-match-type]){background:var(--diff-delete-parent-bg)}.field-diff-content>.html-diff__diff-new:has([data-match-type]){background:var(--diff-create-parent-bg)}}.diff-no-value{display:flex;align-items:center;height:100%;max-height:var(--spacer-5);background-color:var(--color-bg-secondary);border-radius:var(--radius-medium);color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height)}}@layer payload-default{.field-diff-label{margin-bottom:var(--spacer-2);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing);display:flex;flex-direction:row;height:100%;align-items:center;color:var(--color-text)}@media(max-width:768px){.field-diff-label{height:min-content}}}@layer payload-default{.checkbox-diff__value{display:flex;align-items:center;gap:var(--spacer-2);position:relative;z-index:1}.checkbox-diff__value--create:before,.checkbox-diff__value--delete:before{content:"";position:absolute;inset:calc(var(--spacer-2) * -1) 0;display:block;z-index:-1}.checkbox-diff__value--create:before{background-color:var(--diff-create-parent-bg)}.checkbox-diff__value--delete:before{background-color:var(--diff-delete-parent-bg)}.checkbox-diff__indicator{display:flex;align-items:center;justify-content:center;width:var(--spacer-3);height:var(--spacer-3);border:var(--stroke-width-small) solid var(--color-border-strong);border-radius:var(--radius-medium);background:transparent;flex-shrink:0;position:relative}.checkbox-diff__indicator--checked{background-color:var(--color-border-strong);border-color:var(--color-border-strong)}.checkbox-diff__indicator--create{border-color:var(--color-border-brand);background-color:var(--diff-create-parent-bg)}.checkbox-diff__indicator--create.checkbox-diff__indicator--checked{background-color:var(--color-bg-brand);border-color:var(--color-border-selected)}.checkbox-diff__indicator--delete{border-color:var(--color-border-danger);background-color:var(--diff-delete-parent-bg)}.checkbox-diff__indicator--delete.checkbox-diff__indicator--checked{background-color:var(--color-bg-danger);border-color:var(--color-bg-danger)}.checkbox-diff__icon{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.checkbox-diff__icon svg{opacity:0;color:var(--color-icon-onbrand)}.checkbox-diff__indicator--checked .checkbox-diff__icon svg{opacity:1}.checkbox-diff__label{font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);color:var(--color-text)}.checkbox-diff__label--create{color:var(--diff-create-parent-color)}.checkbox-diff__label--delete{color:var(--color-text-danger)}}@layer payload-default{.diff-collapser__toggle-button{all:unset;cursor:pointer;position:relative;z-index:1;display:flex;align-items:center;.icon{color:var(--color-icon-tertiary)}&:before{content:"";position:absolute;inset:0 0 0 calc(var(--spacer-1) * -1);border-radius:var(--radius-medium);z-index:-1}&:hover:before{background-color:var(--color-bg-hover)}&:active:before{background-color:var(--color-bg-pressed)}}.diff-collapser__label{margin:0;display:inline-flex;height:100%}.diff-collapser__field-change-count{margin-inline-start:var(--spacer-2);padding-inline:var(--spacer-1);background:var(--color-bg-tertiary);border-radius:var(--radius-medium);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.diff-collapser__content:not(.diff-collapser__content--hide-gutter){[dir=ltr] &{border-left:var(--stroke-width-small) solid var(--color-border);padding-left:var(--spacer-2-5)}[dir=rtl] &{border-right:var(--stroke-width-small) solid var(--color-border);padding-right:var(--spacer-2-5)}}.diff-collapser__content--is-collapsed{display:none}}@layer payload-default{.date-diff[data-match-type]{background-color:unset!important;border-radius:unset!important;padding:0!important}.date-diff{p *[data-match-type=delete],p *[data-match-type=create]{color:unset!important;background-color:unset!important}}@media(max-width:768px){.field-diff-content .date-diff{display:contents}.date-diff .field-diff-content>.html-diff{justify-content:center}}}@layer payload-default{.group-diff__locale-label--no-label{color:var(--color-text-secondary)}}@layer payload-default{.iterable-diff-label-container{position:relative;display:flex;flex-direction:row;height:100%}.iterable-diff__label{color:var(--color-text-secondary);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-style:normal;font-weight:var(--font-weight-strong);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.iterable-diff__locale-label{background:var(--color-bg-secondary);border-radius:var(--radius-medium);padding:var(--spacer-1);[dir=ltr] &{margin-right:var(--spacer-1)}[dir=rtl] &{margin-left:var(--spacer-1)}}.iterable-diff__row:not(:first-of-type){margin-top:var(--spacer-2)}.iterable-diff__no-rows{color:var(--color-text-tertiary)}}@layer payload-default;@layer payload-default{.tabs-diff__tab:not(:first-of-type),.tabs-diff__tab-locale:not(:first-of-type){margin-top:var(--spacer-3)}}@layer payload-default;@layer payload-default{.autosave-cell__items{display:flex;align-items:center;gap:var(--spacer-2)}}@layer payload-default{.doc-drawer__header{width:100%;display:flex;flex-direction:column}.doc-drawer__header-bar{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:var(--spacer-2);width:100%;padding:var(--spacer-2-5) var(--spacer-3) var(--spacer-2-5) var(--spacer-2);border-bottom:var(--stroke-width-small) solid var(--color-border);background:var(--color-bg)}.doc-drawer__header-content{display:flex;align-items:center;gap:var(--spacer-1);flex:1 1 auto;min-width:0}.doc-drawer__header-actions{display:flex;align-items:center;flex-shrink:0}.doc-drawer__header-text{margin:0;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--color-text);font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.doc-drawer__title-bar{display:flex;flex-direction:column;gap:var(--spacer-2);padding:var(--spacer-3) var(--gutter-h);border-bottom:var(--stroke-width-small) solid var(--color-border)}.doc-drawer__title{margin:0;color:var(--color-text);font-family:var(--text-heading-medium-font-family);font-size:var(--text-heading-medium-font-size);font-weight:var(--text-heading-medium-font-weight);line-height:var(--text-heading-medium-line-height);letter-spacing:var(--text-heading-medium-letter-spacing)}.doc-drawer__meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacer-2)}.doc-drawer__meta:has(.autosave) .doc-drawer__updated-at{display:none}.doc-drawer__before-meta{display:flex;align-items:center;gap:var(--spacer-2);flex-shrink:0}.doc-drawer__updated-at{color:var(--color-text-secondary);font-family:var(--text-body-medium-font-family);font-size:var(--text-body-medium-font-size);font-weight:var(--text-body-medium-font-weight);line-height:var(--text-body-medium-line-height);letter-spacing:var(--text-body-medium-letter-spacing)}.doc-drawer__header-toggler{background:transparent;border:0;margin:0;padding:0;cursor:pointer;color:inherit}.doc-drawer__header-toggler:focus,.doc-drawer__header-toggler:focus-within{outline:none}.doc-drawer__header-toggler:disabled{pointer-events:none}.doc-drawer__header-close{padding:0;border:0}.doc-drawer__after-header{padding-top:var(--spacer-1)}.doc-drawer__divider{height:1px;background:var(--color-border);width:100%}}@layer payload-default{.iframe-loader__container{width:100%;height:100%;position:relative;flex:1;min-height:0}.iframe-loader__loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:1;background-color:var(--color-bg)}.iframe-loader__iframe{background-color:var(--color-bg);border:0;width:100%;height:100%;transform-origin:top left}.iframe-loader__iframe--is-loading{opacity:0}}@layer payload-default{.toolbar-input__group{display:flex;align-items:stretch;height:var(--spacer-4);border:var(--stroke-width-small) solid transparent;border-radius:var(--field-border-radius);background:var(--color-bg-secondary);overflow:hidden;&:hover:not(:focus-within){border-color:var(--color-border)}&:focus-within{border-color:var(--color-border-selected)}}.toolbar-input__prefix{display:flex;align-items:center;justify-content:center;width:var(--spacer-4);font-size:var(--text-body-medium-font-size, .6875rem);color:var(--color-text-secondary);user-select:none}.toolbar-input{width:calc(var(--spacer-4) * 2);display:flex;align-items:center;border:none;background:transparent;font-size:var(--text-body-medium-font-size, .6875rem);color:var(--color-text);appearance:textfield;&::-webkit-outer-spin-button,&::-webkit-inner-spin-button{appearance:none;margin:0}&:focus{outline:none}}}@layer payload-default{.live-preview-toolbar-controls{display:contents}.live-preview-toolbar-controls__breakpoint{justify-self:start}.live-preview-toolbar-controls__center{display:flex;align-items:center;justify-self:center;gap:var(--spacer-2)}.live-preview-toolbar-controls__zoom-percentage{margin-right:var(--spacer-2);color:var(--color-text-secondary)}.live-preview-toolbar-controls__end{display:flex;align-items:center;justify-self:end;gap:var(--spacer-1)}}@layer payload-default{.live-preview-toolbar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background-color:var(--color-bg);color:var(--color-text);max-height:var(--spacer-6);padding:var(--spacer-2);align-items:center;flex-shrink:0}.live-preview-window--is-expanded .live-preview-toolbar--static{padding-inline-start:var(--gutter-h)}.live-preview-toolbar--static{position:relative;width:100%;border-bottom:var(--stroke-width-small) solid var(--color-border);padding-inline-end:var(--gutter-h)}.live-preview-toolbar--draggable{box-shadow:var(--elevation-400-menu-panel);position:absolute;top:0;left:0;margin:0;border-radius:var(--radius-medium)}.live-preview-toolbar__drag-handle{background:transparent;border:0;padding:0;cursor:grab;.icon--drag-handle .fill{fill:var(--color-icon-tertiary)}&:active{cursor:grabbing}}}@layer payload-default{.live-preview-window{background-color:var(--color-bg);display:none;width:60%;flex-shrink:0;flex-grow:0;position:sticky;top:var(--doc-controls-height);height:calc(100vh - var(--doc-controls-height));overflow:hidden}.live-preview-window--is-live-previewing{display:block;border-left:var(--stroke-width-small) solid var(--color-border)}.live-preview-window--is-expanded{width:100%;border-left:none}.live-preview-window__wrapper{display:flex;flex-direction:column;height:100%;justify-content:flex-start}.live-preview-window__main{flex-grow:1;height:100%;width:100%}.live-preview-window--has-breakpoint .live-preview-iframe{border:var(--stroke-width-small) solid var(--color-border)}.live-preview-window--has-breakpoint .live-preview-window__main{padding:var(--spacer-3)}@media(max-width:1024px){.live-preview-window{width:100%}}}@layer payload-default{.auth-fields,.auth-fields__body,.auth-fields__api-key,.auth-fields__changing-password{display:flex;flex-direction:column;gap:var(--spacer-3)}.auth-fields{margin-bottom:var(--spacer-3)}.auth-fields__card{border:var(--stroke-width-small) solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-bg);overflow:clip}.auth-fields__header,.auth-fields__controls{display:flex;align-items:center;gap:calc(var(--spacer-2));flex-wrap:wrap}.auth-fields__header{justify-content:space-between;padding:var(--spacer-2) var(--spacer-3);background:var(--color-bg-secondary);box-shadow:inset 0 calc(var(--stroke-width-small) * -1) 0 var(--color-border)}.auth-fields__title{margin:0;font-family:var(--text-body-medium-strong-font-family);font-size:var(--text-body-medium-strong-font-size);font-weight:var(--text-body-medium-strong-font-weight);line-height:var(--text-body-medium-strong-line-height);letter-spacing:var(--text-body-medium-strong-letter-spacing)}.auth-fields__body{padding:var(--spacer-3)}.auth-fields__body>.field-type.checkbox{min-height:var(--spacer-4);justify-content:center}.auth-fields__body>.field-type.checkbox label.field-label,.auth-fields__api-key>.field-type.checkbox label.field-label{font-weight:var(--text-body-medium-font-weight)}.auth-fields .btn{margin:0}.auth-fields__controls .btn.btn--style-secondary{background:transparent}.auth-fields__api-key>.btn.btn--style-secondary{align-self:flex-start}}@layer payload-default{.collection-edit__main-wrapper{width:100%;display:flex}.collection-edit__main{width:100%;container-type:inline-size}.collection-edit__main--popup-open{width:100%}.collection-edit__main--is-live-previewing{width:40%;position:relative;&:after{content:" ";position:absolute;top:0;right:0;width:var(--spacer-6);height:100%;pointer-events:none;z-index:-1}}.collection-edit__form{height:100%;width:100%}.collection-edit__auth{border-radius:var(--radius-small)}@media(max-width:768px){.collection-edit__auth{margin-top:0;margin-bottom:var(--spacer-3)}}}