.foundation-chat{display:flex;flex-direction:column;flex:1 1 auto;min-width:0;width:100%;padding:15px;font-family:"Fira Sans",serif;align-items:center}.foundation-chat *:not([class*=cg-],.custom-component-content *){all:revert-layer}.foundation-chat *,.foundation-chat *::before,.foundation-chat *::after{box-sizing:border-box !important;font-family:inherit !important}.foundation-chat [data-e2e=cg-sr-only]{display:none}.foundation-chat .chat-body{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;position:relative}.foundation-chat .message{width:100%;margin-block-end:1.5em}.foundation-chat .message table{border-spacing:0;border-collapse:collapse;display:block;margin-top:0;margin-bottom:16px;width:max-content;max-width:150%}.foundation-chat .message table tr{background-color:#fff;border-top:1px solid hsl(210,18%,87%)}.foundation-chat .message table tr:nth-child(2n){background-color:#f6f8fa}.foundation-chat .message table td,.foundation-chat .message table th{padding:6px 13px;border:1px solid #d0d7de}.foundation-chat .message table th{font-weight:600}.foundation-chat .message table img{background-color:rgba(0,0,0,0)}.foundation-chat .message .avatar:has(.user-avatar){display:none}.foundation-chat .message .user-avatar{width:35px;height:35px;border:1px solid #ccc;border-radius:100%;display:flex;align-items:center;justify-content:space-around;padding-right:1px;padding-bottom:1px;display:none}.foundation-chat .message.user-message>.user-message-content [class*=cg-button-group-items],.foundation-chat .message.ai-message>.ai-message-content [class*=cg-button-group-items]{margin:unset;padding:unset}.foundation-chat .message.user-message>.user-message-content [class*=cg-button-group-items] li,.foundation-chat .message.ai-message>.ai-message-content [class*=cg-button-group-items] li{margin-top:0}.foundation-chat .message.user-message>.user-message-content p,.foundation-chat .message.user-message>.user-message-content pre,.foundation-chat .message.user-message>.user-message-content code,.foundation-chat .message.ai-message>.ai-message-content p,.foundation-chat .message.ai-message>.ai-message-content pre,.foundation-chat .message.ai-message>.ai-message-content code{white-space:pre-wrap}.foundation-chat .message.user-message>.user-message-content .code-block,.foundation-chat .message.ai-message>.ai-message-content .code-block{display:inline-flex;align-items:baseline;justify-content:space-between;padding:0 .25rem;margin-block:.25rem;background-color:#f6f6f6;border-radius:8px;border:var(--cg3-border-width-half) solid var(--cg3-border-color)}.foundation-chat .message.user-message>.user-message-content .code-block code,.foundation-chat .message.ai-message>.ai-message-content .code-block code{overflow-x:auto;color:#af4995;font-family:monospace !important;font-size:.875rem;border:none}.foundation-chat .message.user-message>.user-message-content pre .code-block,.foundation-chat .message.ai-message>.ai-message-content pre .code-block{padding:.5rem;display:flex}.foundation-chat .message.user-message>.user-message-content pre .code-block code,.foundation-chat .message.ai-message>.ai-message-content pre .code-block code{color:#000}.foundation-chat .message.user-message{display:flex;gap:10px;flex-direction:row-reverse}.foundation-chat .message.user-message .user-message-content{white-space:normal;background-color:#f6f6f6;padding:.5em 20px;border-radius:1rem 1rem 0;display:flex;flex-direction:column;gap:15px;max-width:100%}.foundation-chat .message.user-message .user-message-content .user-message-image{max-width:800px;margin-top:5px;align-self:end}.foundation-chat .message.user-message .user-message-content .user-message-image img{max-width:100%;max-height:400px}.foundation-chat .message.ai-message{display:flex;gap:20px}.foundation-chat .message.ai-message .ai-message-content{display:flex;flex-direction:column;gap:1em;flex:1;margin-top:8px;padding-right:20px;width:calc(100% - 60px)}@keyframes fadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>*{animation:fadeIn .5s ease-out forwards}.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>p,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>ul,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>ol,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>blockquote,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>pre,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>div,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>h1,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>h2,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>h3,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>h4,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>h5,.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>h6{animation:fadeIn .5s ease-out forwards}.foundation-chat .message.ai-message .ai-message-content .output-text:not(:has(table,blockquote,.cg-notification))>*>*{animation-delay:.5s}.foundation-chat .message.ai-message .sources{margin-block-end:-0.5em}.foundation-chat .message.ai-message .sources .source-heading{padding-block-end:.6em}.foundation-chat .message.ai-message .sources .source-heading>strong{font-weight:500}.foundation-chat .message.ai-message .sources .source{font-size:1rem;color:#005b92}.foundation-chat .message.ai-message .sources .source a{text-decoration:underline}.foundation-chat .message.ai-message .assistant-message-toolbar,.foundation-chat .message.ai-message .user-message-toolbar{display:inline-flex;gap:.5em;align-items:flex-end;cursor:pointer;margin-block-start:.3em}.foundation-chat .message.ai-message .assistant-message-toolbar-tooltip span[data-e2e=cg-tooltip]{max-width:290px !important;overflow-wrap:break-word}.foundation-chat .send-box-container{width:100%;margin-top:auto;display:flex;flex-direction:column;position:relative}.foundation-chat .send-box-container .file-label{font-size:.8rem;font-weight:bold;position:absolute;bottom:5px;left:5px;z-index:1;border:2px solid #ccc;width:50px;height:50px;border-radius:8px;overflow:hidden;cursor:pointer;user-select:none !important}.foundation-chat .send-box-container .file-label .file-label-delete{position:absolute;color:#474747;width:100%;height:100%;display:flex;opacity:0;transition-duration:.2s;align-items:center;justify-content:space-around}.foundation-chat .send-box-container .file-label:hover{background-color:#fff}.foundation-chat .send-box-container .file-label:hover .file-label-delete{opacity:1}.foundation-chat .send-box-container .file-label:hover img{opacity:.33}.foundation-chat .send-box{position:relative;width:100%}.foundation-chat .send-box .input-right{position:absolute;bottom:12px;right:16px;display:flex;align-items:center;gap:16px}.foundation-chat .send-box .input-btn{cursor:pointer;background:none;border:none;margin:0;padding:0}.foundation-chat .send-box .input-btn:disabled{cursor:default}.foundation-chat .send-box .input-counter{position:absolute;right:10px;top:12px;font-size:12px;color:#a3a3a3}.foundation-chat .send-box .send-input{height:32px !important;overflow-y:auto}.foundation-chat .send-box .text-area-container{border:1px solid #757575;background-color:#fff}.foundation-chat .send-box .text-area-container textarea{height:unset !important;resize:none;padding-right:5rem !important;overflow-y:auto;border:0;background-color:rgba(0,0,0,0);font-family:inherit;align-content:center}.foundation-chat .send-box .text-area-container textarea[disabled]{background-color:#f6f6f6}.foundation-chat .send-box .text-area-container textarea[disabled]::placeholder{line-height:0}.foundation-chat .send-box .text-area-container [data-e2e=cg-field]{margin-bottom:0}.foundation-chat .send-box .text-area-container:hover:not(:has(textarea:focus)):not(:has(textarea:disabled)){box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-input-hover-border-color, #005b92);border-color:#005b92}.foundation-chat .send-box .text-area-container:has(textarea:focus){box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-input-hover-border-color, #000);outline:0}.foundation-chat .live-suggestions{margin-block:15px;display:flex;flex-wrap:wrap;gap:.5rem}.foundation-chat .live-suggestions.initial{padding-left:0}.foundation-chat .live-suggestions .cg-pill-ctx-2-12-0{margin-top:5px;margin-right:10px}.foundation-chat .live-suggestions .cg-pill-suggestion{padding:0px 12px 0px 12px;border-radius:16px;display:grid}.foundation-chat .domains{box-sizing:border-box;display:flex;flex-direction:column;align-items:start;gap:.5em;width:100%}.foundation-chat .domains .domain-greeting{display:flex;flex-direction:row;align-items:start;gap:20px}.foundation-chat .domains .domains-pills{display:flex;flex-direction:row;align-items:center;gap:.5em;width:100%;margin-top:.5em}.foundation-chat .domains.domains-header{flex-direction:row;align-items:center;border-bottom:1px solid #dadada;margin-bottom:12px;margin-top:-1em;height:3em}.foundation-chat .domains .cg-pill-suggestion{padding:0px 12px 0px 12px;border-radius:16px;display:grid}.foundation-chat .domains .cg-pill-ctx-2-12-0{margin-top:5px;margin-right:10px}.foundation-chat:not(:has(.header)){padding-block-start:3.5em}.foundation-chat .header{display:flex;gap:15px;align-items:center;font-size:24px;margin-bottom:1.5em;width:100%;padding-right:2rem;padding-left:2.3rem;flex-wrap:wrap}.foundation-chat .header .title{margin:0;display:flex;align-items:center;gap:5px;line-height:26px;font-size:1.375rem;font-weight:500;flex-wrap:wrap}.foundation-chat .header .tag{display:flex}.foundation-chat .header :global(.cg-button-field-icon){margin-left:-8px}.foundation-chat .header .button,.foundation-chat .header .link{display:flex}.foundation-chat .header .avatar-main{display:flex}.foundation-chat .header .avatar{position:relative}@media(min-width: 1024px){.foundation-chat .header{padding-left:0;padding-right:0}}.foundation-chat .disclaimer{line-height:18px;font-size:12px;padding-block-start:.5rem;margin-block:unset}.foundation-chat .disclaimer .text{margin-bottom:16px;font-style:normal;color:#757575}.foundation-chat .disclaimer .link{text-decoration:underline;color:#005b92}.foundation-chat .greeting{align-items:start;display:flex;gap:20px;margin-bottom:15px}.foundation-chat :is(.chat-body,.chat-footer){max-width:800px;width:100%;margin-top:auto}.chat-view-canvas{height:100%;width:100%}.chat-view-canvas [data-e2e=cg-main]{overflow:hidden}.chat-view-canvas .chat-view-canvas-chat{height:100%}.chat-view-canvas .canvas-main{padding:0;height:calc(100% - 2rem)}.chat-view-canvas .canvas-close-button{position:absolute;top:.5rem}.chat-view-canvas .greeting{display:grid;align-items:start;grid-template-columns:1.5rem auto;grid-gap:1rem;margin-bottom:1rem}.chat-view-canvas p{margin-block:0 .5rem}.chat-view-canvas [contenteditable=true]{padding:.5rem}.chat-view-canvas [contenteditable=true] ul li{margin-top:0;list-style:disc}.chat-view-canvas [contenteditable=true] ol li{margin-top:0;list-style:decimal}.chat-view-canvas [contenteditable=true] table{border:initial;border-spacing:0;margin-bottom:.5rem}.chat-view-canvas [contenteditable=true] table th{text-align:left;padding:5px}.chat-view-canvas [contenteditable=true] table td{border:1px solid gray;border-collapse:collapse}.chat-view-canvas [contenteditable=true] blockquote{border-left:3px solid #dadada;margin:1.5rem 0;padding-left:1rem}
@keyframes cg-rotate-in{0%{transform:rotate(-180deg);transform-origin:center}to{transform:none}}@keyframes cg-rotate-out{0%{transform:rotate(180deg);transform-origin:center}to{transform:none}}@keyframes cg-spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes cg-fade-in{to{width:100vw;height:100vh;top:0;left:0}}@keyframes cg-fade-out{0%{width:100vw;height:100vh;top:0;left:0}}@keyframes ag-shake-left-to-right{0%{padding-left:6px;padding-right:2px}to{padding-left:2px;padding-right:6px}}@keyframes cg-advanced-table-tooltip-fade-in{0%,33%{opacity:0}to{opacity:1}}@keyframes cg-advanced-table-tooltip-fade-out{0%{opacity:1}to{opacity:0}}@keyframes cg-tooltip-right-opening{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(-.75rem)}}@keyframes cg-tooltip-right-closing{0%{opacity:1;transform:translateX(-.75rem)}to{opacity:0;transform:translateX(0)}}@keyframes cg-tooltip-indicator-right-opening{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(-1rem)}}@keyframes cg-tooltip-indicator-right-closing{0%{opacity:1;transform:translateX(-1rem)}to{opacity:0;transform:translateX(0)}}@keyframes cg-tooltip-left-opening{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(.75rem)}}@keyframes cg-tooltip-left-closing{0%{opacity:1;transform:translateX(.75rem)}to{opacity:0;transform:translateX(0)}}@keyframes cg-tooltip-indicator-left-opening{0%{opacity:0;transform:translateX(0)}to{opacity:1;transform:translateX(1rem)}}@keyframes cg-tooltip-indicator-left-closing{0%{opacity:1;transform:translateX(1rem)}to{opacity:0;transform:translateX(0)}}@keyframes cg-tooltip-top-opening{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(.75rem)}}@keyframes cg-tooltip-top-closing{0%{opacity:1;transform:translateY(.75rem)}to{opacity:0;transform:translateY(0)}}@keyframes cg-tooltip-indicator-top-opening{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(1rem)}}@keyframes cg-tooltip-indicator-top-closing{0%{opacity:1;transform:translateY(1rem)}to{opacity:0;transform:translateY(0)}}@keyframes cg-tooltip-bottom-opening{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-.75rem)}}@keyframes cg-tooltip-bottom-closing{0%{opacity:1;transform:translateY(-.75rem)}to{opacity:0;transform:translateY(0)}}@keyframes cg-tooltip-indicator-bottom-opening{0%{opacity:0;transform:translateY(0)}to{opacity:1;transform:translateY(-1rem)}}@keyframes cg-tooltip-indicator-bottom-closing{0%{opacity:1;transform:translateY(-1rem)}to{opacity:0;transform:translateY(0)}}@keyframes cg-pill-icon-disappear{0%{opacity:1;transform:none}50%{opacity:1}75%{opacity:0}to{opacity:0;transform:translateX(-1.25rem) rotate(-90deg)}}@keyframes cg-pill-text-disappear{0%{max-width:100%}to{max-width:0}}@keyframes cg-pill-disappear{0%{max-width:100%}50%{transform:scale(1)}75%{max-width:2rem}to{max-width:2rem;transform:scale(0)}}@keyframes cg-headbutt-slide-in-right{0%{transform:translateX(23.5rem)}to{transform:translateX(0)}}@keyframes cg-headbutt-slide-out-right{0%{transform:translateX(0)}to{transform:translateX(23.5rem)}}@keyframes cg-headbutt-slide-in-left{0%{transform:translateX(-23.5rem)}to{transform:translateX(0)}}@keyframes cg-headbutt-slide-out-left{0%{transform:translateX(0)}to{transform:translateX(-23.5rem)}}@keyframes cg-headbutt-slide-opacity{0%,50%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes cg-spine-opacity{0%,33%{opacity:0}66%,to{opacity:1}}@keyframes cg-spine-height{0%,33%{max-height:0}66%,to{max-height:100vh}}@keyframes contentPlaceholderAnimation{0%{transform:translate3d(-100%,0,0)}to{transform:translate3d(200%,0,0)}}.cg-icon{font-size:1rem;line-height:0;vertical-align:middle;display:inline-block}.cg-icon svg{fill:currentColor;height:1em;width:1em}.cg-icon .cg-icon-cdn{display:inline-block;background-color:currentColor;mask-size:cover;height:1em;width:1em}.cg-accordion-item{border-bottom:.0625rem solid #dadada;color:#353535;width:100%}.cg-accordion-item .cg-accordion-item-header-wrapper{align-items:center;cursor:pointer;display:flex;min-height:3rem;position:relative;width:100%}.cg-accordion-item .cg-accordion-item-header-wrapper h1,.cg-accordion-item .cg-accordion-item-header-wrapper h2,.cg-accordion-item .cg-accordion-item-header-wrapper h3,.cg-accordion-item .cg-accordion-item-header-wrapper h4,.cg-accordion-item .cg-accordion-item-header-wrapper h5,.cg-accordion-item .cg-accordion-item-header-wrapper h6{width:100%;margin:0}@media (min-width:37.5rem){.cg-accordion-item .cg-accordion-item-header-wrapper{min-height:0}}.cg-accordion-item .cg-accordion-item-header-wrapper [data-e2e=cg-accordion-item-header][aria-expanded=false] .cg-accordion-icon{transform:rotate(180deg);transition:150ms}.cg-accordion-item .cg-accordion-item-header-wrapper [data-e2e=cg-accordion-item-header][aria-expanded=true] .cg-accordion-icon{transition:150ms}.cg-accordion-item .cg-accordion-item-header-wrapper:hover{background-color:#e6f2f9}.cg-accordion-item .cg-is-disabled [data-e2e=cg-accordion-item-header]{cursor:not-allowed;pointer-events:none;color:#a3a3a3}.cg-accordion-item .cg-accordion-item-element{font-size:.875rem;line-height:1.5}.cg-accordion-item .cg-accordion-item-element-hide{max-height:0;overflow:hidden;will-change:max-height;transition:all 150ms ease-out;opacity:0;padding:0 1rem}.cg-accordion-item .cg-accordion-item-element-show{opacity:1;padding:.3125rem 1rem 1rem;transition:all 150ms ease-out;will-change:max-height}.cg-accordion-item .cg-accordion-item-element-show [data-e2e=cg-accordion-item-body]{overflow-y:auto;height:inherit}.cg-accordion-item .cg-accordion-item-element-show.cg-accordion-item-is-scrolling-enabled [data-e2e=cg-accordion-item-body]{max-height:100vh}.cg-accordion-item .cg-accordion-item-element-hidden-body{display:none}.cg-accordion-item-header{align-items:center;background:0 0;border:0;color:inherit;cursor:pointer;display:flex;font:inherit;font-size:.875rem;font-weight:500;width:100%;word-wrap:break-word;padding:.6875rem 0 .6875rem 1rem;line-height:1.29}.cg-accordion-item-header:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-accordion-item-header:focus:not(:focus-visible),.cg-button-field a:focus:not(:focus-visible),.cg-button-field button:focus:not(:focus-visible){outline:0}.cg-accordion-item-header .cg-accordion-icon{display:inline-block;height:1rem;line-height:0;margin-right:1rem;margin-left:auto}accordion-item-header.cg{width:inherit}.cg-accordion-round-image{width:1.5rem;height:1.5rem;margin-top:-.6875rem;margin-bottom:-.6875rem;border-radius:50%;object-fit:cover;vertical-align:middle;margin-right:.5rem}.cg-accordion-extra-heading-icon,.cg-action-bar-panel-actions .cg-button-field.cg-button-field-icon.cg-button-field-small [data-e2e=cg-dropdown-toggle]{margin-right:.5rem}.cg-accordion,.cg-accordion *,.cg-accordion ::after,.cg-accordion ::before,.cg-button-field label *,.cg-button-field label ::after,.cg-button-field label ::before{box-sizing:border-box}.cg-accordion{font-family:inherit;background-color:#fff}.cg-action-bar-panel-button{border-right:.0625rem solid #dadada;display:inline-flex;align-items:center}@media screen and (min-width:75rem){.cg-action-bar-panel-button.cg-hide-on-big-screen{display:none}}.cg-action-bar-panel-actions,.cg-action-bar-panel-custom{flex:0 0 auto;display:flex;align-items:center;white-space:nowrap}.cg-action-bar-panel-actions{flex:1 1 auto;align-items:stretch}.cg-action-bar-panel-actions button-group{width:100%}.cg-action-bar-panel-actions button-group [data-e2e=cg-button-group]{height:100%}.cg-action-bar-panel-actions .cg-button-field.cg-button-field-icon [data-e2e=cg-dropdown-toggle]{margin-right:.25rem}.cg-button-field a,.cg-button-field button,.cg-button-field label{font-family:inherit}.cg-button-field a,.cg-button-field.cg-button-field-icon-left button:hover [data-e2e=cg-icon],.cg-button-field.cg-button-field-icon-right button:hover [data-e2e=cg-icon]{text-decoration:none}.cg-button-field a:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-button-field,.cg-button-field.cg-loading-button-field button .cg-loading-button-icon{display:inline-block}.cg-button-field a *,.cg-button-field button *{pointer-events:none}.cg-button-field a,.cg-button-field button,.cg-button-field label{transition:color 300ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;transition-property:color,background-color,border;will-change:auto;appearance:none;border:.0625rem solid;border-radius:0;box-sizing:border-box;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.29;position:relative;-webkit-tap-highlight-color:transparent;text-align:center;touch-action:manipulation;vertical-align:middle;white-space:nowrap}.cg-button-field a .cg-loading-button-icon,.cg-button-field button .cg-loading-button-icon,.cg-button-field label .cg-loading-button-icon{display:none}.cg-button-field button,.cg-button-field label{padding:.625rem 1rem}.cg-button-field.cg-button-field-icon-left a,.cg-button-field.cg-button-field-icon-left button,.cg-button-field.cg-button-field-icon-left iconsvg,.cg-button-field.cg-button-field-icon-right a,.cg-button-field.cg-button-field-icon-right button,.cg-button-field.cg-button-field-icon-right iconsvg{display:inline-flex}.cg-button-field.cg-button-field-icon-right [data-e2e=cg-icon]{margin-left:.5rem}.cg-button-field.cg-button-field-icon-left [data-e2e=cg-icon]{margin-right:.5rem}.cg-button-field.cg-button-field-small button,.cg-button-field.cg-button-field-small label{padding-bottom:.375rem;padding-top:.375rem}.cg-button-field.cg-button-field-expanded button{display:block;width:100%}.cg-button-field.cg-button-toolbar{display:flex;flex-wrap:wrap}.cg-button-field button{background-color:var(--cg-button-background-color, #007ac3);border-color:var(--cg-button-background-color, #007ac3);color:var(--cg-button-text-color, #fff)}.cg-button-field button:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-button-field button:hover{background-color:var(--cg-button-hover-background-color, #003d61);color:var(--cg-button-hover-text-color, #fff);border-color:var(--cg-button-hover-background-color, #003d61);cursor:pointer}.cg-button-field button.cg-is-active,.cg-button-field button:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-active-text-color, #fff);background-color:var(--cg-button-active-background-color, #005b92);border-color:var(--cg-button-active-background-color, #005b92)}.cg-button-field button:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-disabled-text-color, rgba(255, 255, 255, 0.5));background-color:var(--cg-button-disabled-background-color, #007ac3);border-color:var(--cg-button-disabled-background-color, #007ac3)}.cg-button-field.cg-button-field-danger button{background-color:var(--cg-button-danger-background-color, #e5202e);border-color:var(--cg-button-danger-background-color, #e5202e);color:var(--cg-button-danger-text-color, #fff)}.cg-button-field.cg-button-field-danger button:hover{background-color:var(--cg-button-danger-hover-background-color, #721017);color:var(--cg-button-danger-hover-text-color, #fff);border-color:var(--cg-button-danger-hover-background-color, #721017)}.cg-button-field.cg-button-field-danger button.cg-is-active,.cg-button-field.cg-button-field-danger button:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-danger-active-text-color, #fff);background-color:var(--cg-button-danger-active-background-color, #ac1822);border-color:var(--cg-button-danger-active-background-color, #ac1822)}.cg-button-field.cg-button-field-danger button:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-danger-disabled-text-color, rgba(255, 255, 255, 0.5));background-color:var(--cg-button-danger-disabled-background-color, #e5202e);border-color:var(--cg-button-danger-disabled-background-color, #e5202e)}.cg-button-field.cg-button-field-ghost button{background-color:var(--cg-button-ghost-background-color, transparent);border-color:var(--cg-button-ghost-border-color, #005b92);color:var(--cg-button-ghost-text-color, #005b92)}.cg-button-field.cg-button-field-ghost button:hover{background-color:var(--cg-button-ghost-hover-background-color, #003d61);color:var(--cg-button-ghost-hover-text-color, #fff);border-color:var(--cg-button-ghost-hover-border-color, #003d61)}.cg-button-field.cg-button-field-ghost button.cg-is-active,.cg-button-field.cg-button-field-ghost button:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-ghost-active-text-color, #fff);background-color:var(--cg-button-ghost-active-background-color, #005b92);border-color:var(--cg-button-ghost-active-border-color, #005b92)}.cg-button-field.cg-button-field-ghost button:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-ghost-disabled-text-color, #005b92);background-color:var(--cg-button-ghost-disabled-background-color, transparent);border-color:var(--cg-button-ghost-disabled-border-color, #005b92)}.cg-button-field.cg-button-field-text a,.cg-button-field.cg-button-field-text button{background-color:var(--cg-button-text-background-color, transparent);border-color:var(--cg-button-text-background-color, transparent);color:var(--cg-button-text-text-color, #005b92)}.cg-button-field.cg-button-field-text a:hover,.cg-button-field.cg-button-field-text button:hover{background-color:var(--cg-button-text-hover-background-color, transparent);color:var(--cg-button-text-hover-text-color, #003d61);border-color:var(--cg-button-text-hover-background-color, transparent);text-decoration:underline}.cg-button-field.cg-button-field-text a.cg-is-active,.cg-button-field.cg-button-field-text a:active,.cg-button-field.cg-button-field-text button.cg-is-active,.cg-button-field.cg-button-field-text button:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-text-active-text-color, #353535);background-color:var(--cg-button-text-active-background-color, transparent);border-color:var(--cg-button-text-active-background-color, transparent)}.cg-button-field.cg-button-field-text a:disabled,.cg-button-field.cg-button-field-text button:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-text-disabled-text-color, #005b92);background-color:var(--cg-button-text-disabled-background-color, transparent);border-color:var(--cg-button-text-disabled-background-color, transparent)}.cg-button-field.cg-button-field-ghost.cg-button-field-danger button{background-color:var(--cg-button-ghost-danger-background-color, transparent);border-color:var(--cg-button-ghost-danger-border-color, #e5202e);color:var(--cg-button-ghost-danger-text-color, #e5202e)}.cg-button-field.cg-button-field-ghost.cg-button-field-danger button:hover{background-color:var(--cg-button-ghost-danger-hover-background-color, #721017);color:var(--cg-button-ghost-danger-hover-text-color, #fff);border-color:var(--cg-button-ghost-danger-hover-border-color, #721017)}.cg-button-field.cg-button-field-ghost.cg-button-field-danger button.cg-is-active,.cg-button-field.cg-button-field-ghost.cg-button-field-danger button:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-ghost-danger-active-text-color, #fff);background-color:var(--cg-button-ghost-danger-active-background-color, #ac1822);border-color:var(--cg-button-ghost-danger-active-border-color, #ac1822)}.cg-button-field.cg-button-field-ghost.cg-button-field-danger button:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-ghost-danger-disabled-text-color, #e5202e);background-color:var(--cg-button-ghost-danger-disabled-background-color, transparent);border-color:var(--cg-button-ghost-danger-disabled-border-color, #e5202e)}.cg-button-field.cg-button-field-text.cg-button-field-danger button{background-color:var(--cg-button-text-danger-background-color, transparent);border-color:var(--cg-button-text-danger-background-color, transparent);color:var(--cg-button-text-danger-text-color, #e5202e)}.cg-button-field.cg-button-field-text.cg-button-field-danger button:hover{background-color:var(--cg-button-text-danger-hover-background-color, transparent);color:var(--cg-button-text-danger-hover-text-color, #721017);border-color:var(--cg-button-text-danger-hover-background-color, transparent);text-decoration:underline}.cg-button-field.cg-button-field-text.cg-button-field-danger button.cg-is-active,.cg-button-field.cg-button-field-text.cg-button-field-danger button:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-text-danger-active-text-color, #353535);background-color:var(--cg-button-text-danger-active-background-color, transparent);border-color:var(--cg-button-text-danger-active-background-color, transparent)}.cg-button-field.cg-button-field-text.cg-button-field-danger button:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-text-danger-disabled-text-color, #e5202e);background-color:var(--cg-button-text-danger-disabled-background-color, transparent);border-color:var(--cg-button-text-danger-disabled-background-color, transparent)}.cg-dropdown-list-section,.cg-dropdown-menu-category{color:#757575;font-size:.75rem;font-weight:500;letter-spacing:.0625rem;line-height:1.33;text-transform:uppercase;padding:1.375rem 1rem .625rem;margin:0}.cg-dropdown-submenu{margin:0;padding:0}.cg-dropdown-submenu .cg-dropdown-submenu-wrapper{background-color:var(--cg-dropdown-menu-background-color, #fff);border:.0625rem solid var(--cg-dropdown-menu-border-color, #dadada);box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1);display:none;padding:0;z-index:1040;min-width:11rem;max-width:50vw;position:absolute;left:100%;top:0}.cg-dropdown-submenu .cg-dropdown-submenu-wrapper.cg-is-open{display:flex;flex-direction:column}.cg-dropdown-submenu .cg-dropdown-submenu-wrapper [data-e2e=cg-dropdown-list],.cg-dropdown-submenu .cg-dropdown-submenu-wrapper [data-e2e=cg-dropdown-menu]{list-style:none;margin:0;padding:0}.cg-dropdown-submenu .cg-dropdown-close-area{display:none}.cg-dropdown-submenu .cg-submenu-target{border:0;cursor:pointer;display:block;font-size:.875rem;line-height:1.29;margin:0;padding:.9375rem 1rem;text-align:left;white-space:nowrap;width:100%;color:var(--cg-dropdown-menu-item-text-color, #353535);background-color:var(--cg-dropdown-menu-item-background-color, transparent);display:flex;justify-content:space-between;align-items:center}.cg-dropdown-submenu .cg-submenu-target .cg-dropdown-item-content,.cg-dropdown-submenu .cg-submenu-target .cg-dropdown-item-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-dropdown-submenu .cg-submenu-target .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-submenu .cg-submenu-target .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-dropdown-submenu .cg-submenu-target.cg-has-description{height:auto}.cg-dropdown-submenu .cg-submenu-target:hover{background-color:var(--cg-dropdown-menu-item-hover-background-color, #e6f2f9);color:var(--cg-dropdown-menu-item-hover-text-color, #353535);text-decoration:none}.cg-dropdown-submenu .cg-submenu-target:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-submenu .cg-submenu-target:active{background-color:var(--cg-dropdown-menu-item-active-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-active-text-color, #005b92)}.cg-dropdown-submenu .cg-submenu-target:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-selected{background-color:var(--cg-dropdown-menu-item-selected-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-selected-text-color, #353535)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-disabled,.cg-dropdown-submenu .cg-submenu-target:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-disabled-background-color, transparent)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-submenu .cg-submenu-target:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger{color:var(--cg-dropdown-menu-item-danger-text-color, #e5202e);background-color:var(--cg-dropdown-menu-item-danger-background-color, transparent)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-submenu .cg-submenu-target.cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}.cg-dropdown-menu-item button:focus:focus-visible,.cg-dropdown-submenu .cg-submenu-target:focus:focus-visible,.cg-dropdown-tab-list_unique:focus:focus-visible{outline:.125rem solid #000;outline-offset:-.125rem}.cg-dropdown-submenu .cg-submenu-target .cg-dropdown-item-chevron-icon [data-e2e=cg-icon]{margin-left:.5rem;font-size:.875rem}.cg-dropdown-list li{margin:0}.cg-dropdown-tab{padding:.375rem;border:0;cursor:pointer;color:var(--cg-dropdown-tab-text-color, #005b92);background-color:var(--cg-dropdown-tab-background-color, transparent);line-height:0;box-sizing:border-box;border:.125rem solid transparent;outline:0}.cg-dropdown-tab:focus-visible{outline:.125rem solid #000;outline-offset:-.125rem}.cg-dropdown-tab:hover{color:var(--cg-dropdown-tab-hover-text-color, #005b92);background-color:var(--cg-dropdown-tab-hover-background-color, #fff)}.cg-dropdown-tab.cg-dropdown-tab-selected{background-color:var(--cg-dropdown-tab-selected-background-color, #fff);color:var(--cg-dropdown-tab-selected-text-color, #353535)}.cg-dropdown-tab.cg-dropdown-tab-disabled{opacity:.5;cursor:default;background-color:var(--cg-dropdown-tab-disabled-background-color, transparent);color:var(--cg-dropdown-tab-disabled-text-color, #005b92)}.cg-dropdown-tabs-bar{background:var(--cg-dropdown-tabs-bar-background-color, #f6f6f6);margin-bottom:.25rem}.cg-dropdown-divider,.cg-dropdown-separator{border-top:.0625rem solid #dadada;margin:.25rem 0}.cg-field-choice-label,.cg-field-choice-label *,.cg-field-choice-label ::after,.cg-field-choice-label ::before{box-sizing:border-box}.cg-field-choice-label{display:inline-flex;font-size:1rem;line-height:1.25;padding-bottom:.5rem;padding-top:.5rem}@media (min-width:37.5rem){.cg-field-choice-label{padding-bottom:.25rem;padding-top:.25rem}}.cg-field-choice-label .cg-field-choice-box{flex-shrink:0;box-sizing:border-box;cursor:pointer;position:relative;background-color:var(--cg-field-choice-custom-background-color, #fff);border:.0625rem solid #757575;height:1rem;width:1rem;margin:.125rem 0}.cg-field-choice-label .cg-field-choice-description{width:100%;height:1.125rem;line-height:1.125rem;margin:.125rem 0 0 1.5rem;font-size:.875rem;word-break:break-all}.cg-field-choice-label input[type=checkbox],.cg-field-choice-label input[type=radio]{clip:rect(0,0,0,0);position:absolute}.cg-field-choice-label input[type=checkbox]:focus-visible~.cg-field-choice-box,.cg-field-choice-label input[type=radio]:focus-visible~.cg-field-choice-box{box-shadow:0 0 0 .125rem var(--cg-field-choice-custom-focus-border-color, #000);outline:0}.cg-field-choice-label input[type=checkbox]:enabled:checked~.cg-field-choice-box,.cg-field-choice-label input[type=radio]:enabled:checked~.cg-field-choice-box{background-color:var(--cg-field-choice-custom-checked-background-color, #005b92);border-color:var(--cg-field-choice-custom-checked-border-color, #005b92)}.cg-field-choice-label input[type=checkbox]:disabled:checked~.cg-field-choice-box::after,.cg-field-choice-label input[type=radio]:disabled:checked~.cg-field-choice-box::after{color:var(--cg-field-choice-indicator-checked-disabled-color, #757575)}.cg-field-choice-label input[type=checkbox]:disabled~.cg-field-choice-box,.cg-field-choice-label input[type=checkbox]:disabled~.cg-field-choice-description,.cg-field-choice-label input[type=checkbox]:disabled~.cg-field-choice-text,.cg-field-choice-label input[type=radio]:disabled~.cg-field-choice-box,.cg-field-choice-label input[type=radio]:disabled~.cg-field-choice-description,.cg-field-choice-label input[type=radio]:disabled~.cg-field-choice-text{opacity:.5;cursor:auto}.cg-field-choice-label input[type=checkbox]:checked~.cg-field-choice-box::after{border:0 solid currentColor;border-left-width:.0625rem;border-bottom-width:.0625rem;color:var(--cg-field-choice-indicator-checked-color, #fff);content:"";height:.25rem;left:50%;position:absolute;top:20%;transform:rotate(-45deg) translate(-50%,-50%);width:.5rem}.cg-field-choice-label.cg-field-choice-half-checked input[type=checkbox]:checked~.cg-field-choice-box::after{border-left-width:0;top:50%;transform:rotate(0) translate(-50%,-50%);height:0}.cg-field-choice-label.cg-field-choice-label-wrap{flex-wrap:wrap}.cg-field-choice-label input[type=radio]~.cg-field-choice-box{border-radius:50%}.cg-field-choice-label input[type=radio]:checked~.cg-field-choice-box::after{background-color:currentColor;border:.125rem solid currentColor;border-radius:50%;color:var(--cg-field-choice-indicator-checked-color, #fff);content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:0}.cg-field-choice-label .cg-field-choice-text{color:#353535;cursor:pointer;margin-left:.5rem}.cg-dropdown-list-checkbox,.cg-dropdown-menu-label{padding:0;margin:0;position:relative}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label],.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]{border:0;cursor:pointer;display:block;font-size:.875rem;line-height:1.29;margin:0;padding:.9375rem 1rem;text-align:left;white-space:nowrap;width:100%;color:var(--cg-dropdown-menu-item-text-color, #353535);background-color:var(--cg-dropdown-menu-item-background-color, transparent);background-color:transparent;display:inline-flex}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label] .cg-dropdown-item-content,.cg-dropdown-menu-label [data-e2e=cg-field-choice-label] .cg-dropdown-item-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label] .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label] .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-has-description{height:auto}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]:hover{background-color:var(--cg-dropdown-menu-item-hover-background-color, #e6f2f9);color:var(--cg-dropdown-menu-item-hover-text-color, #353535);text-decoration:none}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]:active{background-color:var(--cg-dropdown-menu-item-active-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-active-text-color, #005b92)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-selected{background-color:var(--cg-dropdown-menu-item-selected-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-selected-text-color, #353535)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-disabled,.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-disabled-background-color, transparent)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-menu-label [data-e2e=cg-field-choice-label]:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger{color:var(--cg-dropdown-menu-item-danger-text-color, #e5202e);background-color:var(--cg-dropdown-menu-item-danger-background-color, transparent)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-menu-label [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}.cg-dropdown-menu-label [data-e2e=cg-field-choice-label] .cg-field-choice-box{margin:.0625rem 0}.cg-dropdown-list-checkbox input:checked~.cg-dropdown-list-checkbox-background,.cg-dropdown-list-checkbox input:checked~.cg-dropdown-menu-label-background,.cg-dropdown-menu-label input:checked~.cg-dropdown-list-checkbox-background,.cg-dropdown-menu-label input:checked~.cg-dropdown-menu-label-background{background-color:#f2f8fc;width:100%;height:100%;content:"";top:0;z-index:-1;position:absolute;left:0}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label] .cg-dropdown-item-content,.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label] .cg-dropdown-item-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label] .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label] .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-has-description{height:auto}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label]:hover{background-color:var(--cg-dropdown-menu-item-hover-background-color, #e6f2f9);color:var(--cg-dropdown-menu-item-hover-text-color, #353535);text-decoration:none}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label]:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label]:active{background-color:var(--cg-dropdown-menu-item-active-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-active-text-color, #005b92)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label]:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-selected{background-color:var(--cg-dropdown-menu-item-selected-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-selected-text-color, #353535)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-disabled,.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label]:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-disabled-background-color, transparent)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label]:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger{color:var(--cg-dropdown-menu-item-danger-text-color, #e5202e);background-color:var(--cg-dropdown-menu-item-danger-background-color, transparent)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label].cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}.cg-dropdown-list-checkbox [data-e2e=cg-field-choice-label] .cg-field-choice-box{margin:.0625rem 0}.cg-dropdown-menu-item{padding:0;margin:0}.cg-dropdown-list-item,.cg-dropdown-menu-item .cg-dropdown-menu-item{border:0;cursor:pointer;display:block;font-size:.875rem;line-height:1.29;margin:0;padding:.9375rem 1rem;text-align:left;white-space:nowrap;width:100%;color:var(--cg-dropdown-menu-item-text-color, #353535);background-color:var(--cg-dropdown-menu-item-background-color, transparent)}.cg-dropdown-list-item .cg-dropdown-item-content,.cg-dropdown-list-item .cg-dropdown-item-description,.cg-dropdown-menu-item .cg-dropdown-menu-item .cg-dropdown-item-content,.cg-dropdown-menu-item .cg-dropdown-menu-item .cg-dropdown-item-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-dropdown-menu-item .cg-dropdown-menu-item .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-list-item .cg-dropdown-item-description,.cg-dropdown-menu-item .cg-dropdown-menu-item .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-dropdown-list-item.cg-has-description,.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-has-description{height:auto}.cg-dropdown-list-item:hover,.cg-dropdown-menu-item .cg-dropdown-menu-item:hover{background-color:var(--cg-dropdown-menu-item-hover-background-color, #e6f2f9);color:var(--cg-dropdown-menu-item-hover-text-color, #353535);text-decoration:none}.cg-dropdown-menu-item .cg-dropdown-menu-item:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-list-item:active,.cg-dropdown-menu-item .cg-dropdown-menu-item:active{background-color:var(--cg-dropdown-menu-item-active-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-active-text-color, #005b92)}.cg-dropdown-menu-item .cg-dropdown-menu-item:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-selected,.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-selected{background-color:var(--cg-dropdown-menu-item-selected-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-selected-text-color, #353535)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-disabled,.cg-dropdown-list-item:disabled,.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-disabled,.cg-dropdown-menu-item .cg-dropdown-menu-item:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-disabled-background-color, transparent)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-menu-item .cg-dropdown-menu-item:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-danger,.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger{color:var(--cg-dropdown-menu-item-danger-text-color, #e5202e);background-color:var(--cg-dropdown-menu-item-danger-background-color, transparent)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-menu-item .cg-dropdown-menu-item.cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}.cg-dropdown-list-item .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-list-item:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-list-item:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-list-item:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-list-item.cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-list-item.cg-dropdown-item-danger:focus:not(:focus-visible),.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-dropdown-list-item.cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-list-item.cg-dropdown-item-danger:hover .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-dropdown-list-item.cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-list-item.cg-dropdown-item-danger:active .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-dropdown-list-item.cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-list-item.cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-list-item.cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-list-item.cg-dropdown-item-danger:disabled .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}.cg-button-field.cg-button-field-icon button.cg-is-button-more,.cg-button-field.cg-button-field-icon button.cg-is-button-more:focus,.cg-button-field.cg-button-field-icon button.cg-is-button-more:hover{color:#005b92}.cg-button-field.cg-button-field-icon button.cg-is-button-more.cg-is-active,.cg-button-field.cg-button-field-icon button.cg-is-button-more:active{color:#353535}.cg-dropdown-listbox{margin:0;padding:0}.cg-dropdown-listbox .cg-dropdown-submenu-wrapper{background-color:var(--cg-dropdown-menu-background-color, #fff);border:.0625rem solid var(--cg-dropdown-menu-border-color, #dadada);box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1);display:none;padding:0;z-index:1040;min-width:11rem;max-width:50vw;position:absolute;left:100%;top:0}.cg-dropdown-listbox .cg-dropdown-submenu-wrapper.cg-is-open{display:flex;flex-direction:column}.cg-dropdown-listbox .cg-dropdown-submenu-wrapper [data-e2e=cg-dropdown-list],.cg-dropdown-listbox .cg-dropdown-submenu-wrapper [data-e2e=cg-dropdown-menu]{list-style:none;margin:0;padding:0}.cg-dropdown-listbox .cg-dropdown-close-area{display:none}.cg-dropdown-listbox .cg-submenu-target{border:0;cursor:pointer;display:block;font-size:.875rem;line-height:1.29;margin:0;padding:.9375rem 1rem;text-align:left;white-space:nowrap;width:100%;color:var(--cg-dropdown-menu-item-text-color, #353535);background-color:var(--cg-dropdown-menu-item-background-color, transparent);display:flex;justify-content:space-between;align-items:center}.cg-dropdown-list-anchor-item .cg-dropdown-item-content,.cg-dropdown-list-anchor-item .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target .cg-dropdown-item-content,.cg-dropdown-listbox .cg-submenu-target .cg-dropdown-item-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-dropdown-listbox .cg-submenu-target .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-list-anchor-item .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-dropdown-list-anchor-item.cg-has-description,.cg-dropdown-listbox .cg-submenu-target.cg-has-description{height:auto}.cg-dropdown-list-anchor-item:hover,.cg-dropdown-listbox .cg-submenu-target:hover{background-color:var(--cg-dropdown-menu-item-hover-background-color, #e6f2f9);color:var(--cg-dropdown-menu-item-hover-text-color, #353535);text-decoration:none}.cg-dropdown-listbox .cg-submenu-target:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-list-anchor-item:active,.cg-dropdown-listbox .cg-submenu-target:active{background-color:var(--cg-dropdown-menu-item-active-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-active-text-color, #005b92)}.cg-dropdown-listbox .cg-submenu-target:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-selected,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-selected{background-color:var(--cg-dropdown-menu-item-selected-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-selected-text-color, #353535)}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-disabled,.cg-dropdown-list-anchor-item:disabled,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-disabled,.cg-dropdown-listbox .cg-submenu-target:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-disabled-background-color, transparent)}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-listbox .cg-submenu-target:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger{color:var(--cg-dropdown-menu-item-danger-text-color, #e5202e);background-color:var(--cg-dropdown-menu-item-danger-background-color, transparent)}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-listbox .cg-submenu-target.cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-listbox .cg-submenu-target:focus:focus-visible{outline:.125rem solid #000;outline-offset:-.125rem}.cg-dropdown-listbox .cg-submenu-target .cg-dropdown-item-chevron-icon [data-e2e=cg-icon]{margin-left:.5rem;font-size:.875rem}.cg-dropdown-list-anchor-item{border:0;cursor:pointer;display:block;font-size:.875rem;line-height:1.29;margin:0;padding:.9375rem 1rem;text-align:left;white-space:nowrap;width:100%;color:var(--cg-dropdown-menu-item-text-color, #353535);background-color:var(--cg-dropdown-menu-item-background-color, transparent)}.cg-dropdown-list-anchor-item .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-dropdown-list-anchor-item:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-dropdown-list-anchor-item:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-list-anchor-item:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-dropdown-list-anchor-item.cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-dropdown-list-anchor-item.cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}a.cg-dropdown-list-anchor-item,a.cg-dropdown-list-anchor-item:active,a.cg-dropdown-list-anchor-item:focus:not(.cg-dropdown-item-danger),a.cg-dropdown-list-anchor-item:hover,a.cg-dropdown-list-anchor-item:visited{text-decoration:none}.cg-button-field.cg-button-field-icon button,.cg-button-field.cg-button-field-icon label{line-height:0;padding:.75rem;border:transparent;background-color:var(--cg-button-icon-background-color, transparent);color:var(--cg-button-icon-text-color, #353535)}.cg-button-field.cg-button-field-icon button[title] [data-e2e=cg-icon],.cg-button-field.cg-button-field-icon label[title] [data-e2e=cg-icon]{pointer-events:none}.cg-button-field.cg-button-field-icon button .cg-icon+.cg-icon,.cg-button-field.cg-button-field-icon button iconsvg+iconsvg,.cg-button-field.cg-button-field-icon button.cg-is-active .cg-icon,.cg-button-field.cg-button-field-icon button.cg-is-active iconsvg,.cg-button-field.cg-button-field-icon button:active .cg-icon,.cg-button-field.cg-button-field-icon button:active iconsvg,.cg-button-field.cg-button-field-icon label .cg-icon+.cg-icon,.cg-button-field.cg-button-field-icon label iconsvg+iconsvg,.cg-button-field.cg-button-field-icon label.cg-is-active .cg-icon,.cg-button-field.cg-button-field-icon label.cg-is-active iconsvg,.cg-button-field.cg-button-field-icon label:active .cg-icon,.cg-button-field.cg-button-field-icon label:active iconsvg{display:none}.cg-button-field.cg-button-field-icon button:hover,.cg-button-field.cg-button-field-icon label:hover{background-color:var(--cg-button-icon-hover-background-color, #e6f2f9);color:var(--cg-button-icon-hover-text-color, #353535);cursor:pointer}.cg-button-field.cg-button-field-icon button.cg-is-active,.cg-button-field.cg-button-field-icon button:active,.cg-button-field.cg-button-field-icon label.cg-is-active,.cg-button-field.cg-button-field-icon label:active{transition:background-color 100ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;color:var(--cg-button-icon-active-text-color, #005b92);background-color:var(--cg-button-icon-active-background-color, #e6f2f9)}.cg-button-field.cg-button-field-icon button:disabled,.cg-button-field.cg-button-field-icon label:disabled{opacity:.5;pointer-events:none;color:var(--cg-button-icon-disabled-text-color, #353535);background-color:var(--cg-button-icon-disabled-background-color, transparent)}.cg-button-field.cg-button-field-icon button.cg-is-active .cg-icon:nth-last-child(2),.cg-button-field.cg-button-field-icon button.cg-is-active .cg-icon:only-child,.cg-button-field.cg-button-field-icon button:active .cg-icon:nth-last-child(2),.cg-button-field.cg-button-field-icon button:active .cg-icon:only-child,.cg-button-field.cg-button-field-icon label.cg-is-active .cg-icon:nth-last-child(2),.cg-button-field.cg-button-field-icon label.cg-is-active .cg-icon:only-child,.cg-button-field.cg-button-field-icon label:active .cg-icon:nth-last-child(2),.cg-button-field.cg-button-field-icon label:active .cg-icon:only-child{display:inline-block}.cg-button-field.cg-button-field-icon button.cg-is-active iconsvg:last-of-type,.cg-button-field.cg-button-field-icon button:active iconsvg:last-of-type,.cg-button-field.cg-button-field-icon label.cg-is-active iconsvg:last-of-type,.cg-button-field.cg-button-field-icon label:active iconsvg:last-of-type{display:inline-block}.cg-button-field.cg-button-field-icon.cg-is-active button,.cg-button-field.cg-button-field-icon.cg-is-active label{background-color:var(--cg-button-icon-active-background-color, #e6f2f9);color:var(--cg-button-icon-active-text-color, #005b92)}.cg-button-field.cg-button-field-icon.cg-button-field-icon-large button,.cg-button-field.cg-button-field-icon.cg-button-field-icon-large label,.cg-button-field.cg-button-field-icon.cg-button-field-small button,.cg-button-field.cg-button-field-icon.cg-button-field-small label{padding:.5rem}.cg-button-field.cg-button-field-icon.cg-button-field-icon-large button .cg-icon,.cg-button-field.cg-button-field-icon.cg-button-field-icon-large label .cg-icon{font-size:1.5rem}.cg-button-field.cg-button-field-icon.cg-button-field-icon-large.cg-button-field-small button{padding:.25rem}.cg-button-field.cg-breadcrumb-context.cg-button-field-icon button{color:#005b92;padding:.5625rem .75rem .5625rem 0}.cg-button-field.cg-breadcrumb-context.cg-button-field-icon button:hover{color:#005b92}.cg-breadcrumb-back .cg-button-field.cg-button-field-icon button:after,.cg-button-field.cg-breadcrumb-context.cg-button-field-icon button:after{content:"";display:inline-block;background-color:#dadada;height:1rem;width:.0625rem;position:absolute;top:.5rem;right:0}.cg-button-field.cg-breadcrumb-context.cg-button-field-icon button .cg-icon{font-size:.875rem}.cg-button-field.cg-button-field-icon.cg-button-field-close,ag-grid,ag-grid-angular,ag-grid-aurelia,ag-grid-ng2,ag-grid-polymer{display:block}.cg-button-field.cg-button-field-icon.cg-button-field-close button{margin:.25rem}.cg-button-field.cg-button-field-icon.cg-button-field-close button,.cg-button-field.cg-button-field-icon.cg-button-field-close button:active,.cg-button-field.cg-button-field-icon.cg-button-field-close button:focus,.cg-button-field.cg-button-field-icon.cg-button-field-close button:hover,.cg-button-field.cg-button-field-icon.cg-button-field-close button:link,.cg-button-field.cg-button-field-icon.cg-button-field-close button:visited{background-color:transparent;color:#757575}.cg-fullscreen{max-height:100vh;max-width:100vw;display:flex}.cg-fullscreen.cg-fade-in,.cg-fullscreen.cg-fade-out{animation-timing-function:cubic-bezier(.4,0,1,1);animation-duration:300ms;animation-fill-mode:forwards}.cg-fullscreen.cg-fade-in{animation-name:cg-fade-in}.cg-fullscreen.cg-fade-out{animation-name:cg-fade-out}.cg-dropdown.cg-dropdown-mobile .cg-fullscreen-mobile-open [data-e2e=cg-menu-wrapper].cg-is-open,.cg-fullscreen.cg-fullscreen-instant{width:100vw;height:100vh}.cg-dropdown,.cg-dropdown *,.cg-dropdown ::after,.cg-dropdown ::before{box-sizing:border-box}.cg-dropdown,.cg-dropdown button{font-family:inherit}.cg-dropdown{display:inline-block;position:relative}.cg-dropdown [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus-visible,.cg-dropdown [data-dropdown-focus=dropdown-list] button:focus-visible,.cg-dropdown [data-dropdown-focus=dropdown-list] li:focus-visible{outline:.125rem solid #000;outline-offset:-.125rem}.cg-dropdown [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus,.cg-dropdown [data-dropdown-focus=dropdown-list] button:focus,.cg-dropdown [data-dropdown-focus=dropdown-list] li:focus{outline:.125rem solid #000;outline-offset:-.125rem}.cg-dropdown [data-dropdown-focus=dropdown-list] [data-dropdown-focus=dropdown-listbox-btn]:focus,.cg-dropdown [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus:active,.cg-dropdown [data-dropdown-focus=dropdown-list] button:focus:active,.cg-dropdown [data-dropdown-focus=dropdown-list] li:focus:active,.cg-dropdown [data-dropdown-focus=dropdown-list] li[aria-haspopup=menu]:focus{outline:0}.cg-dropdown [data-dropdown-focus=dropdown-list] [data-dropdown-focus=dropdown-listbox-btn]:focus-visible,.cg-dropdown [data-dropdown-focus=dropdown-list] li[aria-haspopup=menu]:focus-visible{outline:.125rem solid #000;outline-offset:-.125rem}.cg-dropdown .cg-dropdown-menu-wrapper{background-color:var(--cg-dropdown-menu-background-color, #fff);border:.0625rem solid var(--cg-dropdown-menu-border-color, #dadada);box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1);display:none;padding:0;position:absolute;z-index:1040;top:100%;left:0;min-width:11rem;max-width:50vw}.cg-dropdown .cg-dropdown-menu-wrapper.cg-is-open{display:flex;flex-direction:column}.cg-dropdown .cg-dropdown-menu-wrapper [data-e2e=cg-dropdown-list],.cg-dropdown .cg-dropdown-menu-wrapper [data-e2e=cg-dropdown-menu]{list-style:none;margin:0;padding:0}.cg-dropdown .cg-dropdown-menu-wrapper.cg-has-tabs .cg-dropdown-close-area{background-color:#f6f6f6}.cg-dropdown .cg-dropdown-menu-wrapper .cg-dropdown-menu-area,.cg-headbutt headbutt-body{overflow-y:auto}.cg-dropdown .cg-dropdown-menu-wrapper .cg-dropdown-menu-area [data-e2e=cg-field]{margin-bottom:0;padding:0 1rem .5rem}.cg-dropdown .cg-dropdown-menu-wrapper .cg-dropdown-menu-area [data-e2e=cg-field] input{padding-top:0;padding-bottom:0}.cg-dropdown .cg-dropdown-menu-wrapper .cg-dropdown-menu-area [data-e2e=cg-field].cg-field-secondary input{padding-left:0}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-menu-wrapper{bottom:0;left:0;margin-top:0;overflow:auto;padding:0;position:relative;right:0;top:0;width:auto;max-width:none;min-width:auto}.cg-dropdown.cg-dropdown-mobile [data-e2e=cg-fullscreen]{position:fixed;z-index:1040;left:0;top:0}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-tabs-bar{position:absolute;top:0;left:0;right:3rem;margin-bottom:0;height:3rem;overflow:hidden}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-tab{padding:.875rem}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-listbox .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item,.cg-dropdown.cg-dropdown-mobile .cg-dropdown-submenu .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item{padding-left:2rem}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-listbox .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item,.cg-dropdown.cg-dropdown-mobile .cg-dropdown-submenu .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item{padding-left:3rem}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-listbox .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item,.cg-dropdown.cg-dropdown-mobile .cg-dropdown-submenu .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item{padding-left:4rem}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-listbox .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item,.cg-dropdown.cg-dropdown-mobile .cg-dropdown-submenu .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item{padding-left:5rem}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-listbox .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item,.cg-dropdown.cg-dropdown-mobile .cg-dropdown-submenu .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-submenu-wrapper .cg-dropdown-nested-item{padding-left:6rem}.cg-dropdown.cg-dropdown-mobile .cg-dropdown-listbox .cg-dropdown-submenu-wrapper,.cg-dropdown.cg-dropdown-mobile .cg-dropdown-submenu .cg-dropdown-submenu-wrapper{left:0;top:auto;padding-left:0;border:0;min-width:100%;box-shadow:none;position:relative}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-wrapper [data-e2e=cg-dropdown-list],.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-wrapper [data-e2e=cg-dropdown-menu],.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-submenu-wrapper [data-e2e=cg-dropdown-list],.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-submenu-wrapper [data-e2e=cg-dropdown-menu]{padding:.25rem 0}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-area{max-height:37.5rem}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-area [data-e2e=cg-field]{padding:1rem 1rem .25rem}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-list-anchor-item:not(.cg-has-description),.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-list-item:not(.cg-has-description),.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-item .cg-dropdown-menu-item:not(.cg-has-description),.cg-dropdown:not(.cg-dropdown-mobile) .cg-submenu-target:not(.cg-has-description),.cg-dropdown:not(.cg-dropdown-mobile) [data-e2e=cg-field-choice-label]:not(.cg-has-description){height:2rem}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-list-anchor-item,.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-list-item,.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-item .cg-dropdown-menu-item,.cg-dropdown:not(.cg-dropdown-mobile) .cg-submenu-target,.cg-dropdown:not(.cg-dropdown-mobile) [data-e2e=cg-field-choice-label]{padding:.4375rem 1rem}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-list-section,.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-category{padding:.75rem 1rem .25rem}.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-list-section:first-child,.cg-dropdown:not(.cg-dropdown-mobile) .cg-dropdown-menu-category:first-child{padding-top:.5rem}.cg-dropdown .cg-dropdown-close-area{justify-content:flex-end;display:flex}.cg-dropdown .cg-fullscreen-mobile-scrolled .cg-dropdown-close-area{border-bottom:.0625rem solid #dadada;box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1);position:relative}.cg-dropdown-doc-ref{display:inline;height:0}.cg-multiselect dropdown,dropdown.cg{height:0}.cg-button-group{width:100%;display:flex;justify-content:flex-end}.cg-button-group .cg-button-group-separator{border-left:.0625rem solid #dadada}.cg-button-group .cg-button-group-items{width:100%;display:flex;align-items:stretch;justify-content:flex-end;list-style:none;margin:0;padding:0}.cg-button-group .cg-button-group-items.cg-is-left-aligned{justify-content:flex-start;margin-left:-1rem}.cg-button-group .cg-button-group-items.cg-is-left-aligned .cg-button-group-dropdown-container{margin-left:auto}.cg-button-group .cg-button-group-item{display:flex;align-items:center;margin-top:0;flex-shrink:0}.cg-button-group .cg-button-group-dropdown-container{margin-top:0;display:inline-flex;align-items:center}.cg-button-group .cg-button-group-dropdown-container.cg-has-margin-left-icon,.cg-button-group .cg-button-group-item.cg-has-margin-left-icon{margin-left:.5rem}.cg-button-group .cg-button-group-dropdown-container.cg-has-margin-left-default,.cg-button-group .cg-button-group-item.cg-has-margin-left-default{margin-left:1rem}.cg-button-group .cg-is-hidden{visibility:hidden;position:absolute;top:-312.5rem;left:-312.5rem}.cg-button-group .cg-is-hidden button[data-e2e=cg-dropdown-toggle]{width:0;height:0;padding:0}.cg-button-group.cg-is-static,.cg-button-group.cg-is-static-collapsed-on-mobile{width:auto}@media (max-width:37.4375rem){.cg-button-group.cg-is-static-collapsed-on-mobile .cg-button-group-item{display:none}}@media (min-width:37.5rem){.cg-button-group.cg-is-static-collapsed-on-mobile .cg-button-group-dropdown-container{display:none}}.cg-action-bar,.cg-action-bar *,.cg-action-bar ::after,.cg-action-bar ::before{box-sizing:border-box}.cg-action-bar{font-family:inherit;display:flex;font-size:.875rem;opacity:1;height:3rem;background-color:#fff;border-top:.0625rem solid #dadada}@media (min-width:37.5rem){.cg-action-bar{height:3.5rem}}.cg-action-bar .cg-action-bar-panels{flex-grow:1;margin-left:1rem;margin-right:0;display:flex;align-items:stretch}@media (min-width:64rem){.cg-action-bar .cg-action-bar-panels{margin-left:2rem;margin-right:1rem}}.cg-action-bar .cg-action-bar-panels action-bar-panel-actions:only-child,.cg-action-bar .cg-action-bar-panels>[data-e2e=cg-action-bar-panel-actions]:only-child{margin-left:-1rem}.cg-action-bar action-bar-panel-button{display:flex}.cg-action-bar action-bar-panel-actions,.cg-action-bar action-bar-panel-custom{flex:0 0 auto;display:flex}.cg-action-bar action-bar-panel-actions:last-child,.cg-action-bar action-bar-panel-custom:last-child{flex-grow:1}.cg-action-bar [data-e2e=cg-action-bar-panel-custom]+[data-e2e=cg-action-bar-panel-actions],.cg-action-bar action-bar-panel-custom+action-bar-panel-actions [data-e2e=cg-action-bar-panel-actions]{border-left:.0625rem solid #dadada}.ag-hidden{display:none!important}.ag-invisible{visibility:hidden!important}.ag-drag-handle{cursor:move;cursor:grab}.ag-column-drop-wrapper{display:flex}.ag-column-drop-horizontal-half-width{display:inline-block;width:50%!important}.ag-unselectable{-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.ag-selectable{-moz-user-select:text;-webkit-user-select:text;-ms-user-select:text;user-select:text}.ag-tab{position:relative}.ag-tab-guard{width:0;height:0;display:block}.ag-select-agg-func-popup,.ag-tab-guard{position:absolute}.ag-input-wrapper,.ag-picker-field-wrapper{display:flex;flex:1 1 auto;align-items:center;line-height:normal;position:relative}.ag-shake-left-to-right{animation-direction:alternate;animation-duration:.2s;animation-iteration-count:infinite;animation-name:ag-shake-left-to-right}.ag-root-wrapper{cursor:default;position:relative;display:flex;flex-direction:column;overflow:hidden}.ag-root-wrapper.ag-layout-normal{height:100%}.ag-watermark{position:absolute;bottom:20px;right:25px;opacity:.5;transition:opacity 1s ease-out 3s}.ag-watermark::before{content:"";background-image:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDIzNSA0MCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxuczpzZXJpZj0iaHR0cDovL3d3dy5zZXJpZi5jb20vIiBzdHlsZT0iZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kO3N0cm9rZS1taXRlcmxpbWl0OjI7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNjM1NzIzLDAsMCwwLjYzNTcyMywtNDkyLjkyMSwtMzIzLjYwOCkiPgogICAgICAgIDxwYXRoIGQ9Ik0xMDk5LjQsNTQ5LjRMMTA5OS40LDUzNi45TDEwNzguMSw1MzYuOUwxMDY1LjYsNTQ5LjRMMTA5OS40LDU0OS40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTEyMy40LDUxOC40TDEwOTYuNyw1MTguNEwxMDg0LjEsNTMwLjlMMTEyMy40LDUzMC45TDExMjMuNCw1MTguNFoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwNTMuMiw1NjEuOUwxMDU5LjYsNTU1LjVMMTA4MS4yLDU1NS41TDEwODEuMiw1NjhMMTA1My4yLDU2OEwxMDUzLjIsNTYxLjlaIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDU3LjksNTQzLjNMMTA3MS43LDU0My4zTDEwODQuMyw1MzAuOEwxMDU3LjksNTMwLjhMMTA1Ny45LDU0My4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNMTA0Mi44LDU2MS45TDEwNTMuMiw1NjEuOUwxMDY1LjYsNTQ5LjRMMTA0Mi44LDU0OS40TDEwNDIuOCw1NjEuOVoiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICAgICAgPHBhdGggZD0iTTEwOTYuNyw1MTguNEwxMDkwLjMsNTI0LjhMMTA0OS41LDUyNC44TDEwNDkuNSw1MTIuM0wxMDk2LjcsNTEyLjNMMTA5Ni43LDUxOC40WiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNODI4LjYsNTU5LjdMODA5LDU1OS43TDgwNS42LDU2OC4xTDc5Nyw1NjguMUw4MTUuMSw1MjUuN0w4MjIuNiw1MjUuN0w4NDAuNyw1NjguMUw4MzIsNTY4LjFMODI4LjYsNTU5LjdaTTgyNS45LDU1M0w4MTguOCw1MzUuN0w4MTEuNyw1NTNMODI1LjksNTUzWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTYwLjEsNTQxLjNDOTYyLjYsNTM3LjYgOTY4LjksNTM3LjIgOTcxLjUsNTM3LjJMOTcxLjUsNTQ0LjRDOTY4LjMsNTQ0LjQgOTY1LjEsNTQ0LjUgOTYzLjIsNTQ1LjlDOTYxLjMsNTQ3LjMgOTYwLjMsNTQ5LjIgOTYwLjMsNTUxLjVMOTYwLjMsNTY4LjFMOTUyLjUsNTY4LjFMOTUyLjUsNTM3LjJMOTYwLDUzNy4yTDk2MC4xLDU0MS4zWiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTM3LjIiIHdpZHRoPSI3LjgiIGhlaWdodD0iMzAuOSIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTsiLz4KICAgICAgICA8cmVjdCB4PSI5NzUuOCIgeT0iNTIzLjQiIHdpZHRoPSI3LjgiIGhlaWdodD0iOS4yIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpOyIvPgogICAgICAgIDxwYXRoIGQ9Ik0xMDIyLjMsNTIzLjRMMTAyMi4zLDU2OC4xTDEwMTQuOCw1NjguMUwxMDE0LjYsNTYzLjRDMTAxMy41LDU2NSAxMDEyLjEsNTY2LjMgMTAxMC40LDU2Ny4zQzEwMDguNyw1NjguMiAxMDA2LjYsNTY4LjcgMTAwNC4yLDU2OC43QzEwMDIuMSw1NjguNyAxMDAwLjEsNTY4LjMgOTk4LjQsNTY3LjZDOTk2LjYsNTY2LjggOTk1LDU2NS44IDk5My43LDU2NC40Qzk5Mi40LDU2MyA5OTEuMyw1NjEuMyA5OTAuNiw1NTkuNEM5ODkuOCw1NTcuNSA5ODkuNSw1NTUuMyA5ODkuNSw1NTIuOUM5ODkuNSw1NTAuNSA5ODkuOSw1NDguMyA5OTAuNiw1NDYuM0M5OTEuNCw1NDQuMyA5OTIuNCw1NDIuNiA5OTMuNyw1NDEuMkM5OTUsNTM5LjggOTk2LjYsNTM4LjcgOTk4LjQsNTM3LjlDMTAwMC4yLDUzNy4xIDEwMDIuMSw1MzYuNyAxMDA0LjIsNTM2LjdDMTAwNi42LDUzNi43IDEwMDguNiw1MzcuMSAxMDEwLjMsNTM4QzEwMTIsNTM4LjkgMTAxMy40LDU0MC4xIDEwMTQuNSw1NDEuOEwxMDE0LjUsNTIzLjVMMTAyMi4zLDUyMy41TDEwMjIuMyw1MjMuNFpNMTAwNS45LDU2MkMxMDA4LjUsNTYyIDEwMTAuNSw1NjEuMSAxMDEyLjEsNTU5LjRDMTAxMy43LDU1Ny43IDEwMTQuNSw1NTUuNCAxMDE0LjUsNTUyLjZDMTAxNC41LDU0OS44IDEwMTMuNyw1NDcuNiAxMDEyLjEsNTQ1LjhDMTAxMC41LDU0NC4xIDEwMDguNSw1NDMuMiAxMDA1LjksNTQzLjJDMTAwMy40LDU0My4yIDEwMDEuMyw1NDQuMSA5OTkuOCw1NDUuOEM5OTguMiw1NDcuNSA5OTcuNCw1NDkuOCA5OTcuNCw1NTIuNkM5OTcuNCw1NTUuNCA5OTguMiw1NTcuNiA5OTkuOCw1NTkuM0MxMDAxLjQsNTYxLjEgMTAwMy40LDU2MiAxMDA1LjksNTYyIiBzdHlsZT0iZmlsbDpyZ2IoMjQsMjksMzEpO2ZpbGwtcnVsZTpub256ZXJvOyIvPgogICAgICAgIDxwYXRoIGQ9Ik04ODUuOCw1NDQuMkw4NjYuNSw1NDQuMkw4NjYuNSw1NTAuOUw4NzcuNSw1NTAuOUM4NzcuMiw1NTQuMyA4NzUuOSw1NTYuOSA4NzMuNyw1NTlDODcxLjUsNTYxIDg2OC43LDU2MiA4NjUuMSw1NjJDODYzLjEsNTYyIDg2MS4yLDU2MS42IDg1OS42LDU2MC45Qzg1Ny45LDU2MC4yIDg1Ni41LDU1OS4yIDg1NS4zLDU1Ny44Qzg1NC4xLDU1Ni41IDg1My4yLDU1NC45IDg1Mi41LDU1M0M4NTEuOCw1NTEuMSA4NTEuNSw1NDkuMSA4NTEuNSw1NDYuOEM4NTEuNSw1NDQuNSA4NTEuOCw1NDIuNSA4NTIuNSw1NDAuNkM4NTMuMSw1MzguNyA4NTQuMSw1MzcuMiA4NTUuMyw1MzUuOEM4NTYuNSw1MzQuNSA4NTcuOSw1MzMuNSA4NTkuNiw1MzIuN0M4NjEuMyw1MzIgODYzLjEsNTMxLjYgODY1LjIsNTMxLjZDODY5LjQsNTMxLjYgODcyLjYsNTMyLjYgODc0LjgsNTM0LjZMODgwLDUyOS40Qzg3Ni4xLDUyNi40IDg3MS4xLDUyNC44IDg2NS4yLDUyNC44Qzg2MS45LDUyNC44IDg1OC45LDUyNS4zIDg1Ni4yLDUyNi40Qzg1My41LDUyNy41IDg1MS4yLDUyOC45IDg0OS4zLDUzMC44Qzg0Ny40LDUzMi43IDg0NS45LDUzNSA4NDQuOSw1MzcuN0M4NDMuOSw1NDAuNCA4NDMuNCw1NDMuNCA4NDMuNCw1NDYuNkM4NDMuNCw1NDkuOCA4NDMuOSw1NTIuOCA4NDUsNTU1LjVDODQ2LjEsNTU4LjIgODQ3LjUsNTYwLjUgODQ5LjQsNTYyLjRDODUxLjMsNTY0LjMgODUzLjYsNTY1LjggODU2LjMsNTY2LjhDODU5LDU2Ny45IDg2Miw1NjguNCA4NjUuMiw1NjguNEM4NjguNCw1NjguNCA4NzEuMyw1NjcuOSA4NzMuOSw1NjYuOEM4NzYuNSw1NjUuNyA4NzguNyw1NjQuMyA4ODAuNSw1NjIuNEM4ODIuMyw1NjAuNSA4ODMuNyw1NTguMiA4ODQuNyw1NTUuNUM4ODUuNyw1NTIuOCA4ODYuMiw1NDkuOCA4ODYuMiw1NDYuNkw4ODYuMiw1NDUuM0M4ODUuOSw1NDUuMSA4ODUuOCw1NDQuNiA4ODUuOCw1NDQuMiIgc3R5bGU9ImZpbGw6cmdiKDI0LDI5LDMxKTtmaWxsLXJ1bGU6bm9uemVybzsiLz4KICAgICAgICA8cGF0aCBkPSJNOTQ2LjgsNTQ0LjJMOTI3LjUsNTQ0LjJMOTI3LjUsNTUwLjlMOTM4LjUsNTUwLjlDOTM4LjIsNTU0LjMgOTM2LjksNTU2LjkgOTM0LjcsNTU5QzkzMi41LDU2MSA5MjkuNyw1NjIgOTI2LjEsNTYyQzkyNC4xLDU2MiA5MjIuMiw1NjEuNiA5MjAuNiw1NjAuOUM5MTguOSw1NjAuMiA5MTcuNSw1NTkuMiA5MTYuMyw1NTcuOEM5MTUuMSw1NTYuNSA5MTQuMiw1NTQuOSA5MTMuNSw1NTNDOTEyLjgsNTUxLjEgOTEyLjUsNTQ5LjEgOTEyLjUsNTQ2LjhDOTEyLjUsNTQ0LjUgOTEyLjgsNTQyLjUgOTEzLjUsNTQwLjZDOTE0LjEsNTM4LjcgOTE1LjEsNTM3LjIgOTE2LjMsNTM1LjhDOTE3LjUsNTM0LjUgOTE4LjksNTMzLjUgOTIwLjYsNTMyLjdDOTIyLjMsNTMyIDkyNC4xLDUzMS42IDkyNi4yLDUzMS42QzkzMC40LDUzMS42IDkzMy42LDUzMi42IDkzNS44LDUzNC42TDk0MSw1MjkuNEM5MzcuMSw1MjYuNCA5MzIuMSw1MjQuOCA5MjYuMiw1MjQuOEM5MjIuOSw1MjQuOCA5MTkuOSw1MjUuMyA5MTcuMiw1MjYuNEM5MTQuNSw1MjcuNSA5MTIuMiw1MjguOSA5MTAuMyw1MzAuOEM5MDguNCw1MzIuNyA5MDYuOSw1MzUgOTA1LjksNTM3LjdDOTA0LjksNTQwLjQgOTA0LjQsNTQzLjQgOTA0LjQsNTQ2LjZDOTA0LjQsNTQ5LjggOTA0LjksNTUyLjggOTA2LDU1NS41QzkwNy4xLDU1OC4yIDkwOC41LDU2MC41IDkxMC40LDU2Mi40QzkxMi4zLDU2NC4zIDkxNC42LDU2NS44IDkxNy4zLDU2Ni44QzkyMCw1NjcuOSA5MjMsNTY4LjQgOTI2LjIsNTY4LjRDOTI5LjQsNTY4LjQgOTMyLjMsNTY3LjkgOTM0LjksNTY2LjhDOTM3LjUsNTY1LjcgOTM5LjcsNTY0LjMgOTQxLjUsNTYyLjRDOTQzLjMsNTYwLjUgOTQ0LjcsNTU4LjIgOTQ1LjcsNTU1LjVDOTQ2LjcsNTUyLjggOTQ3LjIsNTQ5LjggOTQ3LjIsNTQ2LjZMOTQ3LjIsNTQ1LjNDOTQ2LjksNTQ1LjEgOTQ2LjgsNTQ0LjYgOTQ2LjgsNTQ0LjIiIHN0eWxlPSJmaWxsOnJnYigyNCwyOSwzMSk7ZmlsbC1ydWxlOm5vbnplcm87Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=);background-repeat:no-repeat;background-size:170px 40px;display:block;height:40px;width:170px;opacity:.5}.ag-watermark-text{opacity:.5;font-weight:700;font-family:Impact,sans-serif;font-size:19px;padding-left:.7rem}.ag-root,.ag-root-wrapper-body{display:flex;flex-direction:row}.ag-root-wrapper-body.ag-layout-normal{flex:1 1 auto;height:0;min-height:0}.ag-root{position:relative;flex-direction:column}.ag-root.ag-layout-normal{overflow:hidden;flex:1 1 auto;width:0}.ag-root.ag-layout-auto-height{flex:1 1 auto;width:0}.ag-root.ag-layout-normal{height:100%}.ag-body-horizontal-scroll-viewport,.ag-body-viewport,.ag-center-cols-viewport,.ag-floating-bottom-viewport,.ag-floating-top-viewport,.ag-header-viewport{position:relative;height:100%;min-width:0;overflow:hidden;flex:1 1 auto}.ag-virtual-list-viewport{position:relative;height:100%;min-width:0;flex:1 1 auto}.ag-body-viewport.ag-layout-print{flex:none}@media print{.ag-root-wrapper.ag-layout-print,.ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,.ag-root-wrapper.ag-layout-print .ag-body-viewport,.ag-root-wrapper.ag-layout-print .ag-center-cols-clipper,.ag-root-wrapper.ag-layout-print .ag-center-cols-container,.ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,.ag-root-wrapper.ag-layout-print .ag-root,.ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,.ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport{height:auto!important;overflow:hidden!important;display:block!important}.ag-root-wrapper.ag-layout-print .ag-row{page-break-inside:avoid}}.ag-body-viewport{display:flex}.ag-body-viewport.ag-layout-normal{overflow-y:auto;-webkit-overflow-scrolling:touch}.ag-center-cols-viewport{width:100%;overflow-x:auto}.ag-body-horizontal-scroll-viewport{overflow-x:scroll}.ag-virtual-list-viewport{overflow:auto;width:100%}.ag-body-container,.ag-body-horizontal-scroll-container,.ag-center-cols-container,.ag-floating-bottom-container,.ag-floating-top-container,.ag-header-container,.ag-pinned-left-cols-container,.ag-pinned-right-cols-container,.ag-virtual-list-container{position:relative}.ag-floating-bottom-container,.ag-floating-top-container,.ag-header-container{height:100%;white-space:nowrap}.ag-center-cols-container,.ag-pinned-right-cols-container{display:block}.ag-layout-print .ag-center-cols-clipper{min-width:100%}.ag-body-horizontal-scroll-container{height:100%}.ag-floating-bottom-full-width-container,.ag-floating-top-full-width-container,.ag-full-width-container{position:absolute;top:0;left:0;pointer-events:none}.ag-full-width-container{width:100%}.ag-floating-bottom-full-width-container,.ag-floating-top-full-width-container{display:inline-block;overflow:hidden;height:100%;width:100%}.ag-virtual-list-container{overflow:hidden}.ag-center-cols-clipper{flex:1 1 auto;min-width:0;overflow:hidden;min-height:100%;transform:translate3d(0,0,0)}.ag-body-horizontal-scroll{min-height:0;min-width:0;width:100%;display:flex;position:relative}.ag-body-horizontal-scroll.ag-invisible-scrollbar{position:absolute;bottom:0;left:0;right:0}.ag-layout-print .ag-body-horizontal-scroll{display:none}.ag-force-vertical-scroll{overflow-y:scroll!important}.ag-force-vertical-scroll.ag-layout-print{overflow-y:visible!important}.ag-horizontal-left-spacer,.ag-horizontal-right-spacer{height:100%;min-width:0;overflow-x:scroll}.ag-horizontal-left-spacer.ag-scroller-corner,.ag-horizontal-right-spacer.ag-scroller-corner{overflow-x:hidden}.ag-header,.ag-pinned-left-header,.ag-pinned-right-header{display:inline-block;overflow:hidden;position:relative}.ag-header-cell-sortable{cursor:pointer}.ag-header{display:flex;width:100%;white-space:nowrap}.ag-pinned-left-header,.ag-pinned-right-header{height:100%}.ag-header-cell,.ag-header-row{position:absolute;overflow:hidden}.ag-header-cell{display:inline-flex;align-items:center;height:100%}.ag-header-cell.ag-header-active .ag-header-cell-menu-button{opacity:1}.ag-header-cell-menu-button:not(.ag-header-menu-always-show){transition:opacity .2s;opacity:0}.ag-header-cell-label,.ag-header-group-cell-label{display:flex;flex:1 1 auto;overflow:hidden;align-items:center;text-overflow:ellipsis;align-self:stretch}.ag-header-cell-text,.ag-header-group-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-right-aligned-header .ag-header-cell-label{flex-direction:row-reverse}.ag-header-cell-resize{position:absolute;z-index:2;height:100%;width:8px;top:0;cursor:ew-resize}.ag-ltr .ag-header-cell-resize{right:-4px}.ag-rtl .ag-header-cell-resize{left:-4px}.ag-pinned-left-header .ag-header-cell-resize{right:-4px}.ag-pinned-right-header .ag-header-cell-resize{left:-4px}.ag-header-select-all{display:flex}.ag-column-moving .ag-cell,.ag-column-moving .ag-header-cell{transition:left .2s}.ag-column-moving .ag-header-group-cell{transition:left .2s,width .2s}.ag-column-panel,.ag-column-select{display:flex;flex-direction:column;overflow:hidden}.ag-column-panel{flex:1 1 auto}.ag-column-select{flex-grow:3;flex-shrink:1;flex-basis:0}.ag-column-select-header{position:relative;display:flex;flex:none}.ag-column-select-header-icon{position:relative}.ag-column-select-header-filter-wrapper,.ag-floating-filter-full-body>div{flex:1 1 auto}.ag-column-select-header-filter{width:100%}.ag-column-select-list{flex:1 1 0px;overflow:hidden}.ag-column-drop{display:inline-flex;align-items:center;overflow:auto;width:100%}.ag-column-drop-cell,.ag-column-drop-list{display:flex;align-items:center}.ag-column-drop-cell-text{overflow:hidden;flex:1 1 auto;text-overflow:ellipsis;white-space:nowrap}.ag-column-drop-vertical{display:flex;flex-direction:column;overflow:hidden;flex:1 1 0px;align-items:stretch}.ag-column-drop-vertical-title-bar{display:flex;align-items:center;flex:none}.ag-column-drop-vertical-list{position:relative;align-items:stretch;flex-grow:1;flex-direction:column;overflow-x:auto}.ag-column-drop-vertical-list>*{flex:none}.ag-column-drop-empty .ag-column-drop-vertical-list{overflow:hidden}.ag-column-drop-vertical-empty-message{display:block}.ag-column-drop.ag-column-drop-horizontal{white-space:nowrap;overflow:hidden}.ag-column-drop-cell-button{cursor:pointer}.ag-filter-toolpanel{flex:1 1 0px;min-width:0}.ag-filter-toolpanel-header{position:relative}.ag-filter-toolpanel-header,.ag-filter-toolpanel-header>*,.ag-filter-toolpanel-search,.ag-filter-toolpanel-search>*{display:flex;align-items:center}.ag-filter-apply-panel{display:flex;justify-content:flex-end;overflow:hidden}.ag-row-animation .ag-row{transition:transform .4s,top .4s,height .4s,background-color .1s,opacity .2s}.ag-row-no-animation .ag-row{transition:background-color .1s}.ag-row{white-space:nowrap;width:100%}.ag-row-loading{display:flex;align-items:center}.ag-row-position-absolute{position:absolute}.ag-row-position-relative{position:relative}.ag-full-width-row{overflow:hidden;pointer-events:all}.ag-row-inline-editing{z-index:1}.ag-row-dragging{z-index:2}.ag-stub-cell{display:flex;align-items:center}.ag-cell{display:inline-block;position:absolute;white-space:nowrap}.ag-cell-value,.ag-group-value{overflow:hidden;text-overflow:ellipsis}.ag-cell-wrap-text{white-space:normal;word-break:break-all}.ag-cell-wrapper{display:flex;height:100%}.ag-cell-wrapper,.ag-full-width-row .ag-cell-wrapper.ag-row-group{align-items:center}.ag-cell-auto-height{height:100%}.ag-cell-inline-editing{z-index:1}.ag-cell-inline-editing .ag-cell-edit-wrapper,.ag-cell-inline-editing .ag-cell-editor,.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,.ag-cell-inline-editing .ag-cell-editor input{height:100%;width:100%;line-height:normal}.ag-cell .ag-icon{display:inline-block;vertical-align:middle}.ag-set-filter-item{display:flex;align-items:center;height:100%}.ag-set-filter-item-value{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ag-set-filter-item-checkbox{display:flex}.ag-filter-body-wrapper{display:flex;flex-direction:column}.ag-filter-filter{flex:1 1 0px}.ag-filter-condition{display:flex;justify-content:center}.ag-floating-filter-body{position:relative;display:flex;flex:1 1 auto;height:100%}.ag-floating-filter-full-body{display:flex;flex:1 1 auto;height:100%;width:100%;align-items:center;overflow:hidden}.ag-floating-filter{display:inline-block;position:absolute}.ag-floating-filter-input{align-items:center;display:flex;width:100%}.ag-floating-filter-input>*{flex:1 1 auto}.ag-floating-filter-button{display:flex;flex:none}.ag-dnd-ghost{position:absolute;display:inline-flex;align-items:center;cursor:move;white-space:nowrap;z-index:9999}.ag-overlay{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}.ag-overlay-panel,.ag-overlay-wrapper{display:flex;height:100%;width:100%}.ag-overlay-wrapper{flex:none;align-items:center;justify-content:center;text-align:center}.ag-overlay-loading-wrapper{pointer-events:all}.ag-popup-child{z-index:5;top:0}.ag-popup-editor{position:absolute;user-select:none;z-index:1}.ag-large-text-input{display:block}.ag-virtual-list-item{position:absolute;width:100%}.ag-floating-top{overflow:hidden;white-space:nowrap;width:100%;position:relative;display:flex}.ag-pinned-left-floating-top,.ag-pinned-right-floating-top{display:inline-block;overflow:hidden;position:relative;min-width:0}.ag-floating-bottom{overflow:hidden;white-space:nowrap;width:100%;position:relative;display:flex}.ag-pinned-left-floating-bottom,.ag-pinned-right-floating-bottom{display:inline-block;overflow:hidden;position:relative;min-width:0}.ag-dialog,.ag-panel{display:flex;flex-direction:column;overflow:hidden}.ag-panel{position:relative}.ag-panel-title-bar{display:flex;flex:none;align-items:center;cursor:default}.ag-panel-title-bar-title{flex:1 1 auto}.ag-panel-title-bar-buttons{display:flex}.ag-panel-title-bar-button{cursor:pointer}.ag-panel-content-wrapper{display:flex;flex:1 1 auto;position:relative;overflow:hidden}.ag-dialog{position:absolute}.ag-resizer,.ag-tooltip{position:absolute;pointer-events:none;z-index:1}.ag-resizer.ag-resizer-topLeft{top:0;left:0;height:5px;width:5px;cursor:nwse-resize}.ag-resizer.ag-resizer-top{top:0;left:5px;right:5px;height:5px;cursor:ns-resize}.ag-resizer.ag-resizer-topRight{top:0;right:0;height:5px;width:5px;cursor:nesw-resize}.ag-resizer.ag-resizer-right{top:5px;right:0;bottom:5px;width:5px;cursor:ew-resize}.ag-resizer.ag-resizer-bottomRight{bottom:0;right:0;height:5px;width:5px;cursor:nwse-resize}.ag-resizer.ag-resizer-bottom{bottom:0;left:5px;right:5px;height:5px;cursor:ns-resize}.ag-resizer.ag-resizer-bottomLeft{bottom:0;left:0;height:5px;width:5px;cursor:nesw-resize}.ag-resizer.ag-resizer-left{left:0;top:5px;bottom:5px;width:5px;cursor:ew-resize}.ag-tooltip{z-index:99999}.ag-value-slide-out{margin-right:5px;opacity:1;transition:opacity 3s,margin-right 3s;transition-timing-function:linear}.ag-value-slide-out-end{margin-right:10px;opacity:0}.ag-opacity-zero{opacity:0!important}.ag-menu{max-height:100%;overflow-y:auto;position:absolute;user-select:none}.ag-menu-column-select-wrapper{height:265px;overflow:auto}.ag-menu-column-select-wrapper .ag-column-select{height:100%}.ag-menu-list{display:table;width:100%}.ag-menu-option,.ag-menu-separator{display:table-row}.ag-menu-option-part,.ag-menu-separator-part{display:table-cell;vertical-align:middle}.ag-menu-option-text{white-space:nowrap}.ag-compact-menu-option{width:100%;display:flex;flex-wrap:nowrap}.ag-compact-menu-option-text{white-space:nowrap;flex:1 1 auto}.ag-rich-select{cursor:default;outline:0}.ag-rich-select-value{display:flex;align-items:center}.ag-rich-select-value-icon{flex:1 1 auto;order:1}.ag-ltr .ag-rich-select-value-icon{text-align:right}.ag-rtl .ag-rich-select-value-icon{text-align:left}.ag-rich-select-list{position:relative}.ag-rich-select-virtual-list-item{display:flex}.ag-rich-select-row{display:flex;flex:1 1 auto;align-items:center;white-space:nowrap}.ag-paging-page-summary-panel,.ag-paging-panel{display:flex;align-items:center}.ag-paging-button{position:relative}.ag-disabled .ag-paging-page-summary-panel{pointer-events:none}.ag-tool-panel-wrapper{display:flex;overflow-y:auto;overflow-x:hidden;cursor:default;user-select:none;width:200px}.ag-column-select-column,.ag-column-select-column-group{position:relative;align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;text-overflow:ellipsis;white-space:nowrap;height:100%}.ag-column-select-column-group>*,.ag-column-select-column>*{flex:none}.ag-column-select-checkbox{display:flex}.ag-tool-panel-horizontal-resize{cursor:ew-resize;height:100%;position:absolute;top:0;width:5px;z-index:1}.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize{right:-3px}.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize,.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize{left:-3px}.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize{right:-3px}.ag-details-row{width:100%}.ag-details-row-fixed-height{height:100%}.ag-details-grid{width:100%}.ag-details-grid-fixed-height{height:100%}.ag-header-group-cell{display:flex;align-items:center;height:100%;position:absolute}.ag-cell-label-container{justify-content:space-between;align-items:center;width:100%;height:100%;overflow:hidden}.ag-right-aligned-header .ag-cell-label-container{flex-direction:row}.ag-cell-label-container,.ag-side-bar{display:flex;flex-direction:row-reverse}.ag-side-bar-left{order:-1;flex-direction:row}.ag-side-button-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-wrap:nowrap;white-space:nowrap;outline:0;cursor:pointer}.ag-side-button-label{writing-mode:vertical-lr}.ag-status-bar{display:flex;justify-content:space-between;overflow:hidden}.ag-status-panel{display:inline-flex}.ag-status-name-value{white-space:nowrap}.ag-status-bar-center,.ag-status-bar-left,.ag-status-bar-right,banner-brand-custom.cg{display:inline-flex}.ag-icon{display:block;speak:none}.ag-group{position:relative;width:100%}.ag-group-title-bar{display:flex;align-items:center}.ag-group-title{display:block;flex:1 1 auto;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.ag-group-title-bar .ag-group-title{cursor:default}.ag-group-toolbar{display:flex;align-items:center}.ag-group-container{display:flex}.ag-disabled .ag-group-container{pointer-events:none}.ag-group-container-horizontal{flex-direction:row;flex-wrap:wrap}.ag-group-container-vertical{flex-direction:column}.ag-charts-font-size-color{display:flex;align-self:stretch;justify-content:space-between}.ag-column-group-icons{display:block}.ag-column-group-icons>*{cursor:pointer}.ag-group-item-alignment-stretch .ag-group-item{align-items:stretch}.ag-group-item-alignment-start .ag-group-item{align-items:flex-start}.ag-group-item-alignment-end .ag-group-item{align-items:flex-end}.ag-toggle-button-icon{transition:right .3s;position:absolute;top:-1px}.ag-input-field,.ag-select{display:flex;flex-direction:row;align-items:center}.ag-input-field-input{flex:1 1 auto;width:100%;min-width:0}.ag-floating-filter-input .ag-input-field-input[type=date]{width:1px}.ag-angle-select,.ag-range-field{display:flex;align-items:center}.ag-angle-select-wrapper{display:flex}.ag-angle-select-parent-circle{display:block;position:relative}.ag-angle-select-child-circle{position:absolute}.ag-slider-wrapper{display:flex}.ag-picker-field-display,.ag-slider-wrapper .ag-input-field,.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper] dropdown-menu{flex:1 1 auto}.ag-picker-field{display:flex;align-items:center}.ag-picker-field-icon{display:flex;border:0;padding:0;margin:0;cursor:pointer}.ag-picker-field-wrapper{overflow:hidden}.ag-label-align-right .ag-label{order:1}.ag-label-align-right>*{flex:none}.ag-label-align-top{flex-direction:column;align-items:flex-start}.ag-label-align-top>*{align-self:stretch}.ag-color-panel{width:100%;display:flex;flex-direction:column;text-align:center}.ag-spectrum-color{flex:1 1 auto;position:relative;overflow:hidden;cursor:default}.ag-spectrum-fill{position:absolute;top:0;left:0;right:0;bottom:0}.ag-spectrum-val{cursor:pointer}.ag-spectrum-dragger{position:absolute;pointer-events:none;cursor:pointer}.ag-spectrum-hue{cursor:default;background:linear-gradient(to left,red 3%,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red 100%)}.ag-spectrum-alpha{cursor:default}.ag-spectrum-hue-background{width:100%;height:100%}.ag-spectrum-alpha-background{background-image:linear-gradient(to right,transparent,#000);width:100%;height:100%}.ag-spectrum-tool{cursor:pointer}.ag-spectrum-slider{position:absolute;pointer-events:none}.ag-recent-colors{display:flex}.ag-recent-color{cursor:pointer}.ag-ltr .ag-column-select-indent-1{padding-left:20px}.ag-rtl .ag-column-select-indent-1{padding-right:20px}.ag-ltr .ag-row-group-indent-1{padding-left:20px}.ag-rtl .ag-row-group-indent-1{padding-right:20px}.ag-ltr .ag-column-select-indent-2{padding-left:40px}.ag-rtl .ag-column-select-indent-2{padding-right:40px}.ag-ltr .ag-row-group-indent-2{padding-left:40px}.ag-rtl .ag-row-group-indent-2{padding-right:40px}.ag-ltr .ag-column-select-indent-3{padding-left:60px}.ag-rtl .ag-column-select-indent-3{padding-right:60px}.ag-ltr .ag-row-group-indent-3{padding-left:60px}.ag-rtl .ag-row-group-indent-3{padding-right:60px}.ag-ltr .ag-column-select-indent-4{padding-left:80px}.ag-rtl .ag-column-select-indent-4{padding-right:80px}.ag-ltr .ag-row-group-indent-4{padding-left:80px}.ag-rtl .ag-row-group-indent-4{padding-right:80px}.ag-ltr .ag-column-select-indent-5{padding-left:100px}.ag-rtl .ag-column-select-indent-5{padding-right:100px}.ag-ltr .ag-row-group-indent-5{padding-left:100px}.ag-rtl .ag-row-group-indent-5{padding-right:100px}.ag-ltr .ag-column-select-indent-6{padding-left:120px}.ag-rtl .ag-column-select-indent-6{padding-right:120px}.ag-ltr .ag-row-group-indent-6{padding-left:120px}.ag-rtl .ag-row-group-indent-6{padding-right:120px}.ag-ltr .ag-column-select-indent-7{padding-left:140px}.ag-rtl .ag-column-select-indent-7{padding-right:140px}.ag-ltr .ag-row-group-indent-7{padding-left:140px}.ag-rtl .ag-row-group-indent-7{padding-right:140px}.ag-ltr .ag-column-select-indent-8{padding-left:160px}.ag-rtl .ag-column-select-indent-8{padding-right:160px}.ag-ltr .ag-row-group-indent-8{padding-left:160px}.ag-rtl .ag-row-group-indent-8{padding-right:160px}.ag-ltr .ag-column-select-indent-9{padding-left:180px}.ag-rtl .ag-column-select-indent-9{padding-right:180px}.ag-ltr .ag-row-group-indent-9{padding-left:180px}.ag-rtl .ag-row-group-indent-9{padding-right:180px}.ag-ltr .ag-column-select-indent-10{padding-left:200px}.ag-rtl .ag-column-select-indent-10{padding-right:200px}.ag-ltr .ag-row-group-indent-10{padding-left:200px}.ag-rtl .ag-row-group-indent-10{padding-right:200px}.ag-ltr .ag-column-select-indent-11{padding-left:220px}.ag-rtl .ag-column-select-indent-11{padding-right:220px}.ag-ltr .ag-row-group-indent-11{padding-left:220px}.ag-rtl .ag-row-group-indent-11{padding-right:220px}.ag-ltr .ag-column-select-indent-12{padding-left:240px}.ag-rtl .ag-column-select-indent-12{padding-right:240px}.ag-ltr .ag-row-group-indent-12{padding-left:240px}.ag-rtl .ag-row-group-indent-12{padding-right:240px}.ag-ltr .ag-column-select-indent-13{padding-left:260px}.ag-rtl .ag-column-select-indent-13{padding-right:260px}.ag-ltr .ag-row-group-indent-13{padding-left:260px}.ag-rtl .ag-row-group-indent-13{padding-right:260px}.ag-ltr .ag-column-select-indent-14{padding-left:280px}.ag-rtl .ag-column-select-indent-14{padding-right:280px}.ag-ltr .ag-row-group-indent-14{padding-left:280px}.ag-rtl .ag-row-group-indent-14{padding-right:280px}.ag-ltr .ag-column-select-indent-15{padding-left:300px}.ag-rtl .ag-column-select-indent-15{padding-right:300px}.ag-ltr .ag-row-group-indent-15{padding-left:300px}.ag-rtl .ag-row-group-indent-15{padding-right:300px}.ag-ltr .ag-column-select-indent-16{padding-left:320px}.ag-rtl .ag-column-select-indent-16{padding-right:320px}.ag-ltr .ag-row-group-indent-16{padding-left:320px}.ag-rtl .ag-row-group-indent-16{padding-right:320px}.ag-ltr .ag-column-select-indent-17{padding-left:340px}.ag-rtl .ag-column-select-indent-17{padding-right:340px}.ag-ltr .ag-row-group-indent-17{padding-left:340px}.ag-rtl .ag-row-group-indent-17{padding-right:340px}.ag-ltr .ag-column-select-indent-18{padding-left:360px}.ag-rtl .ag-column-select-indent-18{padding-right:360px}.ag-ltr .ag-row-group-indent-18{padding-left:360px}.ag-rtl .ag-row-group-indent-18{padding-right:360px}.ag-ltr .ag-column-select-indent-19{padding-left:380px}.ag-rtl .ag-column-select-indent-19{padding-right:380px}.ag-ltr .ag-row-group-indent-19{padding-left:380px}.ag-rtl .ag-row-group-indent-19{padding-right:380px}.ag-ltr .ag-column-select-indent-20{padding-left:400px}.ag-rtl .ag-column-select-indent-20{padding-right:400px}.ag-ltr .ag-row-group-indent-20{padding-left:400px}.ag-rtl .ag-row-group-indent-20{padding-right:400px}.ag-ltr .ag-column-select-indent-21{padding-left:420px}.ag-rtl .ag-column-select-indent-21{padding-right:420px}.ag-ltr .ag-row-group-indent-21{padding-left:420px}.ag-rtl .ag-row-group-indent-21{padding-right:420px}.ag-ltr .ag-column-select-indent-22{padding-left:440px}.ag-rtl .ag-column-select-indent-22{padding-right:440px}.ag-ltr .ag-row-group-indent-22{padding-left:440px}.ag-rtl .ag-row-group-indent-22{padding-right:440px}.ag-ltr .ag-column-select-indent-23{padding-left:460px}.ag-rtl .ag-column-select-indent-23{padding-right:460px}.ag-ltr .ag-row-group-indent-23{padding-left:460px}.ag-rtl .ag-row-group-indent-23{padding-right:460px}.ag-ltr .ag-column-select-indent-24{padding-left:480px}.ag-rtl .ag-column-select-indent-24{padding-right:480px}.ag-ltr .ag-row-group-indent-24{padding-left:480px}.ag-rtl .ag-row-group-indent-24{padding-right:480px}.ag-ltr .ag-column-select-indent-25{padding-left:500px}.ag-rtl .ag-column-select-indent-25{padding-right:500px}.ag-ltr .ag-row-group-indent-25{padding-left:500px}.ag-rtl .ag-row-group-indent-25{padding-right:500px}.ag-ltr .ag-column-select-indent-26{padding-left:520px}.ag-rtl .ag-column-select-indent-26{padding-right:520px}.ag-ltr .ag-row-group-indent-26{padding-left:520px}.ag-rtl .ag-row-group-indent-26{padding-right:520px}.ag-ltr .ag-column-select-indent-27{padding-left:540px}.ag-rtl .ag-column-select-indent-27{padding-right:540px}.ag-ltr .ag-row-group-indent-27{padding-left:540px}.ag-rtl .ag-row-group-indent-27{padding-right:540px}.ag-ltr .ag-column-select-indent-28{padding-left:560px}.ag-rtl .ag-column-select-indent-28{padding-right:560px}.ag-ltr .ag-row-group-indent-28{padding-left:560px}.ag-rtl .ag-row-group-indent-28{padding-right:560px}.ag-ltr .ag-column-select-indent-29{padding-left:580px}.ag-rtl .ag-column-select-indent-29{padding-right:580px}.ag-ltr .ag-row-group-indent-29{padding-left:580px}.ag-rtl .ag-row-group-indent-29{padding-right:580px}.ag-ltr .ag-column-select-indent-30{padding-left:600px}.ag-rtl .ag-column-select-indent-30{padding-right:600px}.ag-ltr .ag-row-group-indent-30{padding-left:600px}.ag-rtl .ag-row-group-indent-30{padding-right:600px}.ag-ltr .ag-column-select-indent-31{padding-left:620px}.ag-rtl .ag-column-select-indent-31{padding-right:620px}.ag-ltr .ag-row-group-indent-31{padding-left:620px}.ag-rtl .ag-row-group-indent-31{padding-right:620px}.ag-ltr .ag-column-select-indent-32{padding-left:640px}.ag-rtl .ag-column-select-indent-32{padding-right:640px}.ag-ltr .ag-row-group-indent-32{padding-left:640px}.ag-rtl .ag-row-group-indent-32{padding-right:640px}.ag-ltr .ag-column-select-indent-33{padding-left:660px}.ag-rtl .ag-column-select-indent-33{padding-right:660px}.ag-ltr .ag-row-group-indent-33{padding-left:660px}.ag-rtl .ag-row-group-indent-33{padding-right:660px}.ag-ltr .ag-column-select-indent-34{padding-left:680px}.ag-rtl .ag-column-select-indent-34{padding-right:680px}.ag-ltr .ag-row-group-indent-34{padding-left:680px}.ag-rtl .ag-row-group-indent-34{padding-right:680px}.ag-ltr .ag-column-select-indent-35{padding-left:700px}.ag-rtl .ag-column-select-indent-35{padding-right:700px}.ag-ltr .ag-row-group-indent-35{padding-left:700px}.ag-rtl .ag-row-group-indent-35{padding-right:700px}.ag-ltr .ag-column-select-indent-36{padding-left:720px}.ag-rtl .ag-column-select-indent-36{padding-right:720px}.ag-ltr .ag-row-group-indent-36{padding-left:720px}.ag-rtl .ag-row-group-indent-36{padding-right:720px}.ag-ltr .ag-column-select-indent-37{padding-left:740px}.ag-rtl .ag-column-select-indent-37{padding-right:740px}.ag-ltr .ag-row-group-indent-37{padding-left:740px}.ag-rtl .ag-row-group-indent-37{padding-right:740px}.ag-ltr .ag-column-select-indent-38{padding-left:760px}.ag-rtl .ag-column-select-indent-38{padding-right:760px}.ag-ltr .ag-row-group-indent-38{padding-left:760px}.ag-rtl .ag-row-group-indent-38{padding-right:760px}.ag-ltr .ag-column-select-indent-39{padding-left:780px}.ag-rtl .ag-column-select-indent-39{padding-right:780px}.ag-ltr .ag-row-group-indent-39{padding-left:780px}.ag-rtl .ag-row-group-indent-39{padding-right:780px}.ag-ltr .ag-column-select-indent-40{padding-left:800px}.ag-rtl .ag-column-select-indent-40{padding-right:800px}.ag-ltr .ag-row-group-indent-40{padding-left:800px}.ag-rtl .ag-row-group-indent-40{padding-right:800px}.ag-ltr .ag-column-select-indent-41{padding-left:820px}.ag-rtl .ag-column-select-indent-41{padding-right:820px}.ag-ltr .ag-row-group-indent-41{padding-left:820px}.ag-rtl .ag-row-group-indent-41{padding-right:820px}.ag-ltr .ag-column-select-indent-42{padding-left:840px}.ag-rtl .ag-column-select-indent-42{padding-right:840px}.ag-ltr .ag-row-group-indent-42{padding-left:840px}.ag-rtl .ag-row-group-indent-42{padding-right:840px}.ag-ltr .ag-column-select-indent-43{padding-left:860px}.ag-rtl .ag-column-select-indent-43{padding-right:860px}.ag-ltr .ag-row-group-indent-43{padding-left:860px}.ag-rtl .ag-row-group-indent-43{padding-right:860px}.ag-ltr .ag-column-select-indent-44{padding-left:880px}.ag-rtl .ag-column-select-indent-44{padding-right:880px}.ag-ltr .ag-row-group-indent-44{padding-left:880px}.ag-rtl .ag-row-group-indent-44{padding-right:880px}.ag-ltr .ag-column-select-indent-45{padding-left:900px}.ag-rtl .ag-column-select-indent-45{padding-right:900px}.ag-ltr .ag-row-group-indent-45{padding-left:900px}.ag-rtl .ag-row-group-indent-45{padding-right:900px}.ag-ltr .ag-column-select-indent-46{padding-left:920px}.ag-rtl .ag-column-select-indent-46{padding-right:920px}.ag-ltr .ag-row-group-indent-46{padding-left:920px}.ag-rtl .ag-row-group-indent-46{padding-right:920px}.ag-ltr .ag-column-select-indent-47{padding-left:940px}.ag-rtl .ag-column-select-indent-47{padding-right:940px}.ag-ltr .ag-row-group-indent-47{padding-left:940px}.ag-rtl .ag-row-group-indent-47{padding-right:940px}.ag-ltr .ag-column-select-indent-48{padding-left:960px}.ag-rtl .ag-column-select-indent-48{padding-right:960px}.ag-ltr .ag-row-group-indent-48{padding-left:960px}.ag-rtl .ag-row-group-indent-48{padding-right:960px}.ag-ltr .ag-column-select-indent-49{padding-left:980px}.ag-rtl .ag-column-select-indent-49{padding-right:980px}.ag-ltr .ag-row-group-indent-49{padding-left:980px}.ag-rtl .ag-row-group-indent-49{padding-right:980px}.ag-ltr .ag-column-select-indent-50{padding-left:1000px}.ag-rtl .ag-column-select-indent-50{padding-right:1000px}.ag-ltr .ag-row-group-indent-50{padding-left:1000px}.ag-rtl .ag-row-group-indent-50{padding-right:1000px}.ag-ltr .ag-column-select-indent-51{padding-left:1020px}.ag-rtl .ag-column-select-indent-51{padding-right:1020px}.ag-ltr .ag-row-group-indent-51{padding-left:1020px}.ag-rtl .ag-row-group-indent-51{padding-right:1020px}.ag-ltr .ag-column-select-indent-52{padding-left:1040px}.ag-rtl .ag-column-select-indent-52{padding-right:1040px}.ag-ltr .ag-row-group-indent-52{padding-left:1040px}.ag-rtl .ag-row-group-indent-52{padding-right:1040px}.ag-ltr .ag-column-select-indent-53{padding-left:1060px}.ag-rtl .ag-column-select-indent-53{padding-right:1060px}.ag-ltr .ag-row-group-indent-53{padding-left:1060px}.ag-rtl .ag-row-group-indent-53{padding-right:1060px}.ag-ltr .ag-column-select-indent-54{padding-left:1080px}.ag-rtl .ag-column-select-indent-54{padding-right:1080px}.ag-ltr .ag-row-group-indent-54{padding-left:1080px}.ag-rtl .ag-row-group-indent-54{padding-right:1080px}.ag-ltr .ag-column-select-indent-55{padding-left:1100px}.ag-rtl .ag-column-select-indent-55{padding-right:1100px}.ag-ltr .ag-row-group-indent-55{padding-left:1100px}.ag-rtl .ag-row-group-indent-55{padding-right:1100px}.ag-ltr .ag-column-select-indent-56{padding-left:1120px}.ag-rtl .ag-column-select-indent-56{padding-right:1120px}.ag-ltr .ag-row-group-indent-56{padding-left:1120px}.ag-rtl .ag-row-group-indent-56{padding-right:1120px}.ag-ltr .ag-column-select-indent-57{padding-left:1140px}.ag-rtl .ag-column-select-indent-57{padding-right:1140px}.ag-ltr .ag-row-group-indent-57{padding-left:1140px}.ag-rtl .ag-row-group-indent-57{padding-right:1140px}.ag-ltr .ag-column-select-indent-58{padding-left:1160px}.ag-rtl .ag-column-select-indent-58{padding-right:1160px}.ag-ltr .ag-row-group-indent-58{padding-left:1160px}.ag-rtl .ag-row-group-indent-58{padding-right:1160px}.ag-ltr .ag-column-select-indent-59{padding-left:1180px}.ag-rtl .ag-column-select-indent-59{padding-right:1180px}.ag-ltr .ag-row-group-indent-59{padding-left:1180px}.ag-rtl .ag-row-group-indent-59{padding-right:1180px}.ag-ltr .ag-column-select-indent-60{padding-left:1200px}.ag-rtl .ag-column-select-indent-60{padding-right:1200px}.ag-ltr .ag-row-group-indent-60{padding-left:1200px}.ag-rtl .ag-row-group-indent-60{padding-right:1200px}.ag-ltr .ag-column-select-indent-61{padding-left:1220px}.ag-rtl .ag-column-select-indent-61{padding-right:1220px}.ag-ltr .ag-row-group-indent-61{padding-left:1220px}.ag-rtl .ag-row-group-indent-61{padding-right:1220px}.ag-ltr .ag-column-select-indent-62{padding-left:1240px}.ag-rtl .ag-column-select-indent-62{padding-right:1240px}.ag-ltr .ag-row-group-indent-62{padding-left:1240px}.ag-rtl .ag-row-group-indent-62{padding-right:1240px}.ag-ltr .ag-column-select-indent-63{padding-left:1260px}.ag-rtl .ag-column-select-indent-63{padding-right:1260px}.ag-ltr .ag-row-group-indent-63{padding-left:1260px}.ag-rtl .ag-row-group-indent-63{padding-right:1260px}.ag-ltr .ag-column-select-indent-64{padding-left:1280px}.ag-rtl .ag-column-select-indent-64{padding-right:1280px}.ag-ltr .ag-row-group-indent-64{padding-left:1280px}.ag-rtl .ag-row-group-indent-64{padding-right:1280px}.ag-ltr .ag-column-select-indent-65{padding-left:1300px}.ag-rtl .ag-column-select-indent-65{padding-right:1300px}.ag-ltr .ag-row-group-indent-65{padding-left:1300px}.ag-rtl .ag-row-group-indent-65{padding-right:1300px}.ag-ltr .ag-column-select-indent-66{padding-left:1320px}.ag-rtl .ag-column-select-indent-66{padding-right:1320px}.ag-ltr .ag-row-group-indent-66{padding-left:1320px}.ag-rtl .ag-row-group-indent-66{padding-right:1320px}.ag-ltr .ag-column-select-indent-67{padding-left:1340px}.ag-rtl .ag-column-select-indent-67{padding-right:1340px}.ag-ltr .ag-row-group-indent-67{padding-left:1340px}.ag-rtl .ag-row-group-indent-67{padding-right:1340px}.ag-ltr .ag-column-select-indent-68{padding-left:1360px}.ag-rtl .ag-column-select-indent-68{padding-right:1360px}.ag-ltr .ag-row-group-indent-68{padding-left:1360px}.ag-rtl .ag-row-group-indent-68{padding-right:1360px}.ag-ltr .ag-column-select-indent-69{padding-left:1380px}.ag-rtl .ag-column-select-indent-69{padding-right:1380px}.ag-ltr .ag-row-group-indent-69{padding-left:1380px}.ag-rtl .ag-row-group-indent-69{padding-right:1380px}.ag-ltr .ag-column-select-indent-70{padding-left:1400px}.ag-rtl .ag-column-select-indent-70{padding-right:1400px}.ag-ltr .ag-row-group-indent-70{padding-left:1400px}.ag-rtl .ag-row-group-indent-70{padding-right:1400px}.ag-ltr .ag-column-select-indent-71{padding-left:1420px}.ag-rtl .ag-column-select-indent-71{padding-right:1420px}.ag-ltr .ag-row-group-indent-71{padding-left:1420px}.ag-rtl .ag-row-group-indent-71{padding-right:1420px}.ag-ltr .ag-column-select-indent-72{padding-left:1440px}.ag-rtl .ag-column-select-indent-72{padding-right:1440px}.ag-ltr .ag-row-group-indent-72{padding-left:1440px}.ag-rtl .ag-row-group-indent-72{padding-right:1440px}.ag-ltr .ag-column-select-indent-73{padding-left:1460px}.ag-rtl .ag-column-select-indent-73{padding-right:1460px}.ag-ltr .ag-row-group-indent-73{padding-left:1460px}.ag-rtl .ag-row-group-indent-73{padding-right:1460px}.ag-ltr .ag-column-select-indent-74{padding-left:1480px}.ag-rtl .ag-column-select-indent-74{padding-right:1480px}.ag-ltr .ag-row-group-indent-74{padding-left:1480px}.ag-rtl .ag-row-group-indent-74{padding-right:1480px}.ag-ltr .ag-column-select-indent-75{padding-left:1500px}.ag-rtl .ag-column-select-indent-75{padding-right:1500px}.ag-ltr .ag-row-group-indent-75{padding-left:1500px}.ag-rtl .ag-row-group-indent-75{padding-right:1500px}.ag-ltr .ag-column-select-indent-76{padding-left:1520px}.ag-rtl .ag-column-select-indent-76{padding-right:1520px}.ag-ltr .ag-row-group-indent-76{padding-left:1520px}.ag-rtl .ag-row-group-indent-76{padding-right:1520px}.ag-ltr .ag-column-select-indent-77{padding-left:1540px}.ag-rtl .ag-column-select-indent-77{padding-right:1540px}.ag-ltr .ag-row-group-indent-77{padding-left:1540px}.ag-rtl .ag-row-group-indent-77{padding-right:1540px}.ag-ltr .ag-column-select-indent-78{padding-left:1560px}.ag-rtl .ag-column-select-indent-78{padding-right:1560px}.ag-ltr .ag-row-group-indent-78{padding-left:1560px}.ag-rtl .ag-row-group-indent-78{padding-right:1560px}.ag-ltr .ag-column-select-indent-79{padding-left:1580px}.ag-rtl .ag-column-select-indent-79{padding-right:1580px}.ag-ltr .ag-row-group-indent-79{padding-left:1580px}.ag-rtl .ag-row-group-indent-79{padding-right:1580px}.ag-ltr .ag-column-select-indent-80{padding-left:1600px}.ag-rtl .ag-column-select-indent-80{padding-right:1600px}.ag-ltr .ag-row-group-indent-80{padding-left:1600px}.ag-rtl .ag-row-group-indent-80{padding-right:1600px}.ag-ltr .ag-column-select-indent-81{padding-left:1620px}.ag-rtl .ag-column-select-indent-81{padding-right:1620px}.ag-ltr .ag-row-group-indent-81{padding-left:1620px}.ag-rtl .ag-row-group-indent-81{padding-right:1620px}.ag-ltr .ag-column-select-indent-82{padding-left:1640px}.ag-rtl .ag-column-select-indent-82{padding-right:1640px}.ag-ltr .ag-row-group-indent-82{padding-left:1640px}.ag-rtl .ag-row-group-indent-82{padding-right:1640px}.ag-ltr .ag-column-select-indent-83{padding-left:1660px}.ag-rtl .ag-column-select-indent-83{padding-right:1660px}.ag-ltr .ag-row-group-indent-83{padding-left:1660px}.ag-rtl .ag-row-group-indent-83{padding-right:1660px}.ag-ltr .ag-column-select-indent-84{padding-left:1680px}.ag-rtl .ag-column-select-indent-84{padding-right:1680px}.ag-ltr .ag-row-group-indent-84{padding-left:1680px}.ag-rtl .ag-row-group-indent-84{padding-right:1680px}.ag-ltr .ag-column-select-indent-85{padding-left:1700px}.ag-rtl .ag-column-select-indent-85{padding-right:1700px}.ag-ltr .ag-row-group-indent-85{padding-left:1700px}.ag-rtl .ag-row-group-indent-85{padding-right:1700px}.ag-ltr .ag-column-select-indent-86{padding-left:1720px}.ag-rtl .ag-column-select-indent-86{padding-right:1720px}.ag-ltr .ag-row-group-indent-86{padding-left:1720px}.ag-rtl .ag-row-group-indent-86{padding-right:1720px}.ag-ltr .ag-column-select-indent-87{padding-left:1740px}.ag-rtl .ag-column-select-indent-87{padding-right:1740px}.ag-ltr .ag-row-group-indent-87{padding-left:1740px}.ag-rtl .ag-row-group-indent-87{padding-right:1740px}.ag-ltr .ag-column-select-indent-88{padding-left:1760px}.ag-rtl .ag-column-select-indent-88{padding-right:1760px}.ag-ltr .ag-row-group-indent-88{padding-left:1760px}.ag-rtl .ag-row-group-indent-88{padding-right:1760px}.ag-ltr .ag-column-select-indent-89{padding-left:1780px}.ag-rtl .ag-column-select-indent-89{padding-right:1780px}.ag-ltr .ag-row-group-indent-89{padding-left:1780px}.ag-rtl .ag-row-group-indent-89{padding-right:1780px}.ag-ltr .ag-column-select-indent-90{padding-left:1800px}.ag-rtl .ag-column-select-indent-90{padding-right:1800px}.ag-ltr .ag-row-group-indent-90{padding-left:1800px}.ag-rtl .ag-row-group-indent-90{padding-right:1800px}.ag-ltr .ag-column-select-indent-91{padding-left:1820px}.ag-rtl .ag-column-select-indent-91{padding-right:1820px}.ag-ltr .ag-row-group-indent-91{padding-left:1820px}.ag-rtl .ag-row-group-indent-91{padding-right:1820px}.ag-ltr .ag-column-select-indent-92{padding-left:1840px}.ag-rtl .ag-column-select-indent-92{padding-right:1840px}.ag-ltr .ag-row-group-indent-92{padding-left:1840px}.ag-rtl .ag-row-group-indent-92{padding-right:1840px}.ag-ltr .ag-column-select-indent-93{padding-left:1860px}.ag-rtl .ag-column-select-indent-93{padding-right:1860px}.ag-ltr .ag-row-group-indent-93{padding-left:1860px}.ag-rtl .ag-row-group-indent-93{padding-right:1860px}.ag-ltr .ag-column-select-indent-94{padding-left:1880px}.ag-rtl .ag-column-select-indent-94{padding-right:1880px}.ag-ltr .ag-row-group-indent-94{padding-left:1880px}.ag-rtl .ag-row-group-indent-94{padding-right:1880px}.ag-ltr .ag-column-select-indent-95{padding-left:1900px}.ag-rtl .ag-column-select-indent-95{padding-right:1900px}.ag-ltr .ag-row-group-indent-95{padding-left:1900px}.ag-rtl .ag-row-group-indent-95{padding-right:1900px}.ag-ltr .ag-column-select-indent-96{padding-left:1920px}.ag-rtl .ag-column-select-indent-96{padding-right:1920px}.ag-ltr .ag-row-group-indent-96{padding-left:1920px}.ag-rtl .ag-row-group-indent-96{padding-right:1920px}.ag-ltr .ag-column-select-indent-97{padding-left:1940px}.ag-rtl .ag-column-select-indent-97{padding-right:1940px}.ag-ltr .ag-row-group-indent-97{padding-left:1940px}.ag-rtl .ag-row-group-indent-97{padding-right:1940px}.ag-ltr .ag-column-select-indent-98{padding-left:1960px}.ag-rtl .ag-column-select-indent-98{padding-right:1960px}.ag-ltr .ag-row-group-indent-98{padding-left:1960px}.ag-rtl .ag-row-group-indent-98{padding-right:1960px}.ag-ltr .ag-column-select-indent-99{padding-left:1980px}.ag-rtl .ag-column-select-indent-99{padding-right:1980px}.ag-ltr .ag-row-group-indent-99{padding-left:1980px}.ag-rtl .ag-row-group-indent-99{padding-right:1980px}.ag-ltr{direction:ltr}.ag-ltr .ag-body,.ag-ltr .ag-body-horizontal-scroll,.ag-ltr .ag-body-viewport,.ag-ltr .ag-floating-bottom,.ag-ltr .ag-floating-top,.ag-ltr .ag-header{flex-direction:row}.ag-rtl{direction:rtl}.ag-rtl .ag-body,.ag-rtl .ag-body-horizontal-scroll,.ag-rtl .ag-body-viewport,.ag-rtl .ag-floating-bottom,.ag-rtl .ag-floating-top,.ag-rtl .ag-header{flex-direction:row-reverse}.ag-rtl .ag-icon-contracted,.ag-rtl .ag-icon-tree-closed{display:block;transform:rotate(180deg)}.ag-body .ag-body-viewport{-webkit-overflow-scrolling:touch}.ag-chart,.ag-chart-components-wrapper{position:relative;display:flex;overflow:hidden}.ag-chart{width:100%;height:100%}.ag-chart-components-wrapper{flex:1 1 auto}.ag-chart-title-edit{position:absolute;display:none;top:0;left:0;text-align:center}.ag-chart-title-edit.currently-editing{display:inline-block}.ag-chart-canvas-wrapper{position:relative;flex:1 1 auto;overflow:hidden}.ag-charts-canvas{display:block}.ag-chart-menu{position:absolute;top:10px;width:24px;overflow:hidden;display:flex;flex-direction:column}.ag-ltr .ag-chart-menu{right:20px}.ag-rtl .ag-chart-menu{left:20px}.ag-chart-docked-container{position:relative;width:0;min-width:0;transition:min-width .4s}.ag-chart-menu-hidden~.ag-chart-docked-container{max-width:0;overflow:hidden}.ag-chart-tabbed-menu{width:100%;height:100%;display:flex;flex-direction:column;overflow:hidden}.ag-chart-tabbed-menu-header{flex:none;user-select:none;cursor:default}.ag-chart-tabbed-menu-body{display:flex;flex:1 1 auto;align-items:stretch;overflow:hidden}.ag-chart-tab{width:100%;overflow:hidden;overflow-y:auto}.ag-chart-settings{overflow-x:hidden}.ag-chart-settings-wrapper{position:relative;flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}.ag-chart-settings-nav-bar{display:flex;align-items:center;width:100%;height:30px;padding:0 10px;user-select:none}.ag-chart-settings-card-selector{display:flex;align-items:center;justify-content:space-around;flex:1 1 auto;height:100%;padding:0 10px}.ag-chart-settings-card-item{cursor:pointer;width:10px;height:10px;background-color:#000;position:relative}.ag-chart-settings-card-item.ag-not-selected{opacity:.2}.ag-chart-settings-card-item::before{content:" ";display:block;position:absolute;background-color:transparent;left:50%;top:50%;margin-left:-10px;margin-top:-10px;width:20px;height:20px}.ag-chart-settings-next,.ag-chart-settings-prev{position:relative;flex:none}.ag-chart-settings-next-button,.ag-chart-settings-prev-button{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;opacity:0}.ag-chart-settings-mini-charts-container{position:relative;flex:1 1 auto;overflow-x:hidden;overflow-y:auto}.ag-chart-settings-mini-wrapper{position:absolute;top:0;left:0;display:flex;flex-direction:column;width:100%;min-height:100%;overflow:hidden}.ag-chart-settings-mini-wrapper.ag-animating{transition:left .3s;transition-timing-function:ease-in-out}.ag-chart-mini-thumbnail{cursor:pointer}.ag-chart-mini-thumbnail-canvas{display:block}.ag-chart-data-wrapper,.ag-chart-format-wrapper{display:flex;flex-direction:column;position:relative;user-select:none}.ag-chart-data-section,.ag-chart-format-section{display:flex;margin:0}.ag-charts-font-panel-controls{justify-content:space-between}.ag-chart-empty-text{display:flex;top:0;width:100%;height:100%;align-items:center;justify-content:center}.ag-chart .ag-chart-menu{opacity:0;pointer-events:none}.ag-chart-menu-hidden:hover .ag-chart-menu{opacity:1;pointer-events:all}.ag-date-time-list-page-column-labels-row,.ag-date-time-list-page-entries-row,.ag-date-time-list-page-title-bar,.cg-banner banner-logo,.cg-card-tile card-tile-subtitle{display:flex}.ag-date-time-list-page-column-label,.ag-date-time-list-page-entry{flex-basis:0;flex-grow:1}.ag-date-time-list-page-entry{cursor:pointer}.cg-ag-grid-field{-webkit-font-smoothing:antialiased;color:#353535;color:var(--ag-foreground-color, #353535);font-family:"Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif;font-size:.875rem;line-height:normal}.cg-ag-grid-field .ag-icon{font-family:"agGridBalham";font-size:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.cg-ag-grid-field .ag-icon-aggregation::before{content:"\f101"}.cg-ag-grid-field .ag-icon-arrows::before{content:"\f102"}.cg-ag-grid-field .ag-icon-asc::before{content:"\f103"}.cg-ag-grid-field .ag-icon-cancel::before{content:"\f104"}.cg-ag-grid-field .ag-icon-chart::before{content:"\f105"}.cg-ag-grid-field .ag-icon-color-picker::before{content:"\f109"}.cg-ag-grid-field .ag-icon-columns::before{content:"\f10a"}.cg-ag-grid-field .ag-icon-contracted::before{content:"\f10b"}.cg-ag-grid-field .ag-icon-copy::before{content:"\f10c"}.cg-ag-grid-field .ag-icon-cross::before{content:"\f10d"}.cg-ag-grid-field .ag-icon-csv::before{content:"\f10e"}.cg-ag-grid-field .ag-icon-desc::before{content:"\f10f"}.cg-ag-grid-field .ag-icon-excel::before{content:"\f110"}.cg-ag-grid-field .ag-icon-expanded::before{content:"\f111"}.cg-ag-grid-field .ag-icon-eye-slash::before{content:"\f112"}.cg-ag-grid-field .ag-icon-eye::before{content:"\f113"}.cg-ag-grid-field .ag-icon-filter::before{content:"\f114"}.cg-ag-grid-field .ag-icon-first::before{content:"\f115"}.cg-ag-grid-field .ag-icon-grip::before{content:"\f116"}.cg-ag-grid-field .ag-icon-group::before{content:"\f117"}.cg-ag-grid-field .ag-icon-last::before{content:"\f118"}.cg-ag-grid-field .ag-icon-left::before{content:"\f119"}.cg-ag-grid-field .ag-icon-linked::before{content:"\f11a"}.cg-ag-grid-field .ag-icon-loading::before{content:"\f11b"}.cg-ag-grid-field .ag-icon-maximize::before{content:"\f11c"}.cg-ag-grid-field .ag-icon-menu::before{content:"\f11d"}.cg-ag-grid-field .ag-icon-minimize::before{content:"\f11e"}.cg-ag-grid-field .ag-icon-next::before{content:"\f11f"}.cg-ag-grid-field .ag-icon-none::before{content:"\f120"}.cg-ag-grid-field .ag-icon-not-allowed::before{content:"\f121"}.cg-ag-grid-field .ag-icon-paste::before{content:"\f122"}.cg-ag-grid-field .ag-icon-pin::before{content:"\f123"}.cg-ag-grid-field .ag-icon-pivot::before{content:"\f124"}.cg-ag-grid-field .ag-icon-previous::before{content:"\f125"}.cg-ag-grid-field .ag-icon-right::before{content:"\f128"}.cg-ag-grid-field .ag-icon-save::before{content:"\f129"}.cg-ag-grid-field .ag-icon-small-down::before{content:"\f12a"}.cg-ag-grid-field .ag-icon-small-left::before{content:"\f12b"}.cg-ag-grid-field .ag-icon-small-right::before{content:"\f12c"}.cg-ag-grid-field .ag-icon-small-up::before{content:"\f12d"}.cg-ag-grid-field .ag-icon-tick::before{content:"\f12e"}.cg-ag-grid-field .ag-icon-tree-closed::before{content:"\f12f"}.cg-ag-grid-field .ag-icon-tree-indeterminate::before{content:"\f130"}.cg-ag-grid-field .ag-icon-tree-open::before{content:"\f131"}.cg-ag-grid-field .ag-icon-unlinked::before{content:"\f132"}.cg-ag-grid-field .ag-icon-row-drag::before{content:"\f116"}.cg-ag-grid-field .ag-left-arrow::before{content:"\f119"}.cg-ag-grid-field .ag-right-arrow::before{content:"\f128"}.cg-ag-grid-field .ag-root-wrapper,.cg-ag-grid-field select[class^=ag-],.cg-ag-grid-field textarea[class^=ag-]{background-color:#fff;background-color:var(--ag-background-color, #fff)}.cg-ag-grid-field [class^=ag-],.cg-ag-grid-field [class^=ag-]:after,.cg-ag-grid-field [class^=ag-]:before,.cg-ag-grid-field [class^=ag-]:focus{box-sizing:border-box;outline:0}.cg-ag-grid-field [class^=ag-]::-ms-clear{display:none}.cg-ag-grid-field .ag-checkbox .ag-input-wrapper,.cg-ag-grid-field .ag-radio-button .ag-input-wrapper{overflow:visible}.cg-ag-grid-field .ag-range-field .ag-input-wrapper{height:100%}.cg-ag-grid-field .ag-toggle-button{flex:none;width:unset;min-width:unset}.cg-ag-grid-field .ag-ltr .ag-label-align-right .ag-label{margin-left:8px}.cg-ag-grid-field .ag-rtl .ag-label-align-right .ag-label{margin-right:8px}.cg-ag-grid-field input[class^=ag-]{margin:0;background-color:#fff;background-color:var(--ag-background-color, #fff)}.cg-ag-grid-field input[class^=ag-]:not([type]),.cg-ag-grid-field input[class^=ag-][type=date],.cg-ag-grid-field input[class^=ag-][type=datetime-local],.cg-ag-grid-field input[class^=ag-][type=number],.cg-ag-grid-field input[class^=ag-][type=tel],.cg-ag-grid-field input[class^=ag-][type=text],.cg-ag-grid-field textarea[class^=ag-]{font-size:inherit;border-width:1px;border-style:solid;border-color:#757575;border-color:var(--ag-input-border-color, #757575)}.cg-ag-grid-field input[class^=ag-]:not([type]):disabled,.cg-ag-grid-field input[class^=ag-][type=date]:disabled,.cg-ag-grid-field input[class^=ag-][type=datetime-local]:disabled,.cg-ag-grid-field input[class^=ag-][type=number]:disabled,.cg-ag-grid-field input[class^=ag-][type=tel]:disabled,.cg-ag-grid-field input[class^=ag-][type=text]:disabled,.cg-ag-grid-field textarea[class^=ag-]:disabled{color:rgba(53,53,53,.5);color:var(--ag-disabled-foreground-color, rgba(53, 53, 53, 0.5));background-color:var(--ag-input-disabled-background-color);border-color:rgba(117,117,117,.5);border-color:var(--ag-input-disabled-border-color, rgba(117, 117, 117, 0.5))}.cg-ag-grid-field input[class^=ag-]:not([type]):focus,.cg-ag-grid-field input[class^=ag-][type=date]:focus,.cg-ag-grid-field input[class^=ag-][type=datetime-local]:focus,.cg-ag-grid-field input[class^=ag-][type=number]:focus,.cg-ag-grid-field input[class^=ag-][type=tel]:focus,.cg-ag-grid-field input[class^=ag-][type=text]:focus,.cg-ag-grid-field textarea[class^=ag-]:focus{outline:0;box-shadow:inset 0 0 0 .0625rem #000;border-color:#000;border-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field input[class^=ag-][type=number]{-moz-appearance:textfield}.cg-ag-grid-field input[class^=ag-][type=number]::-webkit-inner-spin-button,.cg-ag-grid-field input[class^=ag-][type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cg-ag-grid-field input[class^=ag-][type=range]{padding:0;-webkit-appearance:none;width:100%;height:100%;background:0 0;overflow:visible}.cg-ag-grid-field button[class^=ag-]:focus,.cg-ag-grid-field input[class^=ag-][type=button]:focus{box-shadow:inset 0 0 0 .0625rem #000}.cg-ag-grid-field .ag-drag-handle{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-list-item,.cg-ag-grid-field .ag-virtual-list-item{height:1.625rem}.cg-ag-grid-field .ag-keyboard-focus .ag-virtual-list-item:focus{outline:0}.cg-ag-grid-field .ag-keyboard-focus .ag-virtual-list-item:focus::after{content:"";position:absolute;background-color:transparent;pointer-events:none;top:4px;left:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);border:1px solid;border-color:#000;border-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field .ag-select-list{background-color:#fff;background-color:var(--ag-background-color, #fff);overflow-y:auto;overflow-x:hidden}.cg-ag-grid-field .ag-list-item{display:flex;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-ag-grid-field .ag-list-item.ag-active-item{background-color:#e6f2f9;background-color:var(--ag-row-hover-color, #e6f2f9)}.cg-ag-grid-field .ag-select-list-item{padding-left:4px;padding-right:4px;cursor:default;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.cg-ag-grid-field .ag-select-list-item span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.cg-ag-grid-field .ag-select .ag-picker-field-wrapper{background-color:#fff;background-color:var(--ag-background-color, #fff);cursor:default}.cg-ag-grid-field .ag-select.ag-disabled .ag-picker-field-wrapper:focus,.cg-ag-grid-field button.ag-side-button-button:focus{box-shadow:none}.cg-ag-grid-field .ag-select:not(.ag-cell-editor){height:1.625rem}.cg-ag-grid-field .ag-select .ag-picker-field-display{margin:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cg-ag-grid-field .ag-select .ag-picker-field-icon{display:flex;align-items:center}.cg-ag-grid-field .ag-select.ag-disabled{opacity:.5}.cg-ag-grid-field .ag-rich-select{background-color:#fff;background-color:var(--ag-control-panel-background-color, #fff)}.cg-ag-grid-field .ag-rich-select-list{width:100%;min-width:200px}.cg-ag-grid-field .ag-rich-select-value{padding:0 8px 0 16px;height:56px;border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-rich-select-virtual-list-item{cursor:default;height:1.625rem}.cg-ag-grid-field .ag-rich-select-virtual-list-item:hover{background-color:#e6f2f9;background-color:var(--ag-row-hover-color, #e6f2f9)}.cg-ag-grid-field .ag-rich-select-row{padding-left:16px}.cg-ag-grid-field .ag-rich-select-row-selected{background-color:#f2f8fc;background-color:var(--ag-selected-row-background-color, #f2f8fc)}.cg-ag-grid-field .ag-group-contracted,.cg-ag-grid-field .ag-group-expanded,.cg-ag-grid-field .ag-row-drag,.cg-ag-grid-field .ag-selection-checkbox{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-ltr .ag-group-contracted,.cg-ag-grid-field .ag-ltr .ag-group-expanded,.cg-ag-grid-field .ag-ltr .ag-row-drag,.cg-ag-grid-field .ag-ltr .ag-selection-checkbox{margin-right:.5rem}.cg-ag-grid-field .ag-rtl .ag-group-contracted,.cg-ag-grid-field .ag-rtl .ag-group-expanded,.cg-ag-grid-field .ag-rtl .ag-row-drag,.cg-ag-grid-field .ag-rtl .ag-selection-checkbox{margin-left:.5rem}.cg-ag-grid-field .ag-cell-wrapper>:not(.ag-cell-value):not(.ag-group-value){height:54px;display:flex;align-items:center;flex:none}.cg-ag-grid-field .ag-group-contracted,.cg-ag-grid-field .ag-group-expanded{cursor:pointer}.cg-ag-grid-field .ag-group-title-bar-icon{cursor:pointer;flex:none;color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-ltr .ag-group-child-count{margin-left:2px}.cg-ag-grid-field .ag-rtl .ag-group-child-count{margin-right:2px}.cg-ag-grid-field .ag-group-title-bar{background-color:var(--ag-subheader-background-color);padding:8px}.cg-ag-grid-field .ag-group-toolbar{padding:8px}.cg-ag-grid-field .ag-disabled-group-container,.cg-ag-grid-field .ag-disabled-group-title-bar{opacity:.5}.cg-ag-grid-field .group-item{margin:4px 0}.cg-ag-grid-field .ag-label{white-space:nowrap}.cg-ag-grid-field .ag-ltr .ag-label{margin-right:8px}.cg-ag-grid-field .ag-rtl .ag-label{margin-left:8px}.cg-ag-grid-field .ag-label-align-top .ag-label{margin-bottom:4px}.cg-ag-grid-field .ag-ltr .ag-angle-select-field,.cg-ag-grid-field .ag-ltr .ag-slider-field{margin-right:16px}.cg-ag-grid-field .ag-rtl .ag-angle-select-field,.cg-ag-grid-field .ag-rtl .ag-slider-field{margin-left:16px}.cg-ag-grid-field .ag-angle-select-parent-circle{width:24px;height:24px;border-radius:12px;border:solid 1px;border-color:#dadada;border-color:var(--ag-border-color, #dadada);background-color:#fff;background-color:var(--ag-background-color, #fff)}.cg-ag-grid-field .ag-angle-select-child-circle{top:4px;left:12px;width:6px;height:6px;margin-left:-3px;margin-top:-4px;border-radius:3px;background-color:rgba(53,53,53,.54);background-color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-picker-field-wrapper{border:1px solid;border-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-picker-field-wrapper:focus{box-shadow:inset 0 0 0 .0625rem #000}.cg-ag-grid-field .ag-picker-field-button{background-color:#fff;background-color:var(--ag-background-color, #fff);color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-dialog.ag-color-dialog{border-radius:5px}.cg-ag-grid-field .ag-color-picker .ag-picker-field-display{height:20px}.cg-ag-grid-field .ag-color-panel{padding:8px}.cg-ag-grid-field .ag-spectrum-color{background-color:red;border-radius:2px}.cg-ag-grid-field .ag-spectrum-tools{padding:10px}.cg-ag-grid-field .ag-spectrum-sat{background-image:linear-gradient(to right,#fff,rgba(204,154,129,0))}.cg-ag-grid-field .ag-spectrum-val{background-image:linear-gradient(to top,#000,rgba(204,154,129,0))}.cg-ag-grid-field .ag-spectrum-dragger{border-radius:12px;height:12px;width:12px;border:1px solid #fff;background:#000;box-shadow:0 0 2px 0 rgba(0,0,0,.24)}.cg-ag-grid-field .ag-spectrum-alpha-background,.cg-ag-grid-field .ag-spectrum-hue-background{border-radius:2px}.cg-ag-grid-field .ag-spectrum-tool{margin-bottom:10px;height:11px;border-radius:2px}.cg-ag-grid-field .ag-spectrum-slider{margin-top:-12px;width:13px;height:13px;border-radius:13px;background-color:#f8f8f8;box-shadow:0 1px 4px 0 rgba(0,0,0,.37)}.cg-ag-grid-field .ag-recent-color{margin:0 3px}.cg-ag-grid-field .ag-recent-color:first-child{margin-left:0}.cg-ag-grid-field .ag-recent-color:last-child{margin-right:0}.cg-ag-grid-field.ag-dnd-ghost{border-color:var(--ag-border-color, #dadada);background:#fff;background:var(--ag-background-color, #fff);border-radius:2px;box-shadow:none;overflow:hidden;text-overflow:ellipsis;border:solid 1px;border-color:#dadada;border-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada));color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54));height:2rem!important;line-height:2rem;margin:0;padding:0 16px;transform:translateY(16px)}.cg-ag-grid-field .ag-dnd-ghost-icon{margin-right:8px;color:var(--ag-foreground-color, #353535)}.cg-ag-grid-field .ag-popup-child:not(.ag-tooltip-custom){box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1)}.ag-dragging-fill-handle .cg-ag-grid-field .ag-dialog,.ag-dragging-range-handle .cg-ag-grid-field .ag-dialog{opacity:.7;pointer-events:none}.cg-ag-grid-field .ag-dialog{border-radius:2px;border:solid 1px;border-color:#dadada;border-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-panel{background-color:#fff;background-color:var(--ag-background-color, #fff)}.cg-ag-grid-field .ag-panel-title-bar,.cg-ag-grid-field .ag-tooltip{background-color:var(--ag-header-background-color, #fff);color:#353535}.cg-ag-grid-field .ag-panel-title-bar{background-color:#fff;color:var(--ag-header-foreground-color, #353535);height:2rem;padding:8px 16px;border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-panel-title-bar-button{margin-left:8px}.cg-ag-grid-field .ag-rtl .ag-panel-title-bar-button{margin-right:8px}.cg-ag-grid-field .ag-tooltip{color:var(--ag-foreground-color, #353535);padding:8px;border-color:var(--ag-border-color, #dadada);border-radius:2px;transition:opacity 1s}.cg-ag-grid-field .ag-tooltip.ag-tooltip-hiding{opacity:0}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-1{padding-left:28px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-1{padding-right:28px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-2{padding-left:56px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-2{padding-right:56px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-3{padding-left:84px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-3{padding-right:84px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-4{padding-left:112px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-4{padding-right:112px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-5{padding-left:140px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-5{padding-right:140px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-6{padding-left:168px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-6{padding-right:168px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-7{padding-left:196px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-7{padding-right:196px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-8{padding-left:224px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-8{padding-right:224px}.cg-ag-grid-field .ag-ltr .ag-column-select-indent-9{padding-left:252px}.cg-ag-grid-field .ag-rtl .ag-column-select-indent-9{padding-right:252px}.cg-ag-grid-field .ag-column-select-header-icon{cursor:pointer}.cg-ag-grid-field .ag-keyboard-focus .ag-column-select-header-icon:focus{outline:0}.cg-ag-grid-field .ag-keyboard-focus .ag-column-select-header-icon:focus::after{content:"";position:absolute;background-color:transparent;pointer-events:none;top:0;left:0;display:block;width:calc(100% - 0px);height:calc(100% - 0px);border:1px solid;border-color:#000;border-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field .ag-ltr .ag-column-group-icons:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-checkbox:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-column-drag-handle:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-column-label:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-header-checkbox:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),.cg-ag-grid-field .ag-ltr .ag-column-select-header-icon:not(:last-child){margin-right:12px}.cg-ag-grid-field .ag-rtl .ag-column-group-icons:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-checkbox:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-column-drag-handle:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-column-label:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-header-checkbox:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),.cg-ag-grid-field .ag-rtl .ag-column-select-header-icon:not(:last-child){margin-left:12px}.cg-ag-grid-field .ag-keyboard-focus .ag-column-select-virtual-list-item:focus{outline:0}.cg-ag-grid-field .ag-keyboard-focus .ag-column-select-virtual-list-item:focus::after{content:"";position:absolute;background-color:transparent;pointer-events:none;top:1px;left:1px;display:block;width:calc(100% - 2px);height:calc(100% - 2px);border:1px solid;border-color:#000;border-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field .ag-column-select-column-group:not(:last-child),.cg-ag-grid-field .ag-column-select-column:not(:last-child){margin-bottom:8px}.cg-ag-grid-field .ag-column-select-column-group-readonly,.cg-ag-grid-field .ag-column-select-column-readonly{color:rgba(53,53,53,.5);color:var(--ag-disabled-foreground-color, rgba(53, 53, 53, 0.5));pointer-events:none}.cg-ag-grid-field .ag-ltr .ag-column-select-add-group-indent{margin-left:36px}.cg-ag-grid-field .ag-rtl .ag-column-select-add-group-indent{margin-right:36px}.cg-ag-grid-field .ag-column-select-virtual-list-item{margin:0 12px}.cg-ag-grid-field .ag-rtl{text-align:right}.cg-ag-grid-field .ag-root-wrapper{border:solid 1px;border-color:#dadada;border-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-1{padding-left:32px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-1{padding-right:32px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-1{padding-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-1{padding-right:16px}.cg-ag-grid-field .ag-ltr .ag-row-level-1 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-1 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-2{padding-left:48px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-2{padding-right:48px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-2{padding-left:32px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-2{padding-right:32px}.cg-ag-grid-field .ag-ltr .ag-row-level-2 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-2 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-3{padding-left:64px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-3{padding-right:64px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-3{padding-left:48px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-3{padding-right:48px}.cg-ag-grid-field .ag-ltr .ag-row-level-3 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-3 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-4{padding-left:80px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-4{padding-right:80px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-4{padding-left:64px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-4{padding-right:64px}.cg-ag-grid-field .ag-ltr .ag-row-level-4 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-4 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-5{padding-left:96px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-5{padding-right:96px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-5{padding-left:80px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-5{padding-right:80px}.cg-ag-grid-field .ag-ltr .ag-row-level-5 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-5 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-6{padding-left:112px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-6{padding-right:112px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-6{padding-left:96px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-6{padding-right:96px}.cg-ag-grid-field .ag-ltr .ag-row-level-6 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-6 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-7{padding-left:128px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-7{padding-right:128px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-7{padding-left:112px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-7{padding-right:112px}.cg-ag-grid-field .ag-ltr .ag-row-level-7 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-7 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-8{padding-left:144px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-8{padding-right:144px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-8{padding-left:128px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-8{padding-right:128px}.cg-ag-grid-field .ag-ltr .ag-row-level-8 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-8 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-9{padding-left:160px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-9{padding-right:160px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-9{padding-left:144px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-9{padding-right:144px}.cg-ag-grid-field .ag-ltr .ag-row-level-9 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-9 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-10{padding-left:176px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-10{padding-right:176px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-10{padding-left:160px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-10{padding-right:160px}.cg-ag-grid-field .ag-ltr .ag-row-level-10 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-10 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-11{padding-left:192px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-11{padding-right:192px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-11{padding-left:176px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-11{padding-right:176px}.cg-ag-grid-field .ag-ltr .ag-row-level-11 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-11 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-12{padding-left:208px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-12{padding-right:208px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-12{padding-left:192px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-12{padding-right:192px}.cg-ag-grid-field .ag-ltr .ag-row-level-12 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-12 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-13{padding-left:224px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-13{padding-right:224px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-13{padding-left:208px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-13{padding-right:208px}.cg-ag-grid-field .ag-ltr .ag-row-level-13 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-13 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-14{padding-left:240px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-14{padding-right:240px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-14{padding-left:224px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-14{padding-right:224px}.cg-ag-grid-field .ag-ltr .ag-row-level-14 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-14 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-15{padding-left:256px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-15{padding-right:256px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-15{padding-left:240px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-15{padding-right:240px}.cg-ag-grid-field .ag-ltr .ag-row-level-15 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-15 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-16{padding-left:272px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-16{padding-right:272px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-16{padding-left:256px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-16{padding-right:256px}.cg-ag-grid-field .ag-ltr .ag-row-level-16 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-16 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-17{padding-left:288px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-17{padding-right:288px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-17{padding-left:272px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-17{padding-right:272px}.cg-ag-grid-field .ag-ltr .ag-row-level-17 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-17 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-18{padding-left:304px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-18{padding-right:304px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-18{padding-left:288px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-18{padding-right:288px}.cg-ag-grid-field .ag-ltr .ag-row-level-18 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-18 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-19{padding-left:320px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-19{padding-right:320px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-19{padding-left:304px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-19{padding-right:304px}.cg-ag-grid-field .ag-ltr .ag-row-level-19 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-19 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-20{padding-left:336px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-20{padding-right:336px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-20{padding-left:320px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-20{padding-right:320px}.cg-ag-grid-field .ag-ltr .ag-row-level-20 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-20 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-21{padding-left:352px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-21{padding-right:352px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-21{padding-left:336px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-21{padding-right:336px}.cg-ag-grid-field .ag-ltr .ag-row-level-21 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-21 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-22{padding-left:368px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-22{padding-right:368px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-22{padding-left:352px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-22{padding-right:352px}.cg-ag-grid-field .ag-ltr .ag-row-level-22 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-22 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-23{padding-left:384px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-23{padding-right:384px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-23{padding-left:368px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-23{padding-right:368px}.cg-ag-grid-field .ag-ltr .ag-row-level-23 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-23 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-24{padding-left:400px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-24{padding-right:400px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-24{padding-left:384px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-24{padding-right:384px}.cg-ag-grid-field .ag-ltr .ag-row-level-24 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-24 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-25{padding-left:416px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-25{padding-right:416px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-25{padding-left:400px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-25{padding-right:400px}.cg-ag-grid-field .ag-ltr .ag-row-level-25 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-25 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-26{padding-left:432px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-26{padding-right:432px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-26{padding-left:416px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-26{padding-right:416px}.cg-ag-grid-field .ag-ltr .ag-row-level-26 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-26 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-27{padding-left:448px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-27{padding-right:448px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-27{padding-left:432px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-27{padding-right:432px}.cg-ag-grid-field .ag-ltr .ag-row-level-27 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-27 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-28{padding-left:464px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-28{padding-right:464px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-28{padding-left:448px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-28{padding-right:448px}.cg-ag-grid-field .ag-ltr .ag-row-level-28 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-28 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-29{padding-left:480px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-29{padding-right:480px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-29{padding-left:464px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-29{padding-right:464px}.cg-ag-grid-field .ag-ltr .ag-row-level-29 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-29 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-30{padding-left:496px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-30{padding-right:496px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-30{padding-left:480px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-30{padding-right:480px}.cg-ag-grid-field .ag-ltr .ag-row-level-30 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-30 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-31{padding-left:512px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-31{padding-right:512px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-31{padding-left:496px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-31{padding-right:496px}.cg-ag-grid-field .ag-ltr .ag-row-level-31 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-31 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-32{padding-left:528px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-32{padding-right:528px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-32{padding-left:512px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-32{padding-right:512px}.cg-ag-grid-field .ag-ltr .ag-row-level-32 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-32 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-33{padding-left:544px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-33{padding-right:544px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-33{padding-left:528px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-33{padding-right:528px}.cg-ag-grid-field .ag-ltr .ag-row-level-33 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-33 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-34{padding-left:560px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-34{padding-right:560px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-34{padding-left:544px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-34{padding-right:544px}.cg-ag-grid-field .ag-ltr .ag-row-level-34 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-34 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-35{padding-left:576px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-35{padding-right:576px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-35{padding-left:560px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-35{padding-right:560px}.cg-ag-grid-field .ag-ltr .ag-row-level-35 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-35 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-36{padding-left:592px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-36{padding-right:592px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-36{padding-left:576px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-36{padding-right:576px}.cg-ag-grid-field .ag-ltr .ag-row-level-36 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-36 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-37{padding-left:608px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-37{padding-right:608px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-37{padding-left:592px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-37{padding-right:592px}.cg-ag-grid-field .ag-ltr .ag-row-level-37 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-37 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-38{padding-left:624px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-38{padding-right:624px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-38{padding-left:608px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-38{padding-right:608px}.cg-ag-grid-field .ag-ltr .ag-row-level-38 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-38 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-39{padding-left:640px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-39{padding-right:640px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-39{padding-left:624px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-39{padding-right:624px}.cg-ag-grid-field .ag-ltr .ag-row-level-39 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-39 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-40{padding-left:656px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-40{padding-right:656px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-40{padding-left:640px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-40{padding-right:640px}.cg-ag-grid-field .ag-ltr .ag-row-level-40 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-40 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-41{padding-left:672px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-41{padding-right:672px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-41{padding-left:656px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-41{padding-right:656px}.cg-ag-grid-field .ag-ltr .ag-row-level-41 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-41 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-42{padding-left:688px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-42{padding-right:688px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-42{padding-left:672px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-42{padding-right:672px}.cg-ag-grid-field .ag-ltr .ag-row-level-42 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-42 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-43{padding-left:704px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-43{padding-right:704px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-43{padding-left:688px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-43{padding-right:688px}.cg-ag-grid-field .ag-ltr .ag-row-level-43 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-43 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-44{padding-left:720px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-44{padding-right:720px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-44{padding-left:704px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-44{padding-right:704px}.cg-ag-grid-field .ag-ltr .ag-row-level-44 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-44 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-45{padding-left:736px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-45{padding-right:736px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-45{padding-left:720px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-45{padding-right:720px}.cg-ag-grid-field .ag-ltr .ag-row-level-45 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-45 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-46{padding-left:752px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-46{padding-right:752px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-46{padding-left:736px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-46{padding-right:736px}.cg-ag-grid-field .ag-ltr .ag-row-level-46 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-46 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-47{padding-left:768px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-47{padding-right:768px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-47{padding-left:752px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-47{padding-right:752px}.cg-ag-grid-field .ag-ltr .ag-row-level-47 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-47 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-48{padding-left:784px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-48{padding-right:784px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-48{padding-left:768px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-48{padding-right:768px}.cg-ag-grid-field .ag-ltr .ag-row-level-48 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-48 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-49{padding-left:800px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-49{padding-right:800px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-49{padding-left:784px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-49{padding-right:784px}.cg-ag-grid-field .ag-ltr .ag-row-level-49 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-49 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-50{padding-left:816px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-50{padding-right:816px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-50{padding-left:800px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-50{padding-right:800px}.cg-ag-grid-field .ag-ltr .ag-row-level-50 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-50 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-51{padding-left:832px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-51{padding-right:832px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-51{padding-left:816px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-51{padding-right:816px}.cg-ag-grid-field .ag-ltr .ag-row-level-51 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-51 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-52{padding-left:848px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-52{padding-right:848px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-52{padding-left:832px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-52{padding-right:832px}.cg-ag-grid-field .ag-ltr .ag-row-level-52 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-52 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-53{padding-left:864px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-53{padding-right:864px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-53{padding-left:848px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-53{padding-right:848px}.cg-ag-grid-field .ag-ltr .ag-row-level-53 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-53 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-54{padding-left:880px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-54{padding-right:880px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-54{padding-left:864px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-54{padding-right:864px}.cg-ag-grid-field .ag-ltr .ag-row-level-54 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-54 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-55{padding-left:896px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-55{padding-right:896px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-55{padding-left:880px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-55{padding-right:880px}.cg-ag-grid-field .ag-ltr .ag-row-level-55 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-55 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-56{padding-left:912px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-56{padding-right:912px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-56{padding-left:896px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-56{padding-right:896px}.cg-ag-grid-field .ag-ltr .ag-row-level-56 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-56 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-57{padding-left:928px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-57{padding-right:928px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-57{padding-left:912px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-57{padding-right:912px}.cg-ag-grid-field .ag-ltr .ag-row-level-57 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-57 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-58{padding-left:944px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-58{padding-right:944px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-58{padding-left:928px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-58{padding-right:928px}.cg-ag-grid-field .ag-ltr .ag-row-level-58 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-58 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-59{padding-left:960px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-59{padding-right:960px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-59{padding-left:944px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-59{padding-right:944px}.cg-ag-grid-field .ag-ltr .ag-row-level-59 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-59 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-60{padding-left:976px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-60{padding-right:976px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-60{padding-left:960px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-60{padding-right:960px}.cg-ag-grid-field .ag-ltr .ag-row-level-60 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-60 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-61{padding-left:992px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-61{padding-right:992px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-61{padding-left:976px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-61{padding-right:976px}.cg-ag-grid-field .ag-ltr .ag-row-level-61 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-61 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-62{padding-left:1008px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-62{padding-right:1008px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-62{padding-left:992px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-62{padding-right:992px}.cg-ag-grid-field .ag-ltr .ag-row-level-62 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-62 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-63{padding-left:1024px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-63{padding-right:1024px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-63{padding-left:1008px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-63{padding-right:1008px}.cg-ag-grid-field .ag-ltr .ag-row-level-63 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-63 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-64{padding-left:1040px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-64{padding-right:1040px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-64{padding-left:1024px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-64{padding-right:1024px}.cg-ag-grid-field .ag-ltr .ag-row-level-64 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-64 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-65{padding-left:1056px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-65{padding-right:1056px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-65{padding-left:1040px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-65{padding-right:1040px}.cg-ag-grid-field .ag-ltr .ag-row-level-65 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-65 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-66{padding-left:1072px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-66{padding-right:1072px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-66{padding-left:1056px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-66{padding-right:1056px}.cg-ag-grid-field .ag-ltr .ag-row-level-66 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-66 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-67{padding-left:1088px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-67{padding-right:1088px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-67{padding-left:1072px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-67{padding-right:1072px}.cg-ag-grid-field .ag-ltr .ag-row-level-67 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-67 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-68{padding-left:1104px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-68{padding-right:1104px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-68{padding-left:1088px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-68{padding-right:1088px}.cg-ag-grid-field .ag-ltr .ag-row-level-68 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-68 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-69{padding-left:1120px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-69{padding-right:1120px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-69{padding-left:1104px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-69{padding-right:1104px}.cg-ag-grid-field .ag-ltr .ag-row-level-69 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-69 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-70{padding-left:1136px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-70{padding-right:1136px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-70{padding-left:1120px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-70{padding-right:1120px}.cg-ag-grid-field .ag-ltr .ag-row-level-70 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-70 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-71{padding-left:1152px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-71{padding-right:1152px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-71{padding-left:1136px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-71{padding-right:1136px}.cg-ag-grid-field .ag-ltr .ag-row-level-71 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-71 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-72{padding-left:1168px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-72{padding-right:1168px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-72{padding-left:1152px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-72{padding-right:1152px}.cg-ag-grid-field .ag-ltr .ag-row-level-72 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-72 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-73{padding-left:1184px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-73{padding-right:1184px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-73{padding-left:1168px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-73{padding-right:1168px}.cg-ag-grid-field .ag-ltr .ag-row-level-73 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-73 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-74{padding-left:1200px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-74{padding-right:1200px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-74{padding-left:1184px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-74{padding-right:1184px}.cg-ag-grid-field .ag-ltr .ag-row-level-74 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-74 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-75{padding-left:1216px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-75{padding-right:1216px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-75{padding-left:1200px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-75{padding-right:1200px}.cg-ag-grid-field .ag-ltr .ag-row-level-75 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-75 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-76{padding-left:1232px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-76{padding-right:1232px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-76{padding-left:1216px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-76{padding-right:1216px}.cg-ag-grid-field .ag-ltr .ag-row-level-76 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-76 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-77{padding-left:1248px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-77{padding-right:1248px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-77{padding-left:1232px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-77{padding-right:1232px}.cg-ag-grid-field .ag-ltr .ag-row-level-77 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-77 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-78{padding-left:1264px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-78{padding-right:1264px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-78{padding-left:1248px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-78{padding-right:1248px}.cg-ag-grid-field .ag-ltr .ag-row-level-78 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-78 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-79{padding-left:1280px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-79{padding-right:1280px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-79{padding-left:1264px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-79{padding-right:1264px}.cg-ag-grid-field .ag-ltr .ag-row-level-79 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-79 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-80{padding-left:1296px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-80{padding-right:1296px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-80{padding-left:1280px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-80{padding-right:1280px}.cg-ag-grid-field .ag-ltr .ag-row-level-80 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-80 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-81{padding-left:1312px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-81{padding-right:1312px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-81{padding-left:1296px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-81{padding-right:1296px}.cg-ag-grid-field .ag-ltr .ag-row-level-81 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-81 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-82{padding-left:1328px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-82{padding-right:1328px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-82{padding-left:1312px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-82{padding-right:1312px}.cg-ag-grid-field .ag-ltr .ag-row-level-82 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-82 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-83{padding-left:1344px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-83{padding-right:1344px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-83{padding-left:1328px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-83{padding-right:1328px}.cg-ag-grid-field .ag-ltr .ag-row-level-83 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-83 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-84{padding-left:1360px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-84{padding-right:1360px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-84{padding-left:1344px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-84{padding-right:1344px}.cg-ag-grid-field .ag-ltr .ag-row-level-84 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-84 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-85{padding-left:1376px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-85{padding-right:1376px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-85{padding-left:1360px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-85{padding-right:1360px}.cg-ag-grid-field .ag-ltr .ag-row-level-85 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-85 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-86{padding-left:1392px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-86{padding-right:1392px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-86{padding-left:1376px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-86{padding-right:1376px}.cg-ag-grid-field .ag-ltr .ag-row-level-86 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-86 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-87{padding-left:1408px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-87{padding-right:1408px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-87{padding-left:1392px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-87{padding-right:1392px}.cg-ag-grid-field .ag-ltr .ag-row-level-87 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-87 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-88{padding-left:1424px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-88{padding-right:1424px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-88{padding-left:1408px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-88{padding-right:1408px}.cg-ag-grid-field .ag-ltr .ag-row-level-88 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-88 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-89{padding-left:1440px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-89{padding-right:1440px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-89{padding-left:1424px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-89{padding-right:1424px}.cg-ag-grid-field .ag-ltr .ag-row-level-89 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-89 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-90{padding-left:1456px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-90{padding-right:1456px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-90{padding-left:1440px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-90{padding-right:1440px}.cg-ag-grid-field .ag-ltr .ag-row-level-90 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-90 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-91{padding-left:1472px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-91{padding-right:1472px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-91{padding-left:1456px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-91{padding-right:1456px}.cg-ag-grid-field .ag-ltr .ag-row-level-91 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-91 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-92{padding-left:1488px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-92{padding-right:1488px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-92{padding-left:1472px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-92{padding-right:1472px}.cg-ag-grid-field .ag-ltr .ag-row-level-92 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-92 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-93{padding-left:1504px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-93{padding-right:1504px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-93{padding-left:1488px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-93{padding-right:1488px}.cg-ag-grid-field .ag-ltr .ag-row-level-93 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-93 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-94{padding-left:1520px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-94{padding-right:1520px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-94{padding-left:1504px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-94{padding-right:1504px}.cg-ag-grid-field .ag-ltr .ag-row-level-94 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-94 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-95{padding-left:1536px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-95{padding-right:1536px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-95{padding-left:1520px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-95{padding-right:1520px}.cg-ag-grid-field .ag-ltr .ag-row-level-95 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-95 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-96{padding-left:1552px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-96{padding-right:1552px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-96{padding-left:1536px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-96{padding-right:1536px}.cg-ag-grid-field .ag-ltr .ag-row-level-96 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-96 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-97{padding-left:1568px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-97{padding-right:1568px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-97{padding-left:1552px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-97{padding-right:1552px}.cg-ag-grid-field .ag-ltr .ag-row-level-97 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-97 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-98{padding-left:1584px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-98{padding-right:1584px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-98{padding-left:1568px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-98{padding-right:1568px}.cg-ag-grid-field .ag-ltr .ag-row-level-98 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-level-98 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-ltr .ag-row>.ag-cell-wrapper.ag-row-group-indent-99{padding-left:1600px}.cg-ag-grid-field .ag-rtl .ag-row>.ag-cell-wrapper.ag-row-group-indent-99{padding-right:1600px}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-99{padding-left:1584px}.cg-ag-grid-field .ag-rtl .ag-row-group-indent-99{padding-right:1584px}.cg-ag-grid-field .ag-ltr .ag-row-group-leaf-indent,.cg-ag-grid-field .ag-ltr .ag-row-level-99 .ag-pivot-leaf-group{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-row-group-leaf-indent,.cg-ag-grid-field .ag-rtl .ag-row-level-99 .ag-pivot-leaf-group{margin-right:16px}.cg-ag-grid-field .ag-value-change-delta{padding-right:2px}.cg-ag-grid-field .ag-value-change-delta-up{color:#43a047;color:var(--ag-value-change-delta-up-color, #43a047)}.cg-ag-grid-field .ag-value-change-delta-down{color:#e53935;color:var(--ag-value-change-delta-down-color, #e53935)}.cg-ag-grid-field .ag-value-change-value{background-color:transparent;border-radius:1px;padding-left:1px;padding-right:1px;transition:background-color 1s}.cg-ag-grid-field .ag-value-change-value-highlight{background-color:rgba(22,160,133,.5);background-color:var(--ag-value-change-value-highlight-background-color, rgba(22, 160, 133, 0.5));transition:background-color .1s}.cg-ag-grid-field .ag-cell-data-changed{background-color:rgba(22,160,133,.5)!important;background-color:var(--ag-value-change-value-highlight-background-color, rgba(22, 160, 133, 0.5))!important}.cg-ag-grid-field .ag-cell-data-changed-animation{background-color:transparent}.cg-ag-grid-field .ag-cell-highlight{background-color:#0091ea!important;background-color:var(--ag-range-selection-highlight-color, var(--ag-balham-active-color, #0091ea))!important}.cg-ag-grid-field .ag-row{height:56px;background-color:#fff;background-color:var(--ag-background-color, #fff);color:#353535;color:var(--ag-data-color, #353535);border-width:1px;border-color:#dadada;border-color:var(--ag-row-border-color, #dadada);border-bottom-style:solid}.cg-ag-grid-field .ag-row-highlight-above::after,.cg-ag-grid-field .ag-row-highlight-below::after{content:"";position:absolute;width:calc(100% - 1px);height:1px;background-color:#0091ea;background-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));left:1px}.cg-ag-grid-field .ag-row-highlight-above::after{top:-1px}.cg-ag-grid-field .ag-row-highlight-above.ag-row-first::after{top:0}.cg-ag-grid-field .ag-row-highlight-below::after{bottom:0}.cg-ag-grid-field .ag-row-odd{background-color:#fff;background-color:var(--ag-odd-row-background-color, #fff)}.cg-ag-grid-field .ag-horizontal-left-spacer:not(.ag-scroller-corner){border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell){border-left-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-horizontal-right-spacer:not(.ag-scroller-corner){border-left:solid 1px;border-left-color:#dadada;border-left-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-row-hover{background-color:#e6f2f9;background-color:var(--ag-row-hover-color, #e6f2f9)}.cg-ag-grid-field .ag-ltr .ag-right-aligned-cell{text-align:right}.cg-ag-grid-field .ag-rtl .ag-right-aligned-cell{text-align:left}.cg-ag-grid-field .ag-ltr .ag-right-aligned-cell .ag-cell-value,.cg-ag-grid-field .ag-ltr .ag-right-aligned-cell .ag-group-value{margin-left:auto}.cg-ag-grid-field .ag-rtl .ag-right-aligned-cell .ag-cell-value,.cg-ag-grid-field .ag-rtl .ag-right-aligned-cell .ag-group-value{margin-right:auto}.cg-ag-grid-field .ag-cell,.cg-ag-grid-field .ag-full-width-row .ag-cell-wrapper.ag-row-group{border:1px solid transparent;-webkit-font-smoothing:subpixel-antialiased}.cg-ag-grid-field .ag-full-width-row .ag-cell-wrapper.ag-row-group{line-height:54px;padding-left:15px;padding-right:15px}.cg-ag-grid-field .ag-cell,.cg-ag-grid-field .ag-row>.ag-cell-wrapper{padding-left:15px;padding-right:15px}.cg-ag-grid-field .ag-row-dragging{cursor:move;opacity:.5}.cg-ag-grid-field .ag-cell-inline-editing,.cg-ag-grid-field .ag-popup-editor{border:solid 1px;border-color:var(--ag-border-color, #dadada);background:#fff;background:var(--ag-background-color, #fff);box-shadow:none;padding:0;background-color:#fff;background-color:var(--ag-control-panel-background-color, #fff)}.cg-ag-grid-field .ag-popup-editor{border-color:#dadada;border-radius:2px}.cg-ag-grid-field .ag-large-text-input{height:auto;padding:16px}.cg-ag-grid-field .ag-details-row{padding:40px;background-color:#fff;background-color:var(--ag-background-color, #fff)}.cg-ag-grid-field .ag-layout-auto-height .ag-center-cols-clipper,.cg-ag-grid-field .ag-layout-auto-height .ag-center-cols-container,.cg-ag-grid-field .ag-layout-print .ag-center-cols-clipper,.cg-ag-grid-field .ag-layout-print .ag-center-cols-container{min-height:50px}.cg-ag-grid-field .ag-overlay-loading-wrapper{background-color:rgba(255,255,255,.5);background-color:var(--ag-modal-overlay-background-color, rgba(255, 255, 255, 0.5))}.cg-ag-grid-field .ag-overlay-loading-center{background:#fff;background:var(--ag-background-color, #fff);border-radius:2px;box-shadow:none}.cg-ag-grid-field .ag-overlay-no-rows-wrapper.ag-layout-auto-height{padding-top:30px}.cg-ag-grid-field .ag-loading{padding-left:16px;display:flex;height:100%;align-items:center}.cg-ag-grid-field .ag-loading-icon{padding-right:.5rem}.cg-ag-grid-field .ag-icon-loading{animation-name:spin;animation-duration:1000ms;animation-iteration-count:infinite;animation-timing-function:linear}.cg-ag-grid-field .ag-floating-top{border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-floating-bottom{border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-cell{border-right:.0625rem solid #dadada}.cg-ag-grid-field .ag-rtl .ag-cell{border-left:.0625rem solid #dadada;border-left-width:1px}.cg-ag-grid-field .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell){border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-row-selected{background-color:#f2f8fc;background-color:var(--ag-selected-row-background-color, #f2f8fc)}.cg-ag-grid-field .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing),.cg-ag-grid-field .ag-cell-range-selected:not(.ag-cell-focus){background-color:rgba(0,145,234,.2);background-color:var(--ag-range-selection-background-color, rgba(0, 145, 234, 0.2))}.cg-ag-grid-field .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart,.cg-ag-grid-field .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart{background-color:rgba(0,88,255,.1)!important;background-color:var(--ag-range-selection-chart-background-color, rgba(0, 88, 255, 0.1))!important}.cg-ag-grid-field .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category,.cg-ag-grid-field .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category{background-color:rgba(0,255,132,.1)!important;background-color:var(--ag-range-selection-chart-category-background-color, rgba(0, 255, 132, 0.1))!important}.cg-ag-grid-field .ag-cell-range-selected-1:not(.ag-cell-focus),.cg-ag-grid-field .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing){background-color:rgba(0,145,234,.2);background-color:var(--ag-range-selection-background-color-1, var(--ag-range-selection-background-color, rgba(0, 145, 234, 0.2)))}.cg-ag-grid-field .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2,.cg-ag-grid-field .ag-cell-range-selected-2:not(.ag-cell-focus){background-color:rgba(0,145,234,.36);background-color:var(--ag-range-selection-background-color-2, rgba(0, 145, 234, 0.36))}.cg-ag-grid-field .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3,.cg-ag-grid-field .ag-cell-range-selected-3:not(.ag-cell-focus){background-color:rgba(0,145,234,.488);background-color:var(--ag-range-selection-background-color-3, rgba(0, 145, 234, 0.488))}.cg-ag-grid-field .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4,.cg-ag-grid-field .ag-cell-range-selected-4:not(.ag-cell-focus){background-color:rgba(0,145,234,.5904);background-color:var(--ag-range-selection-background-color-4, rgba(0, 145, 234, 0.5904))}.cg-ag-grid-field .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top{border-top-color:#0091ea;border-top-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right{border-right-color:#0091ea;border-right-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom{border-bottom-color:#0091ea;border-bottom-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left{border-left-color:#0091ea;border-left-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-ltr .ag-cell-range-single-cell,.cg-ag-grid-field .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,.cg-ag-grid-field .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.cg-ag-grid-field .ag-ltr .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),.cg-ag-grid-field .ag-ltr .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group,.cg-ag-grid-field .ag-rtl .ag-cell-range-single-cell,.cg-ag-grid-field .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle,.cg-ag-grid-field .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),.cg-ag-grid-field .ag-rtl .ag-has-focus .ag-cell-focus:not(.ag-cell-range-selected),.cg-ag-grid-field .ag-rtl .ag-has-focus .ag-full-width-row.ag-row-focus .ag-cell-wrapper.ag-row-group{border:1px solid;border-color:#0091ea;border-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea));outline:initial}.cg-ag-grid-field .ag-cell.ag-selection-fill-top,.cg-ag-grid-field .ag-cell.ag-selection-fill-top.ag-cell-range-selected{border-top:1px dashed;border-top-color:#0091ea;border-top-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-ltr .ag-cell.ag-selection-fill-right,.cg-ag-grid-field .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected{border-right:1px dashed;border-right-color:#0091ea;border-right-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-rtl .ag-cell.ag-selection-fill-right,.cg-ag-grid-field .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected{border-left:1px dashed;border-left-color:#0091ea;border-left-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-cell.ag-selection-fill-bottom,.cg-ag-grid-field .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected{border-bottom:1px dashed;border-bottom-color:#0091ea;border-bottom-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-ltr .ag-cell.ag-selection-fill-left,.cg-ag-grid-field .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected{border-left:1px dashed;border-left-color:#0091ea;border-left-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-rtl .ag-cell.ag-selection-fill-left,.cg-ag-grid-field .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected{border-right:1px dashed;border-right-color:#0091ea;border-right-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-fill-handle,.cg-ag-grid-field .ag-range-handle{position:absolute;width:6px;height:6px;bottom:-1px;background-color:#0091ea;background-color:var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea))}.cg-ag-grid-field .ag-ltr .ag-fill-handle,.cg-ag-grid-field .ag-ltr .ag-range-handle{right:-1px}.cg-ag-grid-field .ag-rtl .ag-fill-handle,.cg-ag-grid-field .ag-rtl .ag-range-handle{left:-1px}.cg-ag-grid-field .ag-fill-handle{cursor:cell}.cg-ag-grid-field .ag-range-handle{cursor:nwse-resize}.cg-ag-grid-field .ag-cell-inline-editing{border-color:var(--ag-input-focus-border-color, #000)!important}.cg-ag-grid-field .ag-menu{border:solid 1px;border-color:#dadada;border-color:var(--ag-border-color, #dadada);background:#fff;background:var(--ag-background-color, #fff);border-radius:2px;box-shadow:none;padding:0}.cg-ag-grid-field .ag-menu-list{cursor:default;padding:8px 0}.cg-ag-grid-field .ag-menu-separator{height:17px}.cg-ag-grid-field .ag-menu-separator-part::after{content:"";display:block;border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-compact-menu-option-active,.cg-ag-grid-field .ag-menu-option-active{background-color:#e6f2f9;background-color:var(--ag-row-hover-color, #e6f2f9)}.cg-ag-grid-field .ag-compact-menu-option-part,.cg-ag-grid-field .ag-menu-option-part{line-height:20px;padding:10px 0}.cg-ag-grid-field .ag-compact-menu-option-disabled,.cg-ag-grid-field .ag-menu-option-disabled{opacity:.5}.cg-ag-grid-field .ag-compact-menu-option-icon,.cg-ag-grid-field .ag-menu-option-icon{width:20px}.cg-ag-grid-field .ag-ltr .ag-compact-menu-option-icon{padding-left:16px}.cg-ag-grid-field .ag-rtl .ag-compact-menu-option-icon,.cg-ag-grid-field .ag-rtl .ag-menu-option-icon{padding-right:16px}.cg-ag-grid-field .ag-compact-menu-option-text{padding-left:16px;padding-right:16px}.cg-ag-grid-field .ag-compact-menu-option-popup-pointer,.cg-ag-grid-field .ag-ltr .ag-compact-menu-option-shortcut,.cg-ag-grid-field .ag-ltr .ag-menu-option-shortcut{padding-right:8px}.cg-ag-grid-field .ag-rtl .ag-compact-menu-option-shortcut,.cg-ag-grid-field .ag-rtl .ag-menu-option-shortcut{padding-left:8px}.cg-ag-grid-field .ag-tabs-header{min-width:220px;width:100%;display:flex}.cg-ag-grid-field .ag-tab{display:flex;flex:none;align-items:center;justify-content:center;cursor:pointer}.cg-ag-grid-field .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus,.cg-ag-grid-field .ag-keyboard-focus .ag-side-button-button:focus,.cg-ag-grid-field .ag-keyboard-focus .ag-tab:focus{outline:0}.cg-ag-grid-field .ag-keyboard-focus .ag-column-select-header:focus::after,.cg-ag-grid-field .ag-keyboard-focus .ag-filter-toolpanel-header:focus::after,.cg-ag-grid-field .ag-keyboard-focus .ag-header-cell:focus::after,.cg-ag-grid-field .ag-keyboard-focus .ag-header-group-cell:focus::after,.cg-ag-grid-field .ag-keyboard-focus .ag-multi-filter-group-title-bar:focus::after,.cg-ag-grid-field .ag-keyboard-focus .ag-side-button-button:focus::after,.cg-ag-grid-field .ag-keyboard-focus .ag-tab:focus::after{content:"";position:absolute;background-color:transparent;pointer-events:none;top:4px;left:4px;display:block;width:calc(100% - 8px);height:calc(100% - 8px);border:1px solid;border-color:#000;border-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field .ag-tab-selected{border-bottom-color:var(--ag-selected-tab-underline-color, var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)))}.cg-ag-grid-field .ag-menu-header{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-filter-separator{border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-filter-condition-operator{height:17px}.cg-ag-grid-field .ag-ltr .ag-filter-condition-operator-or{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-filter-condition-operator-or{margin-right:16px}.cg-ag-grid-field .ag-set-filter-select-all{padding-top:12px}.cg-ag-grid-field .ag-filter-no-matches,.cg-ag-grid-field .ag-set-filter-list{height:9.75rem}.cg-ag-grid-field .ag-set-filter-filter{margin-top:12px;margin-left:12px;margin-right:12px}.cg-ag-grid-field .ag-filter-to{margin-top:8px}.cg-ag-grid-field .ag-mini-filter{margin:12px}.cg-ag-grid-field .ag-set-filter-item{margin:0 12px}.cg-ag-grid-field .ag-ltr .ag-set-filter-item-value{margin-left:12px}.cg-ag-grid-field .ag-rtl .ag-set-filter-item-value{margin-right:12px}.cg-ag-grid-field .ag-filter-apply-panel{padding:12px;border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-filter-apply-panel-button{line-height:1.5}.cg-ag-grid-field .ag-ltr .ag-filter-apply-panel-button{margin-left:16px}.cg-ag-grid-field .ag-rtl .ag-filter-apply-panel-button{margin-right:16px}.cg-ag-grid-field .ag-simple-filter-body-wrapper{padding:12px 12px 4px}.cg-ag-grid-field .ag-simple-filter-body-wrapper>*{margin-bottom:8px}.cg-ag-grid-field .ag-filter-no-matches{padding:12px}.cg-ag-grid-field .ag-multi-filter-menu-item{margin:8px 0}.cg-ag-grid-field .ag-multi-filter-group-title-bar{padding:16px 8px;background-color:transparent}.cg-ag-grid-field .ag-side-bar{position:relative}.cg-ag-grid-field .ag-tool-panel-wrapper{background-color:#fff;background-color:var(--ag-control-panel-background-color, #fff)}.cg-ag-grid-field .ag-side-buttons{width:24px;position:relative;color:#353535;color:var(--ag-foreground-color, #353535);overflow:hidden}.cg-ag-grid-field button.ag-side-button-button{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;background:0 0;padding:16px 0;width:calc(100% + 1px);margin:0;min-height:144px;background-position-y:center;background-position-x:center;background-repeat:no-repeat;border-top-color:var(--ag-border-color, #dadada);border-bottom-color:var(--ag-border-color, #dadada);border:0;padding:1rem 0}.cg-ag-grid-field .ag-selected .ag-side-button-button{background-color:var(--ag-control-panel-background-color, #fff);border-top-color:#dadada;border-top-color:var(--ag-border-color, #dadada);border-bottom-color:#dadada;border-bottom-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-side-button-icon-wrapper{margin-bottom:3px}.cg-ag-grid-field .ag-ltr .ag-side-bar-left,.cg-ag-grid-field .ag-rtl .ag-side-bar-right{border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,.cg-ag-grid-field .ag-ltr .ag-side-bar-right,.cg-ag-grid-field .ag-rtl .ag-side-bar-left,.cg-ag-grid-field .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper{border-left:solid 1px;border-left-color:#dadada;border-left-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-side-bar-left .ag-side-button-button,.cg-ag-grid-field .ag-rtl .ag-side-bar-right .ag-side-button-button{border-right:0 solid transparent;margin-right:-1px;padding-right:1px}.cg-ag-grid-field .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,.cg-ag-grid-field .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button{border-right-color:#0091ea;border-right-color:var(--ag-selected-tab-underline-color, var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)))}.cg-ag-grid-field .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper,.cg-ag-grid-field .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper{border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-side-bar-right .ag-side-button-button,.cg-ag-grid-field .ag-rtl .ag-side-bar-left .ag-side-button-button{border-left:0 solid transparent;margin-left:-1px;padding-left:1px}.cg-ag-grid-field .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button,.cg-ag-grid-field .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button{border-left-color:#0091ea;border-left-color:var(--ag-selected-tab-underline-color, var(--ag-range-selection-border-color, var(--ag-balham-active-color, #0091ea)))}.cg-ag-grid-field .ag-filter-toolpanel-header{height:48px}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title::after,.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-header,.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-search{padding-left:8px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title::after,.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-header,.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-search{padding-right:8px}.cg-ag-grid-field .ag-keyboard-focus .ag-filter-toolpanel-header:focus{outline:0}.cg-ag-grid-field .ag-filter-toolpanel-group.ag-has-filter>.ag-group-title-bar .ag-group-title::after{font-family:"agGridBalham";font-size:20px;line-height:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f114";position:absolute}.cg-ag-grid-field .ag-filter-toolpanel-group-item{margin-top:4px;margin-bottom:4px}.cg-ag-grid-field .ag-filter-toolpanel-search-input{flex-grow:1;height:32px}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-search-input{margin-right:8px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-search-input{margin-left:8px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-0{border-top-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-expand,.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-title-bar-icon{margin-right:8px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-expand,.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-title-bar-icon{margin-left:8px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-1-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header{padding-left:24px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-1 .ag-filter-toolpanel-group-level-2-header{padding-right:24px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-2-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header{padding-left:40px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-2 .ag-filter-toolpanel-group-level-3-header{padding-right:40px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-3-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header{padding-left:56px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-3 .ag-filter-toolpanel-group-level-4-header{padding-right:56px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-4-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header{padding-left:72px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-4 .ag-filter-toolpanel-group-level-5-header{padding-right:72px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-5-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header{padding-left:88px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-5 .ag-filter-toolpanel-group-level-6-header{padding-right:88px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-6-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header{padding-left:104px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-6 .ag-filter-toolpanel-group-level-7-header{padding-right:104px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-7-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header{padding-left:120px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-7 .ag-filter-toolpanel-group-level-8-header{padding-right:120px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-8-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header{padding-left:136px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-8 .ag-filter-toolpanel-group-level-9-header{padding-right:136px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-9-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header{padding-left:152px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-9 .ag-filter-toolpanel-group-level-10-header{padding-right:152px}.cg-ag-grid-field .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-10-header.ag-filter-toolpanel-group-title-bar{background-color:transparent}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header{padding-left:168px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-group-level-10 .ag-filter-toolpanel-group-level-11-header{padding-right:168px}.cg-ag-grid-field .ag-filter-toolpanel-instance-header.ag-filter-toolpanel-group-level-1-header{padding-left:8px}.cg-ag-grid-field .ag-filter-toolpanel-instance-filter{border-top-color:var(--ag-border-color, #dadada);border-bottom-color:var(--ag-border-color, #dadada);margin-top:8px}.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-instance-header-icon{margin-left:8px}.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-instance-header-icon{margin-right:8px}.cg-ag-grid-field .ag-pivot-mode-panel{height:2rem;display:flex}.cg-ag-grid-field .ag-pivot-mode-select,.cg-banner banner-right{display:flex;align-items:center}.cg-ag-grid-field .ag-ltr .ag-pivot-mode-select{margin-left:12px}.cg-ag-grid-field .ag-rtl .ag-pivot-mode-select{margin-right:12px}.cg-ag-grid-field .ag-keyboard-focus .ag-column-select-header:focus,.cg-ag-grid-field .ag-keyboard-focus .ag-header-cell:focus,.cg-ag-grid-field .ag-keyboard-focus .ag-header-group-cell:focus{outline:0}.cg-ag-grid-field .ag-column-select-header{height:2rem;align-items:center;padding:0 12px;border-bottom-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-column-panel-column-select{border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada));border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-column-group-icons,.cg-ag-grid-field .ag-column-select-header-icon{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-header{background-color:#fff;background-color:var(--ag-header-background-color, #fff);border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-header-row{height:2rem}.cg-ag-grid-field .ag-pinned-right-header{border-left:solid 1px;border-left-color:#dadada;border-left-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-pinned-left-header{border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon{margin-left:8px}.cg-ag-grid-field .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon{margin-right:8px}.cg-ag-grid-field .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon{margin-right:8px}.cg-ag-grid-field .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon{margin-left:8px}.cg-ag-grid-field .ag-header-cell,.cg-ag-grid-field .ag-header-group-cell{padding-left:16px;padding-right:16px}.cg-ag-grid-field .ag-header-cell.ag-header-cell-moving,.cg-ag-grid-field .ag-header-group-cell.ag-header-cell-moving{background-color:#fff;background-color:var(--ag-header-cell-moving-background-color, var(--ag-background-color, #fff))}.cg-ag-grid-field .ag-header-icon{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-header-expand-icon{cursor:pointer}.cg-ag-grid-field .ag-ltr .ag-header-expand-icon{padding-left:4px}.cg-ag-grid-field .ag-rtl .ag-header-expand-icon{padding-right:4px}.cg-ag-grid-field .ag-header-row:not(:first-child) .ag-header-cell,.cg-ag-grid-field .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group{border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-header-select-all{margin-right:16px}.cg-ag-grid-field .ag-rtl .ag-header-select-all{margin-left:16px}.cg-ag-grid-field .ag-ltr .ag-floating-filter-button{margin-left:24px}.cg-ag-grid-field .ag-rtl .ag-floating-filter-button{margin-right:24px}.cg-ag-grid-field .ag-floating-filter-button-button{color:inherit;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;appearance:none;background:0 0;border:0;height:20px;padding:0;width:20px}.cg-ag-grid-field .ag-filter-loading{background-color:#fff;background-color:var(--ag-control-panel-background-color, #fff);height:100%;padding:12px;position:absolute;width:100%;z-index:1}.cg-ag-grid-field .ag-paging-panel{border-top-color:var(--ag-border-color, #dadada);color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-paging-button{cursor:pointer}.cg-ag-grid-field .ag-paging-button.ag-disabled{cursor:default;color:rgba(53,53,53,.5);color:var(--ag-disabled-foreground-color, rgba(53, 53, 53, 0.5))}.cg-ag-grid-field .ag-keyboard-focus .ag-paging-button:focus,.cg-ag-grid-field input[class^=ag-][type=range]:focus{outline:0}.cg-ag-grid-field .ag-keyboard-focus .ag-paging-button:focus::after{content:"";position:absolute;background-color:transparent;pointer-events:none;top:0;left:0;display:block;width:calc(100% - 0px);height:calc(100% - 0px);border:1px solid;border-color:#000;border-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field .ag-paging-description{margin:0 8px}.cg-ag-grid-field .ag-status-bar{border-top-color:var(--ag-border-color, #dadada);line-height:1.5}.cg-ag-grid-field .ag-status-name-value-value{color:#353535;color:var(--ag-foreground-color, #353535)}.cg-ag-grid-field .ag-status-bar-center{text-align:center}.cg-ag-grid-field .ag-status-name-value{margin-left:8px;margin-right:8px;padding-top:16px;padding-bottom:16px}.cg-ag-grid-field .ag-column-drop-cell{background:#f6f6f6;background:var(--ag-chip-background-color, #f6f6f6);border-radius:32px;padding:0 4px}.cg-ag-grid-field .ag-column-drop-cell-text{margin:0 8px}.cg-ag-grid-field .ag-column-drop-cell-button{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-column-drop-cell-ghost{opacity:.5}.cg-ag-grid-field .ag-column-drop-horizontal{background-color:#fff;background-color:var(--ag-control-panel-background-color, #fff);color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54));height:56px;border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-ltr .ag-column-drop-horizontal{padding-left:16px}.cg-ag-grid-field .ag-rtl .ag-column-drop-horizontal{padding-right:16px}.cg-ag-grid-field .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child){border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child){border-left:solid 1px;border-left-color:#dadada;border-left-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-column-drop-horizontal-cell-separator{margin:0 8px;color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-column-drop-horizontal-empty-message{color:rgba(53,53,53,.5);color:var(--ag-disabled-foreground-color, rgba(53, 53, 53, 0.5))}.cg-ag-grid-field .ag-ltr .ag-column-drop-horizontal-icon{margin-right:16px}.cg-ag-grid-field .ag-rtl .ag-column-drop-horizontal-icon{margin-left:16px}.cg-ag-grid-field .ag-column-drop-vertical-list{padding-bottom:8px;padding-right:8px;padding-left:8px}.cg-ag-grid-field .ag-column-drop-vertical-cell{margin-top:8px}.cg-ag-grid-field .ag-column-drop-vertical{min-height:50px;max-height:150px;border-bottom:solid 1px;border-bottom-color:#dadada;border-bottom-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-column-drop-vertical.ag-last-column-drop{border-bottom:none}.cg-ag-grid-field .ag-column-drop-vertical-icon{margin-right:8px}.cg-ag-grid-field .ag-column-drop-vertical-empty-message{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden;margin-top:8px}.cg-ag-grid-field .ag-select-agg-func-popup{border:solid 1px;border-color:#dadada;border-color:var(--ag-border-color, #dadada);border-radius:2px;box-shadow:none;background:#fff;background:var(--ag-background-color, #fff);height:140px;padding:0}.cg-ag-grid-field .ag-select-agg-func-virtual-list-item{cursor:default;line-height:40px;padding-left:16px}.cg-ag-grid-field .ag-select-agg-func-virtual-list-item:hover{background-color:#f2f8fc;background-color:var(--ag-selected-row-background-color, #f2f8fc)}.cg-ag-grid-field .ag-chart-menu{border-radius:2px;background:#fff;background:var(--ag-background-color, #fff)}.cg-ag-grid-field .ag-chart-menu-icon{opacity:.5;line-height:24px;font-size:24px;width:24px;height:24px;margin:2px 0;cursor:pointer;border-radius:2px;color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-chart-menu-icon:hover{opacity:1}.cg-ag-grid-field .ag-chart-mini-thumbnail{border:1px solid;border-color:#dadada;border-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada));border-radius:5px;margin:5px}.cg-ag-grid-field .ag-chart-mini-thumbnail:nth-last-child(3),.cg-ag-grid-field .ag-chart-mini-thumbnail:nth-last-child(3)~.ag-chart-mini-thumbnail{margin-left:auto;margin-right:auto}.cg-ag-grid-field .ag-ltr .ag-chart-mini-thumbnail:first-child{margin-left:0}.cg-ag-grid-field .ag-rtl .ag-chart-mini-thumbnail:first-child{margin-right:0}.cg-ag-grid-field .ag-ltr .ag-chart-mini-thumbnail:last-child{margin-right:0}.cg-ag-grid-field .ag-rtl .ag-chart-mini-thumbnail:last-child{margin-left:0}.cg-ag-grid-field .ag-chart-mini-thumbnail.ag-selected{border-color:#fff;border-color:var(--ag-minichart-selected-chart-color, var(--ag-checkbox-checked-color, #fff))}.cg-ag-grid-field .ag-chart-settings-card-item{background:#353535;background:var(--ag-foreground-color, #353535);width:8px;height:8px;border-radius:4px}.cg-ag-grid-field .ag-chart-settings-card-item.ag-selected{background-color:#fff;background-color:var(--ag-minichart-selected-page-color, var(--ag-checkbox-checked-color, #fff))}.cg-ag-grid-field .ag-chart-data-column-drag-handle{margin-left:8px}.cg-ag-grid-field .ag-charts-data-group-title-bar,.cg-ag-grid-field .ag-charts-format-top-level-group-title-bar,.cg-ag-grid-field .ag-charts-settings-group-title-bar{border-top:solid 1px;border-top-color:#dadada;border-top-color:var(--ag-secondary-border-color, var(--ag-border-color, #dadada))}.cg-ag-grid-field .ag-charts-group-container.ag-group-container-horizontal,.cg-ag-grid-field .ag-charts-settings-group-container{padding:8px}.cg-ag-grid-field .ag-charts-data-group-container{padding:12px 12px 4px}.cg-ag-grid-field .ag-charts-data-group-container>*{margin-bottom:8px}.cg-ag-grid-field .ag-charts-format-top-level-group-container{margin-left:16px;padding:8px}.cg-ag-grid-field .ag-charts-format-top-level-group-item{margin:8px 0}.cg-ag-grid-field .ag-charts-format-sub-level-group-container{padding:12px 12px 4px}.cg-ag-grid-field .ag-charts-format-sub-level-group-container>*{margin-bottom:8px}.cg-ag-grid-field .ag-chart-data-section,.cg-ag-grid-field .ag-chart-format-section{display:flex;margin:0}.cg-ag-grid-field .ag-chart-menu-panel{background-color:#fff;background-color:var(--ag-control-panel-background-color, #fff)}.cg-ag-grid-field .ag-ltr .ag-chart-menu-panel{border-left:solid 1px;border-left-color:#dadada;border-left-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-rtl .ag-chart-menu-panel{border-right:solid 1px;border-right-color:#dadada;border-right-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-date-time-list-page-title{flex-grow:1;text-align:center}.cg-ag-grid-field .ag-date-time-list-page-column-label,.cg-ag-grid-field .ag-date-time-list-page-entry{text-align:center}.cg-ag-grid-field .ag-checkbox-input-wrapper{font-family:"agGridBalham";font-size:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;background-color:#fff;background-color:var(--ag-checkbox-background-color, #fff);display:inline-block;vertical-align:middle;flex:none}.cg-ag-grid-field .ag-checkbox-input-wrapper input{-webkit-appearance:none;opacity:0;width:100%;height:100%}.cg-ag-grid-field .ag-checkbox-input-wrapper:active,.cg-ag-grid-field .ag-checkbox-input-wrapper:focus-within{outline:0}.cg-ag-grid-field .ag-checkbox-input-wrapper.ag-disabled{opacity:.5}.cg-ag-grid-field .ag-checkbox-input-wrapper::after{color:#7f8c8d;color:var(--ag-checkbox-unchecked-color, #7f8c8d);position:absolute;top:0;left:0;pointer-events:none}.cg-ag-grid-field .ag-checkbox-input-wrapper.ag-checked::after{color:#fff;color:var(--ag-checkbox-checked-color, #fff);pointer-events:none}.cg-ag-grid-field .ag-checkbox-input-wrapper.ag-indeterminate::after{content:"\f107";color:var(--ag-checkbox-indeterminate-color, #fff);position:absolute;left:0;pointer-events:none}.cg-ag-grid-field .ag-toggle-button-input-wrapper{box-sizing:border-box;width:2rem;height:1rem;background-color:#a3a3a3;background-color:var(--ag-toggle-button-off-background-color, #a3a3a3);border-radius:.5rem;position:relative;flex:none;border:0 solid;border-color:transparent;border-color:var(--ag-toggle-button-off-border-color, transparent)}.cg-ag-grid-field .ag-toggle-button-input-wrapper input{opacity:0;height:100%;width:100%}.cg-ag-grid-field .ag-toggle-button-input-wrapper:focus-within{outline:0;box-shadow:inset 0 0 0 .0625rem #000}.cg-ag-grid-field .ag-toggle-button-input-wrapper.ag-disabled{opacity:.5}.cg-ag-grid-field .ag-toggle-button-input-wrapper.ag-checked{background-color:#005b92;background-color:var(--ag-toggle-button-on-background-color, #005b92);border-color:#a3a3a3;border-color:var(--ag-toggle-button-on-border-color, #a3a3a3)}.cg-ag-grid-field .ag-toggle-button-input-wrapper::before{content:" ";position:absolute;top:0;left:0;display:block;box-sizing:border-box;height:1rem;width:1rem;background-color:#fff;background-color:var(--ag-toggle-button-switch-background-color, #fff);border-radius:.5rem;transition:left 100ms;border:0 solid;border-color:#a3a3a3;border-color:var(--ag-toggle-button-switch-border-color, #a3a3a3)}.cg-ag-grid-field .ag-toggle-button-input-wrapper.ag-checked::before{left:calc(100% - 1rem);border-color:#a3a3a3;border-color:var(--ag-toggle-button-on-border-color, #a3a3a3)}.cg-ag-grid-field .ag-radio-button-input-wrapper{font-family:"agGridBalham";font-size:20px;line-height:20px;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:20px;height:20px;background-color:#fff;background-color:var(--ag-checkbox-background-color, #fff);display:inline-block;vertical-align:middle;flex:none}.cg-ag-grid-field .ag-radio-button-input-wrapper input{-webkit-appearance:none;opacity:0;width:100%;height:100%}.cg-ag-grid-field .ag-radio-button-input-wrapper:focus-within{outline:0}.cg-ag-grid-field .ag-radio-button-input-wrapper:active{outline:0;box-shadow:inset 0 0 0 .0625rem #000}.cg-ag-grid-field .ag-radio-button-input-wrapper.ag-disabled{opacity:.5}.cg-ag-grid-field .ag-radio-button-input-wrapper::after{color:#7f8c8d;color:var(--ag-checkbox-unchecked-color, #7f8c8d);position:absolute;top:0;left:0;pointer-events:none}.cg-ag-grid-field .ag-radio-button-input-wrapper.ag-checked::after{color:#fff;color:var(--ag-checkbox-checked-color, #fff);position:absolute;top:0;left:0;pointer-events:none}.cg-ag-grid-field input[class^=ag-][type=range]::-webkit-slider-runnable-track{margin:0;padding:0;width:100%;height:3px;background-color:#dadada;background-color:var(--ag-border-color, #dadada);border-radius:0}.cg-ag-grid-field input[class^=ag-][type=range]::-moz-range-track{margin:0;padding:0;width:100%;height:3px;background-color:#dadada;background-color:var(--ag-border-color, #dadada);border-radius:0}.cg-ag-grid-field input[class^=ag-][type=range]::-ms-track{margin:0;padding:0;width:100%;height:3px;background-color:#dadada;background-color:var(--ag-border-color, #dadada);border-radius:0;color:transparent;width:calc(100% - 2px)}.cg-ag-grid-field input[class^=ag-][type=range]::-webkit-slider-thumb{margin:0;padding:0;-webkit-appearance:none;width:20px;height:20px;background-color:#fff;background-color:var(--ag-background-color, #fff);border:1px solid;border-color:#7f8c8d;border-color:var(--ag-checkbox-unchecked-color, #7f8c8d);border-radius:20px;transform:translateY(-8.5px)}.cg-ag-grid-field input[class^=ag-][type=range]::-ms-thumb{margin:0;padding:0;-webkit-appearance:none;width:20px;height:20px;background-color:#fff;background-color:var(--ag-background-color, #fff);border:1px solid;border-color:#7f8c8d;border-color:var(--ag-checkbox-unchecked-color, #7f8c8d);border-radius:20px}.cg-ag-grid-field input[class^=ag-][type=range]::-moz-ag-range-thumb{margin:0;padding:0;-webkit-appearance:none;width:20px;height:20px;background-color:#fff;background-color:var(--ag-background-color, #fff);border:1px solid;border-color:#7f8c8d;border-color:var(--ag-checkbox-unchecked-color, #7f8c8d);border-radius:20px}.cg-ag-grid-field input[class^=ag-][type=range]:focus::-webkit-slider-thumb{box-shadow:inset 0 0 0 .0625rem #000;border-color:#fff;border-color:var(--ag-checkbox-checked-color, #fff)}.cg-ag-grid-field input[class^=ag-][type=range]:focus::-ms-thumb{box-shadow:inset 0 0 0 .0625rem #000;border-color:#fff;border-color:var(--ag-checkbox-checked-color, #fff)}.cg-ag-grid-field input[class^=ag-][type=range]:focus::-moz-ag-range-thumb{box-shadow:inset 0 0 0 .0625rem #000;border-color:#fff;border-color:var(--ag-checkbox-checked-color, #fff)}.cg-ag-grid-field input[class^=ag-][type=range]:active::-webkit-slider-runnable-track{background-color:#000;background-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field input[class^=ag-][type=range]:active::-moz-ag-range-track{background-color:#000;background-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field input[class^=ag-][type=range]:active::-ms-track{background-color:#000;background-color:var(--ag-input-focus-border-color, #000)}.cg-ag-grid-field input[class^=ag-][type=range]:disabled{opacity:.5}.cg-ag-grid-field .ag-filter-toolpanel-header,.cg-ag-grid-field .ag-filter-toolpanel-search{font-weight:600;color:#353535;color:var(--ag-header-foreground-color, #353535)}.cg-ag-grid-field .ag-status-bar{color:var(--ag-header-foreground-color, #353535)}.cg-ag-grid-field .ag-header-row,.cg-ag-grid-field .ag-multi-filter-group-title-bar{color:#353535;color:var(--ag-header-foreground-color, #353535)}.cg-ag-grid-field .ag-multi-filter-group-title-bar{font-weight:600}.cg-ag-grid-field .ag-ltr input[class^=ag-]:not([type]),.cg-ag-grid-field .ag-ltr input[class^=ag-][type=date],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=datetime-local],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=number],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=tel],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=text],.cg-ag-grid-field .ag-ltr textarea[class^=ag-]{padding-left:8px}.cg-ag-grid-field .ag-rtl input[class^=ag-]:not([type]),.cg-ag-grid-field .ag-rtl input[class^=ag-][type=date],.cg-ag-grid-field .ag-rtl input[class^=ag-][type=datetime-local],.cg-ag-grid-field .ag-rtl input[class^=ag-][type=number],.cg-ag-grid-field .ag-rtl input[class^=ag-][type=tel],.cg-ag-grid-field .ag-rtl input[class^=ag-][type=text],.cg-ag-grid-field .ag-rtl textarea[class^=ag-]{padding-right:8px}.cg-ag-grid-field .ag-column-drop-vertical-empty-message{font-weight:600}.cg-ag-grid-field .ag-column-drop-vertical-empty-message,.cg-ag-grid-field .ag-status-bar{color:rgba(53,53,53,.5);color:var(--ag-disabled-foreground-color, rgba(53, 53, 53, 0.5))}.cg-ag-grid-field .ag-dnd-ghost{font-weight:600}.cg-ag-grid-field .ag-tab{padding:8px 16px}.cg-ag-grid-field .ag-tab-selected{background-color:#fff;background-color:var(--ag-background-color, #fff);border-color:var(--ag-border-color, #dadada);border-color:#dadada #dadada transparent}.cg-ag-grid-field .ag-tabs-header{border-bottom-color:var(--ag-border-color, #dadada)}.cg-ag-grid-field .ag-column-drop-cell{height:48px}.cg-ag-grid-field .ag-column-drop-vertical-title{color:#353535;color:var(--ag-foreground-color, #353535)}.cg-ag-grid-field .ag-column-drop-vertical-cell{margin-left:16px;margin-right:16px}.cg-ag-grid-field .ag-column-drop-vertical-icon{color:rgba(53,53,53,.54);color:var(--ag-secondary-foreground-color, rgba(53, 53, 53, 0.54))}.cg-ag-grid-field .ag-ltr .ag-column-drop-vertical-empty-message{padding-left:36px;padding-right:8px}.cg-ag-grid-field .ag-rtl .ag-column-drop-vertical-empty-message{padding-right:36px;padding-left:8px}.cg-ag-grid-field .ag-column-drop-horizontal{height:2rem}.cg-ag-grid-field .ag-column-drop-empty{color:rgba(53,53,53,.5);color:var(--ag-disabled-foreground-color, rgba(53, 53, 53, 0.5))}.cg-ag-grid-field .ag-column-drop-horizontal-cell-text{margin-left:16px}.cg-ag-grid-field .ag-column-drop-vertical{padding-top:16px}.cg-ag-grid-field .ag-menu-header{background-color:var(--ag-header-background-color, #fff)}.cg-ag-grid-field .ag-overlay-loading-center{background-color:#fff;background-color:var(--ag-background-color, #fff);border:1px solid;border-color:#dadada;border-color:var(--ag-border-color, #dadada);color:#353535;color:var(--ag-foreground-color, #353535);padding:32px}.cg-ag-grid-field .ag-tooltip{border:0;background-color:#cbd0d3}.cg-ag-grid-field .ag-panel-title-bar-button-icon{font-size:28px}.cg-ag-grid-field .ag-chart-data-section,.cg-ag-grid-field .ag-chart-format-section{padding-bottom:4px}.cg-ag-grid-field .ag-group-toolbar{background-color:var(--ag-subheader-toolbar-background-color)}.cg-ag-grid-field .ag-chart-tab{padding-top:4px}.cg-ag-grid-field .ag-charts-format-sub-level-group-item{margin-bottom:12px}.cg-ag-grid-field .ag-icon.ag-icon-next::before,.cg-ag-grid-field .ag-icon.ag-icon-previous::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/arrow/chevron-left.svg);content:"";display:block;left:0;height:14px;width:14px;margin:1px}.cg-ag-grid-field .ag-icon.ag-icon-next::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/arrow/chevron-right.svg)}.cg-ag-grid-field .ag-icon.ag-icon-grip::before,.cg-ag-grid-field .ag-icon.ag-icon-menu::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/filled/application/grid-square.svg);content:"";left:0;display:block;height:14px;width:14px;margin:1px}.cg-ag-grid-field .ag-icon.ag-icon-menu::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/application/menu.svg)}.cg-ag-grid-field .ag-icon.ag-icon-asc::before,.cg-ag-grid-field .ag-icon.ag-icon-desc::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/arrow/arrow-up.svg);content:"";left:0;display:block;height:14px;width:14px;margin:1px}.cg-ag-grid-field .ag-icon.ag-icon-desc::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/arrow/arrow-down.svg)}.cg-ag-grid-field .ag-icon.ag-icon-filter::before,.cg-ag-grid-field .ag-icon.ag-icon-small-down::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/arrow/chevron-down.svg);content:"";left:0;display:block;height:14px;width:14px;margin:1px}.cg-ag-grid-field .ag-icon.ag-icon-filter::before{background-image:url(https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/icons/functional/open/application/funnel.svg)}.cg-ag-grid-field .ag-root-wrapper{background:0 0}.cg-ag-grid-field input[class^=ag-]:not([type]),.cg-ag-grid-field input[class^=ag-][type=date],.cg-ag-grid-field input[class^=ag-][type=datetime-local],.cg-ag-grid-field input[class^=ag-][type=number],.cg-ag-grid-field input[class^=ag-][type=tel],.cg-ag-grid-field input[class^=ag-][type=text],.cg-ag-grid-field textarea[class^=ag-]{color:#232323;font-size:.875rem;font-weight:400;height:2rem;line-height:1;padding:0 .5rem}.cg-ag-grid-field input[class^=ag-]:not([type])::placeholder,.cg-ag-grid-field input[class^=ag-][type=date]::placeholder,.cg-ag-grid-field input[class^=ag-][type=datetime-local]::placeholder,.cg-ag-grid-field input[class^=ag-][type=number]::placeholder,.cg-ag-grid-field input[class^=ag-][type=tel]::placeholder,.cg-ag-grid-field input[class^=ag-][type=text]::placeholder,.cg-ag-grid-field textarea[class^=ag-]::placeholder{color:#474747;font-weight:300}.cg-ag-grid-field input[class^=ag-]:not([type]):hover,.cg-ag-grid-field input[class^=ag-][type=date]:hover,.cg-ag-grid-field input[class^=ag-][type=datetime-local]:hover,.cg-ag-grid-field input[class^=ag-][type=number]:hover,.cg-ag-grid-field input[class^=ag-][type=tel]:hover,.cg-ag-grid-field input[class^=ag-][type=text]:hover,.cg-ag-grid-field textarea[class^=ag-]:hover{border-color:#005b92;box-shadow:inset 0 0 0 .0625rem #005b92;outline:0}.cg-ag-grid-field .ag-ltr input[class^=ag-]:not([type]),.cg-ag-grid-field .ag-ltr input[class^=ag-][type=date],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=datetime-local],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=number],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=tel],.cg-ag-grid-field .ag-ltr input[class^=ag-][type=text],.cg-ag-grid-field .ag-ltr textarea[class^=ag-]{padding-left:.5rem}.cg-ag-grid-field .ag-ltr .ag-set-filter-item-value{margin-left:.5rem}.cg-ag-grid-field .ag-ltr .ag-menu-option-icon{padding-left:0}.cg-ag-grid-field .ag-ltr .ag-column-select-checkbox:not(:last-child){margin-right:.5rem}.cg-ag-grid-field .ag-ltr .ag-row-group-indent-1{padding-left:1rem}.cg-ag-grid-field .ag-ltr .ag-row-level-1 .ag-row-group-leaf-indent{margin-left:1.5rem}.cg-ag-grid-field .ag-ltr .ag-cell-editor,.cg-ag-grid-field .ag-ltr .ag-cell-inline-editing,.cg-ag-grid-field .ag-ltr input[class^=ag-][type=text]{border-color:#005b92;padding-left:1rem;padding-right:1rem}.cg-ag-grid-field .ag-ltr .ag-cell-editor:focus,.cg-ag-grid-field .ag-ltr .ag-cell-inline-editing:focus,.cg-ag-grid-field .ag-ltr input[class^=ag-][type=text]:focus{box-shadow:inset 0 0 0 .0625rem #005b92;outline:0}.cg-ag-grid-field .ag-ltr .ag-column-drop-vertical-empty-message{padding:0 1.5rem}.cg-ag-grid-field .ag-ltr .ag-cell{border-right:transparent}.cg-ag-grid-field .ag-header-row{font-weight:500}.cg-ag-grid-field .ag-header-cell-label{align-items:center}.cg-ag-grid-field .ag-header-cell{border-right:.0625rem solid #dadada}.cg-ag-grid-field .ag-header-icon{color:#353535}.cg-ag-grid-field .ag-cell,.cg-ag-grid-field .ag-cell-inline-editing{align-items:center;display:inline-flex;line-height:1}.cg-ag-grid-field .ag-cell span:not(.ag-group-checkbox){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-ag-grid-field .ag-row.ag-row-last{border-bottom:0}.cg-ag-grid-field .ag-row-group .ag-cell{border-right:0}.cg-ag-grid-field .ag-icon{color:#353535;height:1rem;line-height:.8;text-align:center;width:1rem}.cg-ag-grid-field .ag-icon::before{position:relative;left:-.125rem}.cg-ag-grid-field .ag-icon.ag-icon-tree-closed,.cg-ag-grid-field .ag-icon.ag-icon-tree-open{font-size:.75rem;line-height:1}.cg-ag-grid-field .ag-icon.ag-icon-tree-closed::before,.cg-ag-grid-field .ag-icon.ag-icon-tree-open::before{position:static;left:unset}.cg-ag-grid-field .ag-icon-asc,.cg-ag-grid-field .ag-icon-desc,.cg-ag-grid-field .ag-icon-none{opacity:1}.cg-ag-grid-field .ag-checkbox-input-wrapper{border-radius:0;font-size:.625rem;line-height:1;height:1rem;width:1rem}.cg-ag-grid-field .ag-checkbox-input-wrapper::after{border:.0625rem solid #757575;content:"";height:1rem;width:1rem}.cg-ag-grid-field .ag-checkbox-input-wrapper:active,.cg-ag-grid-field .ag-checkbox-input-wrapper:focus-within{box-shadow:0 0 0 .125rem #000}.cg-ag-grid-field .ag-checkbox-input-wrapper.ag-checked{background:#005b92}.cg-ag-grid-field .ag-checkbox-input-wrapper.ag-checked::after{border:0 solid currentColor;border-left-width:.0625rem;border-bottom-width:.0625rem;color:var(--cg-field-choice-indicator-checked-color, #fff);content:"";height:.25rem;left:50%;position:absolute;top:20%;transform:rotate(-45deg) translate(-50%,-50%);width:.5rem}.cg-ag-grid-field .ag-checkbox-input-wrapper.ag-indeterminate::after{background:#005b92;border:#005b92;color:#fff;font-weight:700;padding-left:.1875rem;padding-top:.1875rem;border-left-width:0;top:50%;transform:rotate(0) translate(-50%,-50%);height:0}.cg-ag-grid-field .ag-radio-button-input-wrapper{background:#fff;border:.0625rem solid #757575;border-radius:50%;height:1rem;width:1rem}.cg-ag-grid-field .ag-radio-button-input-wrapper::after{content:"";height:1rem;width:1rem}.cg-ag-grid-field .ag-radio-button-input-wrapper:focus-within{box-shadow:0 0 0 .125rem #000}.cg-ag-grid-field .ag-radio-button-input-wrapper.ag-checked{background:#005b92;border:0}.cg-ag-grid-field .ag-radio-button-input-wrapper.ag-checked::after{content:"";background:#fff;border-radius:50%;width:.25rem;height:.25rem;top:.375rem;left:.375rem}.cg-ag-grid-field .ag-filter-condition-operator{font-size:.75rem}.cg-ag-grid-field .ag-menu-header{background-color:#f6f6f6}.cg-ag-grid-field .ag-tabs-header{border-bottom:0}.cg-ag-grid-field .ag-tab{border:0;color:#353535;padding:.5rem;margin:0}.cg-ag-grid-field .ag-tab-selected{color:#fff}.cg-ag-grid-field .ag-group-contracted,.cg-ag-grid-field .ag-group-expanded,.cg-ag-grid-field .ag-sort-ascending-icon,.cg-ag-grid-field .ag-sort-descending-icon{color:#005b92}.cg-ag-grid-field .ag-menu-option{align-items:center;display:flex;height:2rem;padding:0 1rem}.cg-ag-grid-field .ag-menu-option.ag-menu-item-danger{color:#e5202e}.cg-ag-grid-field .ag-menu-option.ag-menu-item-danger:hover{background-color:#e5202e;color:#fff}.cg-ag-grid-field .ag-menu-option-icon{padding:0;min-width:1rem;margin-right:.5rem}.cg-ag-grid-field .ag-menu-option-text{flex-grow:1;margin-left:0;padding:0}.cg-ag-grid-field .ag-menu-option-popup-pointer{padding:0;width:auto}.cg-ag-grid-field .ag-filter-header-container{border-bottom:0;padding-bottom:0}.cg-ag-grid-field .ag-mini-filter{margin:.5rem 1rem}.cg-ag-grid-field .ag-paging-button[ref=btFirst],.cg-ag-grid-field .ag-paging-button[ref=btLast],.cg-ag-grid-field .ag-set-filter-select-all{display:none}.cg-ag-grid-field .ag-set-filter-item{margin:0 1rem}.cg-ag-grid-field .ag-column-select-header{border-bottom:0;height:auto;padding:.5rem 1rem}.cg-ag-grid-field .ag-column-select-list{padding:.25rem 1rem}.cg-ag-grid-field .ag-column-select-virtual-list-viewport{padding:0}.cg-ag-grid-field .ag-paging-panel{border-top:0;color:#353535;height:3rem;justify-content:space-between}.cg-ag-grid-field .ag-paging-panel>*{margin:0}.cg-ag-grid-field .ag-paging-button{height:2rem;margin:0;width:2rem}.cg-ag-grid-field .ag-paging-button:hover{background:#e6f2f9}.cg-ag-grid-field .ag-paging-button .ag-icon{padding:.5rem}@media (max-width:63.9375rem){.cg-ag-grid-field .ag-paging-description{display:none}}.cg-ag-grid-field .ag-status-bar{background-color:#fff;border:0;border-bottom:.0625rem solid #dadada;color:#353535;font-weight:400;overflow:visible;padding:0;position:relative;z-index:1}.cg-ag-grid-field .ag-status-bar-left,.cg-ag-grid-field .ag-status-bar-right{display:none}.cg-ag-grid-field .ag-status-bar-center{flex-grow:1;display:block}.cg-ag-grid-field .ag-details-row::before{background-color:#007ac3;bottom:0;content:"";left:0;position:absolute;top:-2.0625rem;width:.25rem}.ag-center-cols-container,.cg-ag-grid-field .ag-row[row-id^=detail_]{overflow:visible}.cg-ag-grid-field .ag-drag-handle{color:#353535}.cg-ag-grid-field .ag-column-drop-cell{height:2rem;padding:0 .5625rem 0 .75rem}.cg-ag-grid-field .ag-column-drop-cell-drag-handle{margin-left:0;margin-right:.375rem}.cg-ag-grid-field .ag-column-drop-vertical-cell-text,.cg-ag-grid-field .ag-column-drop-vertical-icon{margin-left:0}.cg-ag-grid-field .ag-column-drop-cell-button{margin:0;min-width:unset}.cg-ag-grid-field .ag-column-drop-cell-button .ag-icon-cancel{font-size:.875rem;height:.875rem;width:.875rem}.cg-ag-grid-field .ag-dnd-ghost{background-color:#f6f6f6;color:#353535;font-size:.875rem;line-height:1.29;padding:.625rem 1rem}.cg-ag-grid-field .ag-dnd-ghost-icon{color:#000;margin-right:.5rem}.cg-ag-grid-field .ag-cell-inline-editing{border-color:#005b92!important;border-radius:0;height:100%}.cg-ag-grid-field .ag-filter-toolpanel{margin:1.5rem .5rem}.cg-ag-grid-field .ag-filter-toolpanel .ag-simple-filter-body-wrapper,.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-header,.cg-ag-grid-field .ag-ltr .ag-filter-toolpanel-search,.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-header,.cg-ag-grid-field .ag-rtl .ag-filter-toolpanel-search{padding:0 1rem}.cg-ag-grid-field .ag-filter-toolpanel-search{height:3rem;margin-bottom:1rem}.cg-ag-grid-field .ag-filter-toolpanel-group-title-bar-icon{margin-right:.5rem;color:#353535}.cg-ag-grid-field .ag-filter-toolpanel-group-title{color:#757575;font-size:.75rem;font-weight:500;line-height:1.5;letter-spacing:.0625rem;text-transform:uppercase}.cg-ag-grid-field .ag-filter-toolpanel-group-level-0{border-top:0;margin-bottom:1rem}.cg-ag-grid-field .ag-filter-toolpanel-group-level-0-header{height:auto}.cg-ag-grid-field .ag-filter-toolpanel-group-item{margin-top:.75rem;margin-bottom:1rem}.cg-ag-grid-field .ag-filter-toolpanel-instance-filter{border-top:0;border-bottom:0;padding:0}.cg-ag-grid-field .ag-filter-toolpanel-instance-filter .ag-mini-filter{display:none}.cg-ag-grid-field .ag-simple-filter-body-wrapper{padding:1rem 1rem .5rem}.cg-ag-grid-field .ag-picker-field-wrapper{border-radius:0;border-color:#757575}.cg-ag-grid-field .ag-overlay{z-index:1050}.cg-ag-grid-field .ag-rich-select-list{height:auto}.cg-ag-grid-field .ag-rich-select-value{padding-right:.5rem;padding-left:1rem}.cg-ag-grid-field .ag-icon.ag-rich-select-value-icon{font-size:.75rem}.cg-ag-grid-field .ag-side-buttons{background-color:#f6f6f6;padding-top:0;width:2rem}.cg-ag-grid-field .ag-selected .ag-side-button-button{background-color:#fff;font-weight:500}.cg-ag-grid-field .ag-select .ag-picker-field-wrapper{min-height:2rem}.cg-ag-grid-field .ag-select .ag-picker-field-display{margin:0 .5rem}.cg-ag-grid-field .ag-select .ag-picker-field-icon{margin-right:.5rem}.cg-ag-grid-field .ag-column-panel .ag-column-select-header{padding:0}.cg-ag-grid-field .ag-column-panel .ag-column-select-list{padding:1.5rem}.cg-ag-grid-field .ag-column-drop-vertical-title-bar{padding:0 1.5rem}.cg-ag-grid-field .ag-toggle-button-input-wrapper:focus-within{box-shadow:none}.cg-ag-grid-field .ag-toggle-button-input-wrapper:focus-within::before{box-shadow:0 0 0 .125rem #000}.cg-ag-grid-field .ag-toggle-button-input-wrapper::before{border:.0625rem solid #a3a3a3}.cg-ag-grid-field .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell){border-left:0}.ag-cell-wrapper.ag-row-group{align-items:center}.ag-drag-handle.ag-invisible{display:none!important}.ag-pinned-left-cols-container,.ag-pinned-left-header{background:#fff;border-right:.0625rem solid #dadada;box-shadow:.125rem 0 .5rem 0 rgba(0,0,0,.1);z-index:1}.ag-pinned-right-cols-container,.ag-pinned-right-header{background:#fff;border-left:.0625rem solid #dadada;box-shadow:-.125rem 0 .5rem 0 rgba(0,0,0,.1);z-index:1}.ag-details-grid .ag-header{border-bottom-color:transparent}.ag-details-grid .ag-header-cell,.ag-details-grid .ag-row,.cg-multimedia iframe{border:0}.ag-details-grid .ag-row-odd,.ag-paging-panel{background-color:#fff}.ag-details-grid .ag-cell{height:1.625rem;line-height:1.86}.ag-paging-panel{border-top:0;justify-content:space-between;padding:.5rem 1rem}.ag-theme-balham .ag-root-wrapper{overflow:visible}.ag-row{z-index:0}.ag-row.ag-row-focus{z-index:1}.ag-body-viewport-wrapper.ag-layout-auto-height,.ag-body-viewport.ag-layout-auto-height,.ag-root.ag-layout-auto-height{overflow:visible}.ag-tool-panel-wrapper{width:23.5rem}.ag-tool-panel-hidden{display:none}.cg-advanced-table-row-menu{justify-content:center}@media (min-width:64rem){.cg-advanced-table-row-menu{visibility:hidden}.ag-row-hover .cg-advanced-table-row-menu{visibility:visible}}.ag-cell-wrapper{overflow:hidden}.ag-tooltip-custom,.ag-tooltip-custom.ag-tooltip-hiding{animation-timing-function:cubic-bezier(.4,0,.2,1);animation-fill-mode:forwards}.ag-tooltip-custom{position:absolute;width:14rem;height:auto;min-height:1.625rem;overflow:visible;pointer-events:none;animation-name:cg-advanced-table-tooltip-fade-in;animation-duration:450ms}.ag-tooltip-custom.ag-tooltip-hiding{animation-name:cg-advanced-table-tooltip-fade-out;animation-duration:300ms}.cg-ag-grid-field.cg-is-striped .ag-row-odd{background-color:#f6f6f6}.cg-avatar,.cg-avatar *,.cg-avatar ::after,.cg-avatar ::before{box-sizing:border-box}.cg-avatar{font-family:inherit;align-items:center;display:inline-flex;background:0 0;border:0;padding:0;cursor:auto}.cg-avatar:focus-visible,a.cg-logo-container:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-avatar:focus:not(:focus-visible){outline:0}.cg-avatar:hover{text-decoration:none}.cg-avatar .cg-fishbowl-thumbs{align-items:center;display:flex}.cg-avatar .cg-fishbowl-user-thumb{display:inline-block;border-radius:100%;height:2rem;line-height:2;overflow:hidden;margin:.25rem 0;width:2rem}.cg-avatar .cg-fishbowl-user-thumb img,.cg-avatar-image img,.cg-client-switcher .cg-client-switcher-default-icon img,.cg-client-switcher .cg-client-switcher-hover-icon img{width:inherit;height:inherit;object-fit:cover}.cg-avatar .cg-fishbowl-user-thumb-default{background:#dadada;border:.125rem solid #dadada}.cg-avatar .cg-fishbowl-user-thumb-default [class*=wk-icon]{margin:-.125rem 0 0;font-size:1.75rem;color:#757575}.cg-avatar.cg-avatar-extra-small .cg-fishbowl-user-thumb{line-height:1.5;height:1.5rem;width:1.5rem}.cg-avatar.cg-avatar-extra-small .cg-fishbowl-user-thumb-default [class*=wk-icon]{font-size:1.25rem}.cg-avatar.cg-avatar-large .cg-fishbowl-user-thumb{line-height:2.5;height:2.5rem;width:2.5rem}.cg-avatar.cg-avatar-large .cg-fishbowl-user-thumb-default [class*=wk-icon]{font-size:2.25rem}.cg-avatar.cg-avatar-extra-large .cg-fishbowl-user-thumb{line-height:4;height:4rem;width:4rem}.cg-avatar.cg-avatar-extra-large .cg-fishbowl-user-thumb-default [class*=wk-icon]{font-size:3.75rem}.cg-avatar.cg-avatar-extreme-large .cg-fishbowl-user-thumb{line-height:5;height:5rem;width:5rem}.cg-avatar.cg-avatar-extreme-large .cg-fishbowl-user-thumb-default [class*=wk-icon]{font-size:4.75rem}.cg-avatar-image,.cg-avatar-image *,.cg-avatar-image ::after,.cg-avatar-image ::before{box-sizing:border-box}.cg-avatar-image{font-family:inherit;cursor:pointer;display:inline-flex;height:2rem;width:2rem;border-radius:50%;background:0 0}.cg-avatar-image img{border-radius:inherit}.cg-avatar-image.cg-avatar-extra-small{height:1.5rem;width:1.5rem}.cg-avatar-image.cg-avatar-large{height:2.5rem;width:2.5rem}.cg-avatar-image.cg-avatar-extra-large{height:4rem;width:4rem}.cg-avatar-image.cg-avatar-extreme-large{height:5rem;width:5rem}.cg-avatar-initials,.cg-avatar-initials *,.cg-avatar-initials ::after,.cg-avatar-initials ::before{box-sizing:border-box}.cg-avatar-initials{font-family:inherit;cursor:pointer;user-select:none;display:inline-flex;height:2rem;width:2rem;border-radius:50%;background-color:#007ac3;color:#fff;font-size:1rem;font-weight:500;text-transform:uppercase;align-items:center;justify-content:center}.cg-avatar-initials.cg-avatar-extra-small{height:1.5rem;width:1.5rem;font-size:.6875rem}.cg-avatar-initials.cg-avatar-large{height:2.5rem;width:2.5rem;font-size:1.25rem}.cg-avatar-initials.cg-avatar-extra-large{height:4rem;width:4rem;font-size:2rem}.cg-avatar-initials.cg-avatar-extreme-large{height:5rem;width:5rem;font-size:2.75rem}.cg-avatar-user-placeholder,.cg-avatar-user-placeholder *,.cg-avatar-user-placeholder ::after,.cg-avatar-user-placeholder ::before{box-sizing:border-box}.cg-avatar-user-placeholder{font-family:inherit;cursor:pointer;display:inline-flex;height:2rem;width:2rem;font-size:2rem}.cg-avatar-user-placeholder [data-e2e=cg-icon]{background:#dadada;border-radius:50%;border:.125rem solid #dadada;overflow:hidden;font-size:calc(1em - .25rem);color:#757575}.cg-avatar-user-placeholder [data-e2e=cg-icon] .cg-icon-cdn,.cg-avatar-user-placeholder [data-e2e=cg-icon] svg{position:relative;top:.125rem}.cg-avatar-user-placeholder.cg-avatar-extra-small{height:1.5rem;width:1.5rem;font-size:1.5rem}.cg-avatar-user-placeholder.cg-avatar-large{height:2.5rem;width:2.5rem;font-size:2.5rem}.cg-avatar-user-placeholder.cg-avatar-extra-large{height:4rem;width:4rem;font-size:4rem}.cg-avatar-user-placeholder.cg-avatar-extreme-large{height:5rem;width:5rem;font-size:5rem}.cg-logo-small{vertical-align:top}@media (min-width:37.5rem){.cg-logo-small{display:none}}.cg-logo-medium{vertical-align:top;display:none}@media (min-width:37.5rem){.cg-logo-medium{display:inline}}.cg-logo-container{width:2.5rem;height:2.5rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}@media (min-width:37.5rem){.cg-logo-container{width:3.5rem;height:auto}}.cg-banner-action-bar{height:2.5rem}.cg-banner-action-bar,.cg-banner-action-bar .cg-banner-action-items{display:flex;justify-content:flex-end;width:100%}@media (max-width:63.9375rem){.cg-banner-action-bar{padding-left:0}}.cg-banner-action-bar .cg-banner-item-hidden{visibility:hidden;position:absolute;top:-312.5rem;left:-312.5rem}.cg-banner-action-bar [data-e2e=cg-dropdown-toggle]{margin-right:.25rem}.cg-banner-action-bar-item{display:inline-block}.cg-banner-action-bar-item .cg-button-field.cg-button-field-text a,.cg-banner-action-bar-item .cg-button-field.cg-button-field-text a:active,.cg-banner-action-bar-item .cg-button-field.cg-button-field-text a:focus,.cg-banner-action-bar-item .cg-button-field.cg-button-field-text button,.cg-banner-action-bar-item .cg-button-field.cg-button-field-text button:active,.cg-banner-action-bar-item .cg-button-field.cg-button-field-text button:focus{color:#353535}.cg-banner-action-bar-item .cg-button-field.cg-button-field-text a:hover,.cg-banner-action-bar-item .cg-button-field.cg-button-field-text button:hover{color:#005b92}.cg-banner-action-bar-item .cg-button-field.cg-button-field-text a{padding:.625rem 1rem}a.cg-logo-container{border:0;cursor:pointer;align-self:center;margin-left:-.5rem}a.cg-banner-brand-suite:focus:not(:focus-visible),a.cg-logo-container:focus:not(:focus-visible){outline:0}@media (min-width:37.5rem){a.cg-logo-container{margin-left:-1rem}}@media (min-width:90rem){a.cg-logo-container{margin-left:-1rem}}.cg-banner-right-content{display:flex;align-items:center;justify-content:flex-end;gap:.5rem}@media (min-width:37.5rem){.cg-banner-right-content{gap:1rem}}@media (min-width:64rem){.cg-banner-right-content{flex-grow:1}}.cg-banner-right-content [data-e2e=cg-button-group]:first-child,.cg-banner-right-content banner-action-bar,.cg-banner-right-content button-group:first-child{flex-grow:1}@media (min-width:37.5rem){.cg-banner-right-content [data-e2e=cg-client-switcher-button]{margin-right:-.5rem}}.cg-banner-right-content>[data-e2e=cg-fishbowl]:last-child,.cg-banner-right-content>fishbowl{margin-right:-.5rem}@media (min-width:37.5rem){.cg-banner-right-content>[data-e2e=cg-fishbowl]:last-child,.cg-banner-right-content>fishbowl{margin-right:-1rem}}.cg-banner-search .cg-banner-search-mobile{display:flex;justify-content:flex-end}@media (min-width:64rem){.cg-banner-search .cg-banner-search-mobile{display:none}}@media (max-width:63.9375rem){.cg-banner-search .cg-banner-search-default{display:none}}.cg-banner-search .cg-banner-search-default [data-e2e=cg-field],.cg-banner-search .cg-banner-search-default search-field{margin-bottom:0;width:100%}.cg-banner-search .cg-banner-search-default [data-e2e=cg-field] input[type=search],.cg-banner-search .cg-banner-search-default search-field input[type=search]{border-color:transparent}.cg-banner-application-status{display:none;align-items:center;padding:.75rem}.cg-banner-application-status iconsvg{line-height:0}.cg-banner-application-status [icon-name=check-circle]{color:#648d18}@media (min-width:37.5rem){.cg-banner-application-status{display:flex}}.cg-banner-brand-logo,.cg-banner-brand-logo *,.cg-banner-brand-logo ::after,.cg-banner-brand-logo ::before{box-sizing:border-box}.cg-banner-brand-logo{display:flex;align-items:center;justify-content:center;aspect-ratio:1;height:2.5rem;width:2.5rem;margin-left:-.5rem}@media (min-width:37.5rem){.cg-banner-brand-logo{height:3.5rem;width:3.5rem;margin-left:-.9375rem}}.cg-banner-brand-logo img{max-height:calc(100% - .0625rem);max-width:calc(100% - .0625rem)}.cg-banner-brand-custom,.cg-banner-brand-custom *,.cg-banner-brand-custom ::after,.cg-banner-brand-custom ::before{box-sizing:border-box}.cg-banner-brand-custom{font-family:inherit;display:inline-flex}.cg-banner-brand-custom img,.cg-banner-brand-custom picture{line-height:0}a.cg-banner-brand-custom,a.cg-banner-brand-suite{color:#005b92;text-decoration:none}a.cg-banner-brand-custom:hover{color:#003d61;text-decoration:none}.cg-banner-brand-compact,.cg-banner-brand-compact *,.cg-banner-brand-compact ::after,.cg-banner-brand-compact ::before{box-sizing:border-box}.cg-banner-brand-compact{font-family:inherit;display:flex;flex-direction:column;font-size:.875rem;line-height:1.29;overflow:hidden}@media (min-width:64rem){.cg-banner-brand-compact{font-size:1rem;line-height:1.25}}.cg-banner-brand-compact .cg-banner-brand-child,.cg-banner-brand-compact .cg-banner-brand-parent{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}banner-brand-compact.cg,banner-brand-inline.cg{display:inline-flex;overflow:hidden}.cg-banner-brand-inline,.cg-banner-brand-inline *,.cg-banner-brand-inline ::after,.cg-banner-brand-inline ::before{box-sizing:border-box}.cg-banner-brand-inline{font-family:inherit;font-size:1rem;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:64rem){.cg-banner-brand-inline{font-size:1.125rem;line-height:1.33}}.cg-banner-brand-inline .cg-banner-brand-child{margin-left:.5rem}.cg-banner-brand,.cg-banner-brand *,.cg-banner-brand ::after,.cg-banner-brand ::before{box-sizing:border-box}.cg-banner-brand-suite{font-family:inherit;display:inline-flex;justify-content:flex-start;align-items:center;flex-shrink:1;overflow:hidden}a.cg-banner-brand-suite:hover{color:#003d61}a.cg-banner-brand-suite:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}a.cg-banner-brand-suite:hover{text-decoration:none}.cg-banner-brand-suite [data-e2e=cg-banner-brand-compact],.cg-banner-brand-suite [data-e2e=cg-banner-brand-custom],.cg-banner-brand-suite [data-e2e=cg-banner-brand-inline]{padding-inline:1.5rem 2rem}@media (min-width:37.5rem){.cg-banner-brand-suite [data-e2e=cg-banner-brand-compact],.cg-banner-brand-suite [data-e2e=cg-banner-brand-custom],.cg-banner-brand-suite [data-e2e=cg-banner-brand-inline]{padding-left:1rem}}@media (min-width:64rem){.cg-banner-brand-suite [data-e2e=cg-banner-brand-compact],.cg-banner-brand-suite [data-e2e=cg-banner-brand-custom],.cg-banner-brand-suite [data-e2e=cg-banner-brand-inline]{padding-left:2rem}}.cg-banner-brand-suite [data-e2e=cg-banner-brand-compact],.cg-banner-brand-suite [data-e2e=cg-banner-brand-inline]{color:#353535}.cg-banner-brand-suite [data-e2e=cg-banner-brand-compact] .cg-banner-brand-parent,.cg-banner-brand-suite [data-e2e=cg-banner-brand-inline] .cg-banner-brand-parent{font-weight:500}.cg-banner-brand-suite [data-e2e=cg-banner-brand-compact] .cg-banner-brand-child,.cg-banner-brand-suite [data-e2e=cg-banner-brand-inline] .cg-banner-brand-child{font-weight:300}banner-brand-suite.cg{display:flex;overflow:hidden}.cg-banner-skip-to-content{width:100%;display:flex;align-items:center;justify-content:center}.cg-banner-skip-to-content .cg-banner-skip-to-content-anchor-wrapper{display:flex;width:100%;max-width:83rem;margin-left:-2rem}.cg-banner-skip-to-content .cg-banner-skip-to-content-anchor-wrapper .cg-banner-skip-to-content-anchor{padding:.625rem 1rem}.cg-banner,.cg-banner *,.cg-banner ::after,.cg-banner ::before{box-sizing:border-box}.cg-banner{font-family:inherit;position:relative}.cg-banner .cg-banner-container{height:3rem;background-color:var(--cg-banner-background-color, #fff);display:flex;justify-content:center;border-bottom:.0625rem solid var(--cg-banner-border-bottom-color, #dadada);padding:0 1rem}@media (min-width:37.5rem){.cg-banner .cg-banner-container{height:3.5rem}}@media (min-width:64rem){.cg-banner .cg-banner-container{padding-right:2rem}}.cg-banner .cg-banner-container.cg-banner-skip-to-content{height:0;background-color:var(--cg-banner-background-color, #f6f6f6);overflow:hidden;border-bottom:0}.cg-banner .cg-banner-container.cg-banner-skip-to-content:focus-within{height:3rem;border-bottom:.0625rem solid var(--cg-banner-border-bottom-color, #dadada)}.cg-banner banner-skip-to-content{width:100%;display:flex}.cg-banner fishbowl{display:inline-flex}.cg-banner .cg-banner-product-name{padding-inline:1.5rem 1rem;cursor:default;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:1rem;font-weight:500;line-height:1.25}@media (min-width:37.5rem){.cg-banner .cg-banner-product-name{padding-left:1rem}}@media (min-width:64rem){.cg-banner .cg-banner-product-name{font-size:1.125rem;font-weight:500;line-height:1.3333333333;padding-inline:2rem}}.cg-banner .cg-banner-content{display:flex;flex:1 auto}.cg-banner .cg-banner-left-content{display:flex;flex:1;align-items:center;width:0}@media (min-width:64rem){.cg-banner .cg-banner-left-content{flex:0 0 auto;width:auto}}.cg-banner .cg-banner-search-container{height:100%;align-items:center;display:flex;margin-right:.5rem}@media (min-width:37.5rem){.cg-banner .cg-banner-search-container{margin-right:1rem}}@media (min-width:64rem){.cg-banner .cg-banner-search-container{flex:0 1 100%;position:relative;flex-basis:0}}@media (min-width:37.5rem){.cg-banner .cg-banner-search-container.cg-is-empty{flex-basis:auto}}.cg-banner .cg-banner-search-placeholder{display:flex;flex-grow:1}@media (min-width:64rem){.cg-banner .cg-banner-search-placeholder{position:absolute;left:0;width:17rem;flex-direction:column;height:100%;justify-content:center;top:0}}.cg-banner .cg-banner-search-placeholder>*{width:100%}@media (min-width:37.5rem){.cg-banner.cg-banner-extra-margins .cg-banner-container{padding:0 2rem}}@media (min-width:64rem){.cg-banner.cg-banner-extra-margins .cg-banner-container{padding:0 3rem}}@media (min-width:90rem){.cg-banner.cg-banner-extra-margins .cg-banner-container{padding:0 3.5rem}}.cg-banner.cg-banner-extra-margins .cg-banner-content{max-width:83rem}@media (min-width:64rem){.cg-banner.cg-banner-extra-margins .cg-banner-product-name,.cg-banner.cg-banner-extra-margins [data-e2e=cg-banner-brand-compact],.cg-banner.cg-banner-extra-margins [data-e2e=cg-banner-brand-custom],.cg-banner.cg-banner-extra-margins [data-e2e=cg-banner-brand-inline]{padding-left:1rem}}.cg-banner.cg-banner-sticky{height:3rem}@media (min-width:37.5rem){.cg-banner.cg-banner-sticky{height:3.5rem}}.cg-banner.cg-banner-sticky .cg-banner-sticky-container{z-index:10;position:fixed;top:0;left:0;right:0;margin-top:0}.cg-banner.cg-banner-sticky:has(.cg-banner-skip-to-content:focus-within) .cg-banner-sticky-container{margin-top:3rem}.cg-banner.cg-banner-sticky:has(.cg-banner-skip-to-content:focus-within){height:6rem}@media (min-width:37.5rem){.cg-banner.cg-banner-sticky:has(.cg-banner-skip-to-content:focus-within){height:6.5rem}}.cg-banner.cg-banner-sticky:has(.cg-banner-skip-to-content:focus-within) .cg-banner-skip-to-content{z-index:10;position:fixed;top:0;left:0;right:0}@media (min-width:64rem){.cg-banner banner-right{flex-grow:1}}.cg-breadcrumb-item-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#757575;margin:0 .6875rem}.cg-breadcrumb-item-link{display:inline-flex;align-items:center;height:2rem}.cg-breadcrumb-item-link.cg-breadcrumb-item-link-disabled{opacity:.5;pointer-events:none}.cg-breadcrumb-item-link .cg-breadcrumb-item-link-anchor{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 .6875rem;display:inline-block;height:2rem;line-height:2rem;color:inherit;text-decoration:none}.cg-breadcrumb-item-link .cg-breadcrumb-item-link-anchor:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-breadcrumb-item-link .cg-breadcrumb-item-link-anchor:focus:not(:focus-visible){outline:0}.cg-breadcrumb-item-link .cg-breadcrumb-item-link-anchor:hover{text-decoration:underline}.cg-breadcrumb-back .cg-button-field.cg-button-field-icon button [data-e2e=cg-icon],.cg-breadcrumb-item-link .cg-breadcrumb-item-link-anchor-icon [data-e2e=cg-icon],.cg-breadcrumb-item-link .cg-breadcrumb-item-link-button[data-e2e=breadcrumb-icon] [data-e2e=cg-icon]{font-size:.875rem}.cg-breadcrumb-item-link .cg-breadcrumb-item-link-button[data-e2e=breadcrumb-icon]{color:inherit;outline-offset:.5rem;padding:0;margin:0 .5rem 0 .125rem}.cg-breadcrumb-item-link .cg-breadcrumb-item-link-anchor-icon,.cg-breadcrumb-item-link .cg-breadcrumb-item-link-button-wrapper{height:100%;display:flex;align-items:center;line-height:0}.cg-breadcrumb-back{color:inherit;display:flex;align-items:center;flex:0 0 auto;font-size:0}.cg-breadcrumb-back .cg-button-field.cg-button-field-icon button{color:inherit;padding:.5625rem .75rem .5625rem 0}.cg-breadcrumb-back .cg-button-field.cg-button-field-icon button:active,.cg-breadcrumb-back .cg-button-field.cg-button-field-icon button:focus,.cg-breadcrumb-back .cg-button-field.cg-button-field-icon button:hover{color:inherit;background-color:transparent}.cg-breadcrumb-ellipsis{padding:0 .6875rem}.cg-breadcrumb-ellipsis:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-breadcrumb-ellipsis:focus:not(:focus-visible){outline:0}.cg-breadcrumb-ellipsis .cg-breadcrumb-ellipsis-content,.cg-drag-and-drop-upload .cg-drag-and-drop-upload-list li{cursor:pointer}.cg-breadcrumb-ellipsis:hover{text-decoration:underline}.cg-breadcrumb-ellipsis .cg-breadcrumb-ellipsis-tooltip-body-wrapper.cg-breadcrumb-ellipsis-tooltip-body-wrapper *{display:inline;color:#fff;font-size:.75rem}.cg-breadcrumb-ellipsis .cg-breadcrumb-ellipsis-tooltip-body-wrapper{margin:0}.cg-tooltip-ctx,.cg-tooltip-ctx *,.cg-tooltip-ctx ::after,.cg-tooltip-ctx ::before{box-sizing:border-box}.cg-tooltip-ctx{font-family:inherit;top:0;left:0}.cg-tooltip-ctx.cg-tooltip{background:var(--cg-tooltip-background-color, #232323);border:.0625rem solid var(--cg-tooltip-border-color, #232323);box-shadow:var(--cg-tooltip-box-shadow, 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.1));color:var(--cg-tooltip-text-color, #fff);font-size:.75rem;position:absolute;padding:.25rem .5rem;display:inline-block;line-height:1.33;white-space:nowrap;visibility:hidden}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-description,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-indicator{cursor:default}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-hide{display:none}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom::after,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom::before{border-width:.5625rem;top:-1.125rem;border-bottom-color:var(--cg-tooltip-border-color, #232323);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom::after{border-width:.5625rem;top:-1.0625rem;border-bottom-color:var(--cg-tooltip-background-color, #232323);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom.cg-tooltip-indicator::before{border-width:.375rem;top:-.75rem;border-bottom-color:var(--cg-tooltip-border-color, #232323);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom.cg-tooltip-indicator::after{border-width:.375rem;top:-.6875rem;border-bottom-color:var(--cg-tooltip-background-color, #232323);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left::after,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left::before{border-width:.5625rem;top:-1.125rem;border-bottom-color:var(--cg-tooltip-border-color, #232323);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left::after{border-width:.5625rem;top:-1.0625rem;border-bottom-color:var(--cg-tooltip-background-color, #232323);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left.cg-tooltip-indicator::before{border-width:.375rem;top:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-left.cg-tooltip-indicator::after{border-width:.375rem;top:-.6875rem;border-bottom-color:var(--cg-tooltip-background-color, #232323);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right::after,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right::before{border-width:.5625rem;top:-1.125rem;border-bottom-color:var(--cg-tooltip-border-color, #232323);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right::after{border-width:.5625rem;top:-1.0625rem;border-bottom-color:var(--cg-tooltip-background-color, #232323);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right.cg-tooltip-indicator::before{border-width:.375rem;top:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-bottom-right.cg-tooltip-indicator::after{border-width:.375rem;top:-.6875rem;border-bottom-color:var(--cg-tooltip-background-color, #232323);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-top::after,.cg-tooltip-ctx.cg-tooltip.cg-position-top::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-top::before{border-width:.5625rem;bottom:-1.125rem;border-top-color:var(--cg-tooltip-border-color, #232323);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top::after{border-width:.5625rem;bottom:-1.0625rem;border-top-color:var(--cg-tooltip-background-color, #232323);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top.cg-tooltip-indicator::before{border-width:.375rem;bottom:-.75rem;border-top-color:var(--cg-tooltip-border-color, #232323);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top.cg-tooltip-indicator::after{border-width:.375rem;bottom:-.6875rem;border-top-color:var(--cg-tooltip-background-color, #232323);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-left.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-top-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-top-left::after,.cg-tooltip-ctx.cg-tooltip.cg-position-top-left::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-top-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-top-left::before{border-width:.5625rem;bottom:-1.125rem;border-top-color:var(--cg-tooltip-border-color, #232323);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-left::after{border-width:.5625rem;bottom:-1.0625rem;border-top-color:var(--cg-tooltip-background-color, #232323);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-left.cg-tooltip-indicator::before{border-width:.375rem;bottom:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-left.cg-tooltip-indicator::after{border-width:.375rem;bottom:-.6875rem;border-top-color:var(--cg-tooltip-background-color, #232323);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-right.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-top-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-top-right::after,.cg-tooltip-ctx.cg-tooltip.cg-position-top-right::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-top-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-top-right::before{border-width:.5625rem;bottom:-1.125rem;border-top-color:var(--cg-tooltip-border-color, #232323);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-right::after{border-width:.5625rem;bottom:-1.0625rem;border-top-color:var(--cg-tooltip-background-color, #232323);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-right.cg-tooltip-indicator::before{border-width:.375rem;bottom:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-top-right.cg-tooltip-indicator::after{border-width:.375rem;bottom:-.6875rem;border-top-color:var(--cg-tooltip-background-color, #232323);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-left::after,.cg-tooltip-ctx.cg-tooltip.cg-position-left::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-left::before{border-width:.5625rem;right:-1.125rem;border-left-color:var(--cg-tooltip-border-color, #232323);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left::after{border-width:.5625rem;right:-1.0625rem;border-left-color:var(--cg-tooltip-background-color, #232323);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left.cg-tooltip-indicator::before{border-width:.375rem;right:-.75rem;border-left-color:var(--cg-tooltip-border-color, #232323);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left.cg-tooltip-indicator::after{border-width:.375rem;right:-.6875rem;border-left-color:var(--cg-tooltip-background-color, #232323);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom::after,.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom::before{border-width:.5625rem;left:-1.125rem;border-right-color:var(--cg-tooltip-border-color, #232323);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom::after{border-width:.5625rem;left:-1.0625rem;border-right-color:var(--cg-tooltip-background-color, #232323);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom.cg-tooltip-indicator::before{border-width:.375rem;left:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-bottom.cg-tooltip-indicator::after{border-width:.375rem;left:-.6875rem;border-right-color:var(--cg-tooltip-background-color, #232323);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-top.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-left-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-left-top::after,.cg-tooltip-ctx.cg-tooltip.cg-position-left-top::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-left-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-left-top::before{border-width:.5625rem;left:-1.125rem;border-right-color:var(--cg-tooltip-border-color, #232323);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-top::after{border-width:.5625rem;left:-1.0625rem;border-right-color:var(--cg-tooltip-background-color, #232323);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-top.cg-tooltip-indicator::before{border-width:.375rem;left:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-left-top.cg-tooltip-indicator::after{border-width:.375rem;left:-.6875rem;border-right-color:var(--cg-tooltip-background-color, #232323);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-right::after,.cg-tooltip-ctx.cg-tooltip.cg-position-right::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-right::before{border-width:.5625rem;left:-1.125rem;border-right-color:var(--cg-tooltip-border-color, #232323);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right::after{border-width:.5625rem;left:-1.0625rem;border-right-color:var(--cg-tooltip-background-color, #232323);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right.cg-tooltip-indicator::before{border-width:.375rem;left:-.75rem;border-right-color:var(--cg-tooltip-border-color, #232323);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right.cg-tooltip-indicator::after{border-width:.375rem;left:-.6875rem;border-right-color:var(--cg-tooltip-background-color, #232323);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom::after,.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom::before{border-width:.5625rem;right:-1.125rem;border-left-color:var(--cg-tooltip-border-color, #232323);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom::after{border-width:.5625rem;right:-1.0625rem;border-left-color:var(--cg-tooltip-background-color, #232323);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom.cg-tooltip-indicator::before{border-width:.375rem;right:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-bottom.cg-tooltip-indicator::after{border-width:.375rem;right:-.6875rem;border-left-color:var(--cg-tooltip-background-color, #232323);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-top.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip.cg-position-right-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-right-top::after,.cg-tooltip-ctx.cg-tooltip.cg-position-right-top::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip.cg-position-right-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip.cg-position-right-top::before{border-width:.5625rem;right:-1.125rem;border-left-color:var(--cg-tooltip-border-color, #232323);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-top::after{border-width:.5625rem;right:-1.0625rem;border-left-color:var(--cg-tooltip-background-color, #232323);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-top.cg-tooltip-indicator::before{border-width:.375rem;right:-.75rem}.cg-tooltip-ctx.cg-tooltip.cg-position-right-top.cg-tooltip-indicator::after{border-width:.375rem;right:-.6875rem;border-left-color:var(--cg-tooltip-background-color, #232323);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-indicator::before{display:none}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open{z-index:1060;opacity:1}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-right{transform:translateX(-.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-right-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-right.cg-tooltip-indicator{transform:translateX(-1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-right-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-left{transform:translateX(.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-left-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-left.cg-tooltip-indicator{transform:translateX(1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-left-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-top,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-top-left,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-top-right{transform:translateY(.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-top-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-top-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-top-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-top.cg-tooltip-indicator{transform:translateY(1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-top-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-bottom,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-bottom-left,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-bottom-right{transform:translateY(-.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-bottom-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-bottom-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-bottom-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-position-bottom.cg-tooltip-indicator{transform:translateY(-1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-bottom-opening}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing{opacity:0}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-right{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-right-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-right.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-right-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-left{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-left-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-left.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-left-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-top,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-top-left,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-top-right{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-top-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-top-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-top-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-top.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-top-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-bottom,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-bottom-left,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-bottom-right{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-bottom-closing}.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-bottom-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-bottom-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip.cg-tooltip-open.cg-element-closing.cg-position-bottom.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-bottom-closing}.cg-tooltip-ctx.cg-tooltip-description{padding:.5rem 1rem;max-width:14rem;white-space:normal}.cg-tooltip-ctx.cg-tooltip-interactive{background:var(--cg-tooltip-interactive-background-color, #fff);border:.0625rem solid var(--cg-tooltip-interactive-border-color, #dadada);box-shadow:var(--cg-tooltip-box-shadow, 0 0.375rem 0.75rem 0 rgba(0, 0, 0, 0.1));color:var(--cg-tooltip-interactive-text-color, #232323);font-size:.875rem;position:absolute;line-height:1.5;padding:1rem;visibility:hidden;width:16.25rem;white-space:normal}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-description,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-indicator{cursor:default}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-hide{display:none}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom::before{border-width:.5625rem;top:-1.125rem;border-bottom-color:var(--cg-tooltip-interactive-border-color, #dadada);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom::after{border-width:.5625rem;top:-1.0625rem;border-bottom-color:var(--cg-tooltip-interactive-background-color, #fff);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom.cg-tooltip-indicator::before{border-width:.375rem;top:-.75rem;border-bottom-color:var(--cg-tooltip-interactive-border-color, #dadada);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom.cg-tooltip-indicator::after{border-width:.375rem;top:-.6875rem;border-bottom-color:var(--cg-tooltip-interactive-background-color, #fff);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left::before{border-width:.5625rem;top:-1.125rem;border-bottom-color:var(--cg-tooltip-interactive-border-color, #dadada);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left::after{border-width:.5625rem;top:-1.0625rem;border-bottom-color:var(--cg-tooltip-interactive-background-color, #fff);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left.cg-tooltip-indicator::before{border-width:.375rem;top:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-left.cg-tooltip-indicator::after{border-width:.375rem;top:-.6875rem;border-bottom-color:var(--cg-tooltip-interactive-background-color, #fff);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right::before{border-width:.5625rem;top:-1.125rem;border-bottom-color:var(--cg-tooltip-interactive-border-color, #dadada);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right::after{border-width:.5625rem;top:-1.0625rem;border-bottom-color:var(--cg-tooltip-interactive-background-color, #fff);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right.cg-tooltip-indicator::before{border-width:.375rem;top:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-bottom-right.cg-tooltip-indicator::after{border-width:.375rem;top:-.6875rem;border-bottom-color:var(--cg-tooltip-interactive-background-color, #fff);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top::before{border-width:.5625rem;bottom:-1.125rem;border-top-color:var(--cg-tooltip-interactive-border-color, #dadada);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top::after{border-width:.5625rem;bottom:-1.0625rem;border-top-color:var(--cg-tooltip-interactive-background-color, #fff);left:50%;margin-left:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top.cg-tooltip-indicator::before{border-width:.375rem;bottom:-.75rem;border-top-color:var(--cg-tooltip-interactive-border-color, #dadada);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top.cg-tooltip-indicator::after{border-width:.375rem;bottom:-.6875rem;border-top-color:var(--cg-tooltip-interactive-background-color, #fff);left:50%;margin-left:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left::before{border-width:.5625rem;bottom:-1.125rem;border-top-color:var(--cg-tooltip-interactive-border-color, #dadada);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left::after{border-width:.5625rem;bottom:-1.0625rem;border-top-color:var(--cg-tooltip-interactive-background-color, #fff);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left.cg-tooltip-indicator::before{border-width:.375rem;bottom:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-left.cg-tooltip-indicator::after{border-width:.375rem;bottom:-.6875rem;border-top-color:var(--cg-tooltip-interactive-background-color, #fff);right:0;margin-right:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right::before{border-width:.5625rem;bottom:-1.125rem;border-top-color:var(--cg-tooltip-interactive-border-color, #dadada);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right::after{border-width:.5625rem;bottom:-1.0625rem;border-top-color:var(--cg-tooltip-interactive-background-color, #fff);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right.cg-tooltip-indicator::before{border-width:.375rem;bottom:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-top-right.cg-tooltip-indicator::after{border-width:.375rem;bottom:-.6875rem;border-top-color:var(--cg-tooltip-interactive-background-color, #fff);left:0;margin-left:1.1875rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left::before{border-width:.5625rem;right:-1.125rem;border-left-color:var(--cg-tooltip-interactive-border-color, #dadada);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left::after{border-width:.5625rem;right:-1.0625rem;border-left-color:var(--cg-tooltip-interactive-background-color, #fff);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left.cg-tooltip-indicator::before{border-width:.375rem;right:-.75rem;border-left-color:var(--cg-tooltip-interactive-border-color, #dadada);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left.cg-tooltip-indicator::after{border-width:.375rem;right:-.6875rem;border-left-color:var(--cg-tooltip-interactive-background-color, #fff);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom::before{border-width:.5625rem;left:-1.125rem;border-right-color:var(--cg-tooltip-interactive-border-color, #dadada);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom::after{border-width:.5625rem;left:-1.0625rem;border-right-color:var(--cg-tooltip-interactive-background-color, #fff);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom.cg-tooltip-indicator::before{border-width:.375rem;left:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-bottom.cg-tooltip-indicator::after{border-width:.375rem;left:-.6875rem;border-right-color:var(--cg-tooltip-interactive-background-color, #fff);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top::before{border-width:.5625rem;left:-1.125rem;border-right-color:var(--cg-tooltip-interactive-border-color, #dadada);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top::after{border-width:.5625rem;left:-1.0625rem;border-right-color:var(--cg-tooltip-interactive-background-color, #fff);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top.cg-tooltip-indicator::before{border-width:.375rem;left:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-left-top.cg-tooltip-indicator::after{border-width:.375rem;left:-.6875rem;border-right-color:var(--cg-tooltip-interactive-background-color, #fff);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right::before{border-width:.5625rem;left:-1.125rem;border-right-color:var(--cg-tooltip-interactive-border-color, #dadada);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right::after{border-width:.5625rem;left:-1.0625rem;border-right-color:var(--cg-tooltip-interactive-background-color, #fff);top:50%;margin-top:-.5625rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right.cg-tooltip-indicator::before{border-width:.375rem;left:-.75rem;border-right-color:var(--cg-tooltip-interactive-border-color, #dadada);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right.cg-tooltip-indicator::after{border-width:.375rem;left:-.6875rem;border-right-color:var(--cg-tooltip-interactive-background-color, #fff);top:50%;margin-top:-.375rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom::before{border-width:.5625rem;right:-1.125rem;border-left-color:var(--cg-tooltip-interactive-border-color, #dadada);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom::after{border-width:.5625rem;right:-1.0625rem;border-left-color:var(--cg-tooltip-interactive-background-color, #fff);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom.cg-tooltip-indicator::before{border-width:.375rem;right:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-bottom.cg-tooltip-indicator::after{border-width:.375rem;right:-.6875rem;border-left-color:var(--cg-tooltip-interactive-background-color, #fff);top:0;margin-top:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top.cg-tooltip-indicator::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top::after,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top::before{border:solid transparent;content:" ";height:0;pointer-events:none;position:absolute;width:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top.cg-tooltip-indicator::before,.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top::before{border-width:.5625rem;right:-1.125rem;border-left-color:var(--cg-tooltip-interactive-border-color, #dadada);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top::after{border-width:.5625rem;right:-1.0625rem;border-left-color:var(--cg-tooltip-interactive-background-color, #fff);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top.cg-tooltip-indicator::before{border-width:.375rem;right:-.75rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-position-right-top.cg-tooltip-indicator::after{border-width:.375rem;right:-.6875rem;border-left-color:var(--cg-tooltip-interactive-background-color, #fff);bottom:0;margin-bottom:.25rem}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-indicator::before{display:none}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open{z-index:1060;opacity:1}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-right{transform:translateX(-.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-right-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-right.cg-tooltip-indicator{transform:translateX(-1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-right-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-left{transform:translateX(.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-left-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-left.cg-tooltip-indicator{transform:translateX(1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-left-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-top,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-top-left,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-top-right{transform:translateY(.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-top-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-top-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-top-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-top.cg-tooltip-indicator{transform:translateY(1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-top-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-bottom,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-bottom-left,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-bottom-right{transform:translateY(-.75rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-bottom-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-bottom-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-bottom-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-position-bottom.cg-tooltip-indicator{transform:translateY(-1rem);animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-bottom-opening}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing{opacity:0}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-right{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-right-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-right.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-right-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-left{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-left-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-left.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-left-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-top,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-top-left,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-top-right{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-top-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-top-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-top-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-top.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-top-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-bottom,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-bottom-left,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-bottom-right{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-bottom-closing}.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-bottom-left.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-bottom-right.cg-tooltip-indicator,.cg-tooltip-ctx.cg-tooltip-interactive.cg-tooltip-open.cg-element-closing.cg-position-bottom.cg-tooltip-indicator{animation:300ms cubic-bezier(.4,0,.2,1) cg-tooltip-indicator-bottom-closing}.cg-tooltip-ctx.cg-tooltip-interactive .cg-tooltip-body{display:block;margin-bottom:1rem}.cg-tooltip-ctx.cg-tooltip-interactive .cg-tooltip-body>*{font-size:.875rem}.cg-tooltip-ctx.cg-tooltip-interactive [data-e2e=cg-button-group],.cg-tooltip-ctx.cg-tooltip-interactive button-group{min-height:2rem}.cg-tooltip-ctx.cg-tooltip-open{visibility:visible;z-index:1060}.cg-tooltip-ctx.cg-tooltip-open.cg-tooltip-autosize{width:auto;max-width:none}.cg-tooltip-ctx.cg-tooltip-open.cg-disable-animation,.cg-tooltip-ctx.cg-tooltip-open.cg-tooltip-interactive.cg-disable-animation{animation:none}.cg-sr-only{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cg-breadcrumb,.cg-breadcrumb *,.cg-breadcrumb ::after,.cg-breadcrumb ::before{box-sizing:border-box}.cg-breadcrumb{font-family:inherit;height:2rem;display:flex;align-items:center;font-size:.75rem;position:relative;color:#005b92;background-color:transparent}.cg-breadcrumb li{margin-top:0}.cg-breadcrumb .cg-breadcrumb-chevron-icon-wrapper{display:flex;flex:0 0 auto;height:100%;align-items:center}.cg-breadcrumb .cg-breadcrumb-chevron-icon-wrapper [data-e2e=cg-icon]{color:#757575;font-size:.625rem}.cg-breadcrumb .cg-breadcrumb-hide-ellipsis{display:none}.cg-breadcrumb .cg-breadcrumb-item-wrapper{display:inline-flex;align-items:center;height:100%}.cg-breadcrumb .cg-breadcrumb-item-wrapper:not(:last-child){flex:0 0 auto}.cg-breadcrumb .cg-breadcrumb-item-wrapper breadcrumb-item,.cg-breadcrumb .cg-breadcrumb-item-wrapper>div:not(.cg-breadcrumb-chevron-icon-wrapper){display:inline-flex}.cg-breadcrumb .cg-breadcrumb-item-wrapper:first-child [data-e2e=cg-breadcrumb-item-link-anchor-icon],.cg-breadcrumb .cg-breadcrumb-item-wrapper:first-child [data-e2e=cg-breadcrumb-item-link-anchor]{padding-left:0}.cg-breadcrumb .cg-breadcrumb-item-wrapper:last-child{min-width:calc(1.375rem + 3ch)}.cg-breadcrumb .cg-breadcrumb-item-wrapper:last-child breadcrumb-item,.cg-breadcrumb .cg-breadcrumb-item-wrapper:last-child>div:not(.cg-breadcrumb-chevron-icon-wrapper){min-width:0}.cg-breadcrumb .cg-breadcrumb-item-wrapper:last-child [data-e2e=cg-breadcrumb-item-link],.cg-breadcrumb .cg-breadcrumb-item-wrapper:last-child [data-e2e=cg-breadcrumb-item-text]{min-width:3ch}.cg-breadcrumb .cg-breadcrumb-list{list-style:none;margin:0;padding:0;flex:1 1 auto;display:flex;height:100%;max-width:100%;min-width:0}.cg-breadcrumb:not(.cg-breadcrumb-without-back-button) .cg-breadcrumb-item-wrapper:first-child [data-e2e=cg-breadcrumb-item-link-anchor-icon],.cg-breadcrumb:not(.cg-breadcrumb-without-back-button) .cg-breadcrumb-item-wrapper:first-child [data-e2e=cg-breadcrumb-item-link-anchor]{padding-left:.6875rem;margin-left:.125rem}.cg-breadcrumb .cg-breadcrumb-list-ellipsis.cg-breadcrumb-list>:not(.cg-breadcrumb-visible-item){pointer-events:none;visibility:hidden;position:absolute;top:-100%;left:0;max-width:100%;overflow:hidden}.cg-breadcrumb .cg-breadcrumb-item-ellipsis-icon-wrapper{margin:0 .25rem}.cg-breadcrumb breadcrumb-ellipsis-private,.cg-breadcrumb breadcrumb-item-link,.cg-breadcrumb breadcrumb-item-text{display:inline-flex;align-items:center}.cg-breadcrumb breadcrumb-item-link,.cg-breadcrumb breadcrumb-item-text{width:100%}.cg-button-field.cg-button-field-icon.cg-button-field-floating button{background:#fff;border:.0625rem solid #dadada;border-radius:50%;box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1);color:#474747;height:2.5rem;margin-bottom:0;padding:0;position:fixed;width:2.5rem;z-index:9999}.cg-button-field.cg-button-field-icon.cg-button-field-floating button:hover{background-color:#003d61;border-color:#003d61;color:#fff}.cg-button-field.cg-button-field-icon.cg-button-field-floating button[disabled],.cg-button-field.cg-button-field-icon.cg-button-field-floating button[disabled]:hover{background:#fff;border:.0625rem solid #dadada;color:#474747}.cg-button-field.cg-button-field-icon.cg-button-field-floating button:active{color:var(--cg-button-text-color, #fff);background-color:#005b92;border-color:#005b92}.cg-button-field.cg-button-field-icon.cg-button-field-floating.cg-button-field-floating-dark button{background:#007ac3;border-color:#007ac3;color:#fff}.cg-button-field.cg-button-field-icon.cg-button-field-floating.cg-button-field-floating-dark button:hover{background-color:#003d61;border-color:#003d61;color:#fff}.cg-button-field.cg-button-field-icon.cg-button-field-floating.cg-button-field-floating-dark button:active{color:var(--cg-button-text-color, #fff);background-color:#005b92;border-color:#005b92}.cg-button-field.cg-button-field-icon.cg-button-field-floating.cg-button-field-floating-dark button[disabled],.cg-button-field.cg-button-field-icon.cg-button-field-floating.cg-button-field-floating-dark button[disabled]:hover{background:#007ac3;border-color:#007ac3;color:#fff}.cg-button-field-group{display:inline-flex;margin-right:1rem}.cg-button-field-group .cg-button-field button,.cg-button-field-group .cg-button-field label{flex-shrink:0}.cg-button-field-group .cg-button-field button{margin-left:1rem;margin-right:1rem}.cg-button-field-group .cg-button-field.cg-button-field-text button{margin-left:0;margin-right:0}.cg-button-field-group .cg-button-field:first-child:not(.cg-button-field-close) button,.cg-button-field-group .cg-button-field:last-child:not(.cg-button-field-close) button{margin-right:0}.cg-button-field-group.cg-button-field-group-right{display:flex;justify-content:flex-end;margin-right:0}.cg-button-field-split{display:inline-flex}.cg-button-field-split>.cg-button-field:nth-child(2),.cg-button-field-split>button-field:nth-child(2) .cg-button-field{margin-left:.0625rem}.cg-button-field-split>.cg-button-field:nth-child(2) button,.cg-button-field-split>button-field:nth-child(2) .cg-button-field button{padding-left:.6875rem;padding-right:.6875rem}.cg-button-field-split>.cg-button-field:nth-child(2).cg-button-field-ghost,.cg-button-field-split>button-field:nth-child(2) .cg-button-field.cg-button-field-ghost{margin-left:-.0625rem}.cg-button-field-split>.cg-button-field:nth-child(2).cg-button-field-ghost button,.cg-button-field-split>button-field:nth-child(2) .cg-button-field.cg-button-field-ghost button{border-left:.0625rem solid transparent}.cg-button-field-split>.cg-button-field:nth-child(2).cg-button-field-small button,.cg-button-field-split>button-field:nth-child(2) .cg-button-field.cg-button-field-small button{padding:.375rem .4375rem}.cg-button-field-split button.cg-is-active [data-e2e=cg-icon] [icon-name=chevron-down],.cg-button-field-split button:active [data-e2e=cg-icon] [icon-name=chevron-down]{transform:rotate(180deg)}.cg-button-field-split .cg-button-field:focus-within,.cg-button-field-split button-field:focus-within{z-index:1}.cg-card-favorite{position:absolute;top:1rem;right:3.5rem;z-index:1}.cg-card-favorite .cg-card-favorite-button{transform:translateY(.5rem);opacity:0}.cg-card-content a:focus-visible,.cg-card-favorite .cg-card-favorite-button:focus-visible,.cg-card>a:focus-visible,.cg-card>button:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-card-favorite .cg-card-favorite-button:focus:not(:focus-visible){outline:0}.cg-card-favorite .cg-card-favorite-button[data-e2e=cg-favorite-button]{transition:transform 150ms cubic-bezier(.4,0,1,1);transition-delay:50ms;transition-property:opacity,transform;will-change:auto}.cg-card-favorite .cg-card-favorite-button.cg-card-favorite-button.cg-card-favorite-button:hover{background:0 0}.cg-card-favorite .cg-card-favorite-button.cg-card-favorite-button[disabled]{transform:translateY(.5rem);opacity:0}.cg-card-favorite .cg-card-favorite-button.cg-card-favorite-button-active[disabled]{transform:translateY(0);opacity:1}.cg-card-favorite .cg-card-favorite-button.cg-card-favorite-button-active,.cg-card-favorite .cg-card-favorite-button:focus-visible,.cg-card>a:focus-visible~[data-e2e=cg-card-content] [data-e2e=cg-favorite-button],.cg-card>a:focus-visible~card-content [data-e2e=cg-favorite-button],.cg-card>button:focus-visible~[data-e2e=cg-card-content] [data-e2e=cg-favorite-button],.cg-card>button:focus-visible~card-content [data-e2e=cg-favorite-button]{transform:translateY(0);opacity:1}.cg-card-favorite .cg-card-favorite-button [icon-name=star]{color:#757575}.cg-card-favorite .cg-card-favorite-button [icon-name=filled-star]{color:#005b92}.cg-card-select{position:absolute;right:1rem;top:1rem;z-index:1}.cg-card-select .cg-card-select-checkbox{pointer-events:none;clip:rect(0,0,0,0);height:0;width:0;position:absolute;margin:0;top:0;right:0}.cg-card-select .cg-card-select-checkbox:focus+.cg-card-select-label{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-card-content a:focus:not(:focus-visible),.cg-card-select .cg-card-select-checkbox:focus:not(:focus-visible)+.cg-card-select-label{outline:0}.cg-card-select .cg-card-select-label{cursor:pointer;padding:.5rem;display:flex}.cg-card-select .cg-card-select-label [icon-name=record]{color:#757575}.cg-card-select .cg-card-select-label [icon-name=filled-check-circle]{color:#005b92}.cg-card-select iconsvg{display:flex;align-items:center;justify-content:center}.cg-card-header-image{padding-bottom:2rem;margin-bottom:-3.5rem;height:10.5rem;position:relative;top:-3.5rem;width:100%}.cg-card-header-image:after{content:"";z-index:0;display:block;position:absolute;background:0 0;top:0;left:0;right:0;bottom:2rem;pointer-events:none}.cg-card-header-image [data-e2e=cg-card-favorite] [data-e2e=cg-favorite-button]:focus-visible,.cg-card-header-image [data-e2e=cg-card-select] [data-e2e=cg-checkbox]:focus-visible+[data-e2e=cg-checkbox-label]{outline-color:#fff}.cg-card-header-image [data-e2e=cg-card-favorite] [icon-name=star]{color:#bfbfbf}.cg-card-header-image [data-e2e=cg-card-favorite] [icon-name=filled-star]{color:#fff}.cg-card-header-image [data-e2e=cg-card-select] [icon-name=record]{color:#bfbfbf}.cg-card-header-image [data-e2e=cg-card-select] [icon-name=filled-check-circle]{color:#fff}.cg-card-header-image img{object-fit:cover;height:100%;width:100%}.cg-card-tile{padding:0 1rem;margin-bottom:1.5rem}@media (min-width:37.5rem){.cg-card-tile{padding:0 2rem}}.cg-card-tile card-tile-subtitle:first-child:not(:last-child),.cg-card-tile-subtitle:first-child:not(:last-child){margin-bottom:.5rem}.cg-card-tile card-tile-subtitle:last-child:not(:first-child),.cg-card-tile-subtitle:last-child:not(:first-child){margin-top:.5rem}.cg-card-tile-subtitle,.cg-card-tile-title{box-sizing:border-box;width:100%;overflow:hidden}.cg-card-tile-subtitle{color:#757575;font-size:.875rem;line-height:1.29;text-overflow:ellipsis;white-space:nowrap}.cg-card-tile-title{color:#353535;font-size:1.25rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cg-card-body{padding:0 1rem 2rem}@media (min-width:37.5rem){.cg-card-body{padding:0 2rem 2rem}}.cg-card-body.cg-card-body-is-clickable,.cg-card-content a,.cg-card-content button,.cg-card-content input,.cg-card-content label{pointer-events:auto}.cg-card-body p{margin:0;padding:0;font-size:1rem;line-height:1.5rem}.cg-card-footer{padding:0;margin-bottom:.6875rem}@media (min-width:37.5rem){.cg-card-footer{padding:0 1rem;margin-bottom:1rem}}.cg-card-footer [data-e2e=cg-dropdown-toggle].cg-dropdown-toggle.cg-is-button-more{padding:.75rem;margin-right:.25rem}@media (min-width:37.5rem){.cg-card-footer [data-e2e=cg-dropdown-toggle].cg-dropdown-toggle.cg-is-button-more{margin-right:0;padding:.5rem}}.cg-card-footer .cg-button-field.cg-button-field-small button{padding-top:.625rem;padding-bottom:.625rem}@media (min-width:37.5rem){.cg-card-footer .cg-button-field.cg-button-field-small button{padding-top:.375rem;padding-bottom:.375rem}}.cg-card-content tag [data-e2e=cg-tag],.cg-card-folder-title{display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-card-folder-title{font-size:1rem;font-weight:500;line-height:1.25rem;flex:1 1 auto;margin-right:1rem}.cg-card-folder-actions{display:flex;flex:0 0 auto}.cg-card-folder{padding-right:1rem;padding-left:2rem;box-sizing:border-box;height:3.5rem;display:flex;width:100%;align-items:center;margin-top:-3.5rem}.cg-card-folder [data-e2e=cg-card-select]{position:static}.cg-card-folder [data-e2e=cg-card-favorite]{position:static;margin-left:.5rem;margin-right:.5rem}.cg-card-folder [data-e2e=cg-card-favorite] [icon-name=filled-star]{color:#005b92}.cg-card-folder [icon-name=folder]{margin-right:1rem}.cg-card card-body,.cg-card card-header-image,.cg-card card-tile,.cg-card-content>tag,.cg-card-folder iconsvg{display:flex}.cg-card-folder card-folder-title{display:flex;flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-card-content{position:relative;pointer-events:none;padding-top:3.5rem}.cg-card-content a{color:inherit;text-decoration:none}.cg-card-content>[data-e2e=cg-tag],.cg-card-content>tag{z-index:1;position:absolute;top:1.5rem;left:1rem;max-width:calc(100% - 8rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (min-width:37.5rem){.cg-card-content>[data-e2e=cg-tag],.cg-card-content>tag{left:2rem}}.cg-card-content tag [data-e2e=cg-tag]{width:100%}.cg-card-wrapper:hover .cg-card:not(.cg-card-selected):not(.cg-card-disabled){box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1)}@media (min-width:37.5rem){.cg-card-wrapper:hover .cg-card:not(.cg-card-selected):not(.cg-card-disabled){top:-.25rem}}.cg-card-wrapper:hover .cg-card:not(.cg-card-selected):not(.cg-card-disabled) [data-e2e=cg-favorite-button]{transform:translateY(0);opacity:1}.cg-card,.cg-card a,.cg-card button{font-family:inherit}.cg-card{border:.0625rem solid #dadada;width:100%;transition-property:box-shadow,top;transition-duration:300ms;transition-timing-function:cubic-bezier(.4,0,.2,1);will-change:auto;position:relative;top:0}.cg-card>a,.cg-card>button{position:absolute;top:-.0625rem;left:-.0625rem;width:100%;height:100%;margin:0;padding:0;border:.0625rem solid transparent;outline:0;display:block;text-decoration:inherit;color:inherit;background:0 0;cursor:pointer}.cg-card>a:focus:not(:focus-visible),.cg-card>button:focus:not(:focus-visible){outline:0}.cg-card [data-e2e=cg-menu-wrapper]{pointer-events:auto}.cg-card [data-e2e=cg-menu-wrapper]:hover:after{content:"";position:absolute;height:.3125rem;width:calc(100% + .125rem);left:-.0625rem;bottom:-.3125rem}.cg-card.cg-card-selected{outline:.125rem solid #005b92;outline-offset:-.0625rem;background:rgba(0,91,146,.05)}.cg-card.cg-card-selected [data-e2e=cg-card-header-image]{position:relative}.cg-card.cg-card-selected [data-e2e=cg-card-header-image]:after{background:rgba(0,91,146,.3)}.cg-card card-folder,.cg-card card-footer,headbutt-layout.cg,tree-node-label-button.cg,tree-node-label.cg{display:flex;width:100%}.cg-card card-footer [data-e2e=cg-card-footer],.cg-card-container-body.cg-card-container-body-is-vertical card-container-content{width:100%}.cg-card.cg-card-disabled,.cg-card.cg-card-disabled [data-e2e=cg-card-content]{opacity:.5;pointer-events:none}.cg-card.cg-card-disabled [data-e2e=cg-card-content] a,.cg-card.cg-card-disabled [data-e2e=cg-card-content] button,.cg-card.cg-card-disabled [data-e2e=cg-card-content] input,.cg-card.cg-card-disabled [data-e2e=cg-card-content] label{pointer-events:none}.cg-card.cg-card-has-not-favorite .cg-card-content>[data-e2e=cg-tag],.cg-card.cg-card-has-not-favorite .cg-card-content>tag{max-width:calc(100% - 6rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-card-container-header{padding:0 2rem;flex:0 0 auto;display:flex;align-items:center}.cg-card-container-header h3,.cg-card-container-header h5{padding:0;margin:2rem 0 1rem;display:inline;position:relative;font-size:1rem;font-weight:500;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.cg-card-container-body{flex:1 1 auto;height:100%}.cg-card-container-body.cg-card-container-body-is-vertical{display:flex;flex-direction:row}.cg-card-container-body.cg-card-container-body-is-vertical [data-e2e=cg-card-container-content]{width:100%;border-top:.0625rem solid #dadada;border-bottom:.0625rem solid #dadada}.cg-card-container-body.cg-card-container-body-is-vertical [data-e2e=cg-card-container-content]:nth-child(n+2),.cg-card-container-body.cg-card-container-body-is-vertical card-container-content:nth-child(n+2) [data-e2e=cg-card-container-content]{border-left:.0625rem solid #dadada}.cg-card-container-body.cg-card-container-body-is-horizontal{display:flex;flex-direction:column}.cg-card-container-body.cg-card-container-body-is-horizontal [data-e2e=cg-card-container-content]{border-top:.0625rem solid #dadada}.cg-card-container-body.cg-card-container-body-is-horizontal card-container-content [data-e2e=cg-card-container-content]:last-child{border-bottom:none}.cg-card-container-body.cg-card-container-body-is-horizontal [data-e2e=cg-card-container-content]:last-child,.cg-card-container-body.cg-card-container-body-is-horizontal card-container-content:last-child [data-e2e=cg-card-container-content]{border-bottom:.0625rem solid #dadada}.cg-card-container-body card-container-content,.cg-card-container-content{display:flex;flex:1 1 auto}.cg-card-container-footer{padding:0 1rem;height:4rem;flex:0 0 auto;display:flex;align-items:center}.cg-card-container-footer button-group{flex-grow:1}.cg-card-container{font-family:inherit;width:100%;border:.0625rem solid #dadada;display:flex;flex-direction:column}.cg-fishbowl-ctx,.cg-fishbowl-ctx *,.cg-fishbowl-ctx ::after,.cg-fishbowl-ctx ::before{box-sizing:border-box}.cg-fishbowl-ctx,.cg-fishbowl-ctx button{font-family:inherit}.cg-fishbowl,.cg-fishbowl-ctx{display:inline-flex}.cg-fishbowl{align-items:center;background:0 0;border:0;padding:0 1rem;cursor:pointer;height:2.5rem}.cg-fishbowl:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-client-switcher [data-js-focus-visible] :focus:not([data-focus-visible-added]),.cg-fishbowl:focus:not(:focus-visible){outline:0}.cg-fishbowl:hover{text-decoration:none}.cg-fishbowl .cg-fishbowl-description{margin-right:.5rem;text-align:right;font-size:.75rem;line-height:1.33;display:flex;align-items:flex-end;flex-direction:column;justify-content:space-around}.cg-fishbowl .cg-fishbowl-user-name{color:#353535;display:inline-block;padding-top:.25rem;white-space:nowrap}.cg-fishbowl .cg-fishbowl-user-name:only-child{padding:.5rem 0}.cg-fishbowl .cg-fishbowl-organization-name{color:#757575;display:inline-block;padding-bottom:.25rem;white-space:nowrap}.cg-fishbowl .cg-fishbowl-thumbs{align-items:center;display:flex;line-height:0}.cg-fishbowl .cg-fishbowl-user-thumb{display:inline-block;margin:.25rem 0}.cg-fishbowl .cg-fishbowl-organization-thumb{display:inline-block;border-radius:50%;border:.125rem solid #fff;margin:0 0 0 -.625rem;line-height:0}@media (max-width:37.4375rem){.cg-fishbowl{padding:0 .5rem}.cg-fishbowl .cg-fishbowl-organization-thumb{display:none}}.cg-client-switcher,.cg-client-switcher *,.cg-client-switcher ::after,.cg-client-switcher ::before{box-sizing:border-box}.cg-client-switcher{font-family:inherit;cursor:pointer}.cg-client-switcher .cg-client-switcher-hover-display-on,.cg-client-switcher:hover .cg-client-switcher-hover-display-off{display:none}.cg-client-switcher:hover .cg-client-switcher-hover-display-on{display:inline-block}.cg-client-switcher .cg-client-switcher-default-icon,.cg-client-switcher .cg-client-switcher-hover-icon{border-radius:50%;width:2rem;height:2rem;overflow:hidden}.cg-client-switcher .cg-client-switcher-hover-icon{border:.125rem solid #005b92;background:#005b92}.cg-client-switcher .cg-client-switcher-hover-icon [data-e2e=cg-icon]{margin:.375rem 0 0;font-size:1rem;color:#fff}.cg-client-switcher .cg-client-switcher-default-icon{border:.125rem solid #dadada;background:#dadada}.cg-client-switcher .cg-client-switcher-default-icon [data-e2e=cg-icon]{margin:.25rem 0 0 .375rem;font-size:1.75rem;color:#757575}#cogen-theme-private,.cg-client-switcher-button:hover [data-e2e=cg-client-switcher-icon] .cg-client-switcher-hover-display-off,.cg-client-switcher-icon .cg-client-switcher-hover-display-on{display:none}.cg-client-switcher-icon .cg-client-switcher-default-icon,.cg-client-switcher-icon .cg-client-switcher-hover-icon{width:2rem;height:2rem;border-radius:50%;overflow:hidden}.cg-client-switcher-icon .cg-client-switcher-default-icon [data-e2e=cg-icon],.cg-client-switcher-icon .cg-client-switcher-hover-icon [data-e2e=cg-icon]{font-size:1rem}.cg-client-switcher-icon .cg-client-switcher-hover-icon{border:0;background:#003d61}.cg-client-switcher-icon .cg-client-switcher-hover-icon [data-e2e=cg-icon]{margin:.5rem 0;color:#fff}.cg-client-switcher-icon .cg-client-switcher-default-icon{border:.0625rem solid #dadada;background:#fff}.cg-client-switcher-icon .cg-client-switcher-default-icon [data-e2e=cg-icon]{margin:.4375rem 0;color:#353535}@media (max-width:37.4375rem){.cg-client-switcher-icon{padding:.0625rem 0}.cg-client-switcher-icon .cg-client-switcher-default-icon{background:0 0;border:0}}.cg-client-switcher-button,.cg-client-switcher-button *,.cg-client-switcher-button ::after,.cg-client-switcher-button ::before{box-sizing:border-box}.cg-client-switcher-button{font-family:inherit;display:flex}.cg-client-switcher-button [data-e2e=cg-fishbowl-button] [data-e2e=cg-avatar-image]{height:2rem;width:2rem}.cg-client-switcher-button:hover [data-e2e=cg-client-switcher-icon] .cg-client-switcher-hover-display-on{display:inline-block}@media (max-width:37.4375rem){.cg-client-switcher-button [data-e2e=cg-fishbowl-button]{padding:0 .25rem}.cg-client-switcher-button:hover [data-e2e=cg-client-switcher-icon] .cg-client-switcher-hover-display-off{display:inline-block}.cg-client-switcher-button:hover [data-e2e=cg-client-switcher-icon] .cg-client-switcher-hover-display-on{display:none}}.cg-modal-header{background-color:var(--cg-modal-header-background-color, #fff);padding:3rem 1rem 1rem;position:relative}.cg-modal-header.has-border-bottom-mobile{border-bottom:.0625rem solid var(--cg-modal-header-border-bottom-color, #dadada)}@media (min-width:37.5rem){.cg-modal-header.has-border-bottom-mobile{border-bottom:none}.cg-modal-header{padding:3rem 2rem 1.5rem}}.cg-modal-header .cg-modal-title{color:var(--cg-modal-title-text-color, #353535);font-size:1.25rem;font-weight:500;line-height:1.3;margin:0}.cg-modal-header .cg-modal-header-buttons{display:flex;position:absolute;right:0;top:0}.cg-modal-header .cg-modal-expand{position:absolute;right:3rem;top:0}.cg-modal-header [data-e2e=cg-fullscreen-button]{display:none}@media (min-width:37.5rem){.cg-modal-header [data-e2e=cg-fullscreen-button]{display:block}}.cg-modal-body{overflow-y:auto;padding:0 1rem 1rem;position:relative;flex-grow:1}@media (min-width:37.5rem){.cg-modal-body{padding:0 2rem 1.5rem}}.cg-modal-body>:last-child{margin-bottom:0}.cg-modal-body.cg-is-horizontal{display:flex}.cg-modal-body-tabbed{overflow-y:auto;padding:0 0 1rem;position:relative;flex-grow:1}@media (min-width:37.5rem){.cg-modal-body-tabbed{padding:0 0 1.5rem}}.cg-example .cg-example-set-sources pre:last-child,.cg-modal-body-tabbed>:last-child{margin-bottom:0}.cg-modal-body-tabbed [data-e2e=cg-tabs-ctx] .cg-tabs{border-bottom:.0625rem solid #dadada;padding:0 1rem}.cg-modal-body-tabbed [data-e2e=cg-tabs-ctx] .cg-tab-panel{margin:0 2rem}.cg-modal-footer{background:var(--cg-modal-footer-background-color, #f6f6f6);padding:1rem}.cg-modal,.cg-modal *,.cg-modal ::after,.cg-modal ::before{box-sizing:border-box}.cg-modal{font-family:inherit;align-items:center;bottom:0;display:none;justify-content:center;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1060}.cg-modal.cg-modal-opened{display:flex}.cg-modal .cg-fullscreen-mobile-open .cg-modal-content{margin:0;max-height:100vh;height:100vh;max-height:-webkit-fill-available;max-height:100dvh}.cg-modal .cg-modal-content,.cg-modal .cg-modal-overlay{width:100%;opacity:1;transition-delay:0ms;will-change:auto}.cg-modal .cg-modal-overlay{background-color:var(--cg-modal-overlay-color, rgba(0, 0, 0, 0.5));height:100%;left:0;position:absolute;top:0;transition:opacity 300ms linear}.cg-modal.cg-element-hidden .cg-modal-content{opacity:0;transform:translateY(7.5rem)}.cg-modal.cg-element-hidden .cg-modal-overlay{opacity:0}.cg-modal [data-e2e=cg-fullscreen] [data-e2e=cg-modal-header] .cg-fullscreen-button-expand{display:inline-block}.cg-modal [data-e2e=cg-fullscreen] [data-e2e=cg-modal-header] .cg-fullscreen-button-collapse,.cg-modal [data-e2e=cg-fullscreen].cg-fullscreen-open-end [data-e2e=cg-modal-header] .cg-fullscreen-button-expand{display:none}.cg-modal [data-e2e=cg-fullscreen].cg-fullscreen-open-end .cg-modal-content{margin:0;max-height:100vh;max-height:100dvh}.cg-modal [data-e2e=cg-fullscreen].cg-fullscreen-open-end [data-e2e=cg-modal-header] .cg-fullscreen-button-collapse{display:inline-block}.cg-modal .cg-modal-content{background:var(--cg-modal-content-background-color, #fff);box-shadow:0 .75rem 1.5rem 0 var(--cg-modal-content-box-shadow-color, rgba(0, 0, 0, 0.1));position:relative;margin:1rem;display:flex;flex-direction:column;max-height:calc(100vh - 2rem);transform:translateY(0);transition:transform 200ms cubic-bezier(.4,0,.2,1);transition-property:opacity,transform}.cg-modal .cg-fullscreen-mobile-scrolled [data-e2e=cg-modal-header]{padding:1rem;border-bottom:.0625rem solid var(--cg-modal-header-border-bottom-color, #dadada);box-shadow:0 .75rem 1.5rem 0 var(--cg-modal-content-box-shadow-color, rgba(0, 0, 0, 0.1))}.cg-modal .cg-fullscreen-mobile-scrolled [data-e2e=cg-modal-header] [data-e2e=cg-modal-title]{font-size:.875rem;line-height:1.1}.cg-modal modal-body,.cg-modal modal-body-tabbed{overflow-y:auto;flex-grow:1}.cg-modal modal-body [data-e2e=cg-modal-body],.cg-modal modal-body-tabbed [data-e2e=cg-modal-body]{height:100%}.cg-modal :focus:not(:focus-visible){outline:0}@font-face{font-family:"Fira Sans";font-style:italic;font-weight:400;src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Italic.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Italic.woff) format("woff");font-display:swap}@font-face{font-family:"Fira Sans";font-weight:300;src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Light.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Light.woff) format("woff");font-display:swap}@font-face{font-family:"Fira Sans";font-style:italic;font-weight:300;src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-LightItalic.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-LightItalic.woff) format("woff");font-display:swap}@font-face{font-family:"Fira Sans";font-weight:500;src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Medium.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Medium.woff) format("woff");font-display:swap}@font-face{font-family:"Fira Sans";font-style:italic;font-weight:500;src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-MediumItalic.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-MediumItalic.woff) format("woff");font-display:swap}@font-face{font-family:"Fira Sans";font-weight:400;src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Regular.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/typography/assets/FiraSans-Regular.woff) format("woff");font-display:swap}html{font-family:"Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif;color:#232323;font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}.cg-field-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;white-space:normal}.cg-field-label{color:var(--cg-form-field-label-text-color, #353535);font-weight:500;display:flex;margin-bottom:.25rem}.cg-field-label.cg-field-label-hidden{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cg-field-body{align-items:flex-start;display:flex;flex-direction:column;position:relative;flex:1}.cg-field-body.cg-search-field{font-size:1rem;line-height:0}.cg-field-body.cg-has-prefilter{display:flex;flex-wrap:wrap}.cg-field-body.cg-has-prefilter[data-e2e=cg-field-body] input[type=search]{padding-left:4rem}.cg-field-required-indicator{color:var(--cg-form-field-required-indicator-text-color, #e5202e);margin-left:.5rem;display:inline}form-field-required-indicator.cg{display:inline}.cg-field-tip{margin-bottom:.25rem;flex-basis:auto;flex-grow:0;flex-shrink:1;font-weight:400}.cg-field-error{color:var(--cg-form-field-error-text-color, #e5202e);margin-top:.25rem;flex:0 0 100%}.cg-field,.cg-field *,.cg-field ::after,.cg-field ::before{box-sizing:border-box}.cg-field input,.cg-field optgroup,.cg-field select,.cg-field textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}[data-field-inlay-items="1"].cg-field.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="1"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:3rem}[data-field-inlay-items="1"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="1"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:2rem}[data-field-inlay-items="1"].cg-field.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="1"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:.5rem;padding-left:2.75rem}[data-field-inlay-items="1"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="1"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:0}[data-field-inlay-items="1"].cg-field.cg-field-secondary.cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="1"].cg-field:not(.cg-field-secondary).cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-left:2rem}[data-field-inlay-items="2"].cg-field.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="2"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:5.5rem}[data-field-inlay-items="2"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="2"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:4rem}[data-field-inlay-items="2"].cg-field.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="2"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:3rem;padding-left:2.75rem}[data-field-inlay-items="2"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="2"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:2rem}[data-field-inlay-items="2"].cg-field.cg-field-secondary.cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="2"].cg-field:not(.cg-field-secondary).cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-left:2rem}[data-field-inlay-items="3"].cg-field.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="3"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:8rem}[data-field-inlay-items="3"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="3"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:6rem}[data-field-inlay-items="3"].cg-field.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="3"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:5.5rem;padding-left:2.75rem}[data-field-inlay-items="3"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="3"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:4rem}[data-field-inlay-items="3"].cg-field.cg-field-secondary.cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="3"].cg-field:not(.cg-field-secondary).cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-left:2rem}[data-field-inlay-items="4"].cg-field.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="4"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:10.5rem}[data-field-inlay-items="4"].cg-field.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="4"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="4"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] input,[data-field-inlay-items="4"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:8rem}[data-field-inlay-items="4"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="4"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:6rem}[data-field-inlay-items="4"].cg-field.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="4"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-left:2.75rem}[data-field-inlay-items="4"].cg-field.cg-field-secondary.cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="4"].cg-field:not(.cg-field-secondary).cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-left:2rem}[data-field-inlay-items="5"].cg-field.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="5"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:13rem}[data-field-inlay-items="5"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] input,[data-field-inlay-items="5"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-right:10rem}[data-field-inlay-items="5"].cg-field.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="5"].cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:10.5rem;padding-left:2.75rem}[data-field-inlay-items="5"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="5"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-right:8rem}[data-field-inlay-items="5"].cg-field.cg-field-secondary.cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search],[data-field-inlay-items="5"].cg-field:not(.cg-field-secondary).cg-field-small [data-e2e=cg-field-body] .cg-field-inlay-left+input[type=search]{padding-left:2rem}[data-field-inlay-items="1"].cg-field:not(.cg-field-secondary):not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="1"].cg-field:not(.cg-field-secondary):not(.cg-field-small) select{padding-right:2.6875rem}[data-field-inlay-items="1"].cg-field.cg-field-secondary:not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="1"].cg-field.cg-field-secondary:not(.cg-field-small) select{padding-right:2.5rem}[data-field-inlay-items="1"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-multiselect-body],[data-field-inlay-items="1"].cg-field.cg-field-small:not(.cg-field-secondary) select{padding-right:1.9375rem}[data-field-inlay-items="1"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-multiselect-body],[data-field-inlay-items="1"].cg-field.cg-field-small.cg-field-secondary select{padding-right:2rem}[data-field-inlay-items="2"].cg-field:not(.cg-field-secondary):not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="2"].cg-field:not(.cg-field-secondary):not(.cg-field-small) select{padding-right:5.1875rem}[data-field-inlay-items="2"].cg-field.cg-field-secondary:not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="2"].cg-field.cg-field-secondary:not(.cg-field-small) select{padding-right:5rem}[data-field-inlay-items="2"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-multiselect-body],[data-field-inlay-items="2"].cg-field.cg-field-small:not(.cg-field-secondary) select{padding-right:3.9375rem}[data-field-inlay-items="2"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-multiselect-body],[data-field-inlay-items="2"].cg-field.cg-field-small.cg-field-secondary select{padding-right:4rem}[data-field-inlay-items="3"].cg-field:not(.cg-field-secondary):not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="3"].cg-field:not(.cg-field-secondary):not(.cg-field-small) select{padding-right:7.6875rem}[data-field-inlay-items="3"].cg-field.cg-field-secondary:not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="3"].cg-field.cg-field-secondary:not(.cg-field-small) select{padding-right:7.5rem}[data-field-inlay-items="3"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-multiselect-body],[data-field-inlay-items="3"].cg-field.cg-field-small:not(.cg-field-secondary) select{padding-right:5.9375rem}[data-field-inlay-items="3"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-multiselect-body],[data-field-inlay-items="3"].cg-field.cg-field-small.cg-field-secondary select{padding-right:6rem}[data-field-inlay-items="4"].cg-field:not(.cg-field-secondary):not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="4"].cg-field:not(.cg-field-secondary):not(.cg-field-small) select{padding-right:10.1875rem}[data-field-inlay-items="4"].cg-field.cg-field-secondary:not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="4"].cg-field.cg-field-secondary:not(.cg-field-small) select{padding-right:10rem}[data-field-inlay-items="4"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-multiselect-body],[data-field-inlay-items="4"].cg-field.cg-field-small:not(.cg-field-secondary) select{padding-right:7.9375rem}[data-field-inlay-items="4"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-multiselect-body],[data-field-inlay-items="4"].cg-field.cg-field-small.cg-field-secondary select{padding-right:8rem}[data-field-inlay-items="5"].cg-field:not(.cg-field-secondary):not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="5"].cg-field:not(.cg-field-secondary):not(.cg-field-small) select{padding-right:12.6875rem}[data-field-inlay-items="5"].cg-field.cg-field-secondary:not(.cg-field-small) [data-e2e=cg-multiselect-body],[data-field-inlay-items="5"].cg-field.cg-field-secondary:not(.cg-field-small) select{padding-right:12.5rem}[data-field-inlay-items="5"].cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-multiselect-body],[data-field-inlay-items="5"].cg-field.cg-field-small:not(.cg-field-secondary) select{padding-right:9.9375rem}[data-field-inlay-items="5"].cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-multiselect-body],[data-field-inlay-items="5"].cg-field.cg-field-small.cg-field-secondary select{padding-right:10rem}.cg-field{color:var(--cg-form-field-text-color, #757575);font-size:.875rem;line-height:1.29;margin-bottom:1rem}.cg-field [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field [data-e2e=cg-field-body] input,.cg-field [data-e2e=cg-field-body] select,.cg-field [data-e2e=cg-field-body] textarea{background-color:var(--cg-form-field-background-color, #fff);border:.0625rem solid var(--cg-form-field-border-color, #757575);border-radius:0;color:var(--cg-form-field-input-text-color, #232323);font-size:1rem;line-height:1.25;width:100%}.cg-field [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field [data-e2e=cg-field-body] input:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field [data-e2e=cg-field-body] select:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field [data-e2e=cg-field-body] textarea:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]){border-color:var(--cg-form-field-input-hover-border-color, #005b92)}.cg-field [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body].cg-is-active,.cg-field [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:focus,.cg-field [data-e2e=cg-field-body] input.cg-is-active,.cg-field [data-e2e=cg-field-body] input:focus,.cg-field [data-e2e=cg-field-body] select.cg-is-active,.cg-field [data-e2e=cg-field-body] select:focus,.cg-field [data-e2e=cg-field-body] textarea.cg-is-active,.cg-field [data-e2e=cg-field-body] textarea:focus{border-color:var(--cg-form-field-input-focus-border-color, #000)}.cg-field [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field [data-e2e=cg-field-body] input,.cg-field [data-e2e=cg-field-body] select{height:2.5rem;padding-bottom:0;padding-top:0}.cg-field [data-e2e=cg-field-body] textarea{padding-bottom:.5625rem;padding-top:.5625rem}.cg-field [data-e2e=cg-field-body] input::placeholder,.cg-field [data-e2e=cg-field-body] textarea::placeholder{opacity:1;color:var(--cg-form-field-placeholder-color, #474747);font-weight:300}.cg-field [data-e2e=cg-field-body] input[readonly],.cg-field [data-e2e=cg-field-body] textarea[readonly]{background-color:var(--cg-form-field-input-readonly-background-color, #ededed)}.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:focus,.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input:focus,.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] select:focus,.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] textarea:focus{box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-input-focus-border-color, #000);outline:0}.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] select:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] textarea:hover:not(:focus):not(:disabled):not(.cg-is-active):not([readonly]){box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-input-hover-border-color, #005b92)}.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] input,.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] textarea{padding-left:.9375rem;padding-right:.9375rem}.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] select{padding-left:.9375rem;padding-right:2.9375rem}.cg-field:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body].cg-is-active{box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-input-focus-border-color, #000);outline:0}.cg-field:not(.cg-field-small) input,.cg-field:not(.cg-field-small) select,.cg-field:not(.cg-field-small) textarea{font-size:1rem}.cg-field.cg-field-extra-large [data-e2e=cg-field-body] input[type=search]{height:3rem}@media (min-width:37.5rem){.cg-field.cg-field-horizontal-choices [data-e2e=cg-field-body]{flex-direction:row;flex-wrap:wrap}.cg-field.cg-field-horizontal-choices [data-e2e=cg-field-choice-label]{margin-right:1rem;padding-bottom:.25rem;padding-top:.25rem}}.cg-field.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:focus,.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:focus,.cg-field.cg-field-secondary [data-e2e=cg-field-body] select:focus{box-shadow:inset 0 -.0625rem 0 0 var(--cg-form-field-input-focus-border-color, #000);outline:0}.cg-field.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:hover:not(:focus):not(:focus-visible):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:hover:not(:focus):not(:focus-visible):not(:disabled):not(.cg-is-active):not([readonly]),.cg-field.cg-field-secondary [data-e2e=cg-field-body] select:hover:not(:focus):not(:focus-visible):not(:disabled):not(.cg-is-active):not([readonly]){box-shadow:inset 0 -.0625rem 0 0 var(--cg-form-field-input-hover-border-color, #005b92)}.cg-field.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body].cg-is-active{box-shadow:inset 0 -.0625rem 0 0 var(--cg-form-field-input-focus-border-color, #000);outline:0}.cg-field.cg-field-secondary [data-e2e=cg-field-body] select{padding-right:2.5rem}.cg-field.cg-search-field-big-button{display:flex;flex-direction:row}.cg-field.cg-search-field-big-button [data-e2e=cg-field-body],.cg-field.cg-search-field-big-button form-field-body-private,.cg-pagination-bar pagination-bar-left,footer-bottom-list.cg{flex-grow:1}.cg-field.cg-field-success [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-success [data-e2e=cg-field-body] input:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-success [data-e2e=cg-field-body] select:not(:hover):not(:focus):not(.cg-is-active){border-color:var(--cg-form-field-success-color, #648d18)}.cg-field.cg-field-success:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-success:not(.cg-field-secondary) [data-e2e=cg-field-body] input:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-success:not(.cg-field-secondary) [data-e2e=cg-field-body] select:not(:hover):not(:focus):not(.cg-is-active){box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-success-color, #648d18)}.cg-field.cg-field-success.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-success.cg-field-secondary [data-e2e=cg-field-body] input:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-success.cg-field-secondary [data-e2e=cg-field-body] select:not(:hover):not(:focus):not(.cg-is-active){box-shadow:inset 0 -.0625rem 0 0 var(--cg-form-field-success-color, #648d18)}.cg-field.cg-field-success.cg-field-secondary:not(.cg-field-custom-select) .cg-field-inlay{margin:0}.cg-field.cg-field-success.cg-field-secondary:not(.cg-field-custom-select) .cg-field-icon.cg-field-check-mark-icon{padding:0}.cg-field.cg-field-errored [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored [data-e2e=cg-field-body] input:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored [data-e2e=cg-field-body] select:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored [data-e2e=cg-field-body] textarea:not(:hover):not(:focus):not(.cg-is-active){border-color:var(--cg-form-field-errored-color, #e5202e)}.cg-field.cg-field-errored:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored:not(.cg-field-secondary) [data-e2e=cg-field-body] input:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored:not(.cg-field-secondary) [data-e2e=cg-field-body] select:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored:not(.cg-field-secondary) [data-e2e=cg-field-body] textarea:not(:hover):not(:focus):not(.cg-is-active){box-shadow:inset 0 0 0 .0625rem var(--cg-form-field-errored-color, #e5202e)}.cg-field.cg-field-errored.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored.cg-field-secondary [data-e2e=cg-field-body] input:not(:hover):not(:focus):not(.cg-is-active),.cg-field.cg-field-errored.cg-field-secondary [data-e2e=cg-field-body] select:not(:hover):not(:focus):not(.cg-is-active){box-shadow:inset 0 -.0625rem 0 0 var(--cg-form-field-errored-color, #e5202e)}.cg-field.cg-field-is-disabled{opacity:.5;pointer-events:none}.cg-field.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:focus,.cg-field.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body]:hover,.cg-field.cg-field-secondary [data-e2e=cg-field-body] input,.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:focus,.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:hover,.cg-field.cg-field-secondary [data-e2e=cg-field-body] select,.cg-field.cg-field-secondary [data-e2e=cg-field-body] select:focus,.cg-field.cg-field-secondary [data-e2e=cg-field-body] select:hover{border-left-width:0;border-right-width:0;border-top-width:0;padding-left:0}.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:not([type=search]),.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:not([type=search]):focus,.cg-field.cg-field-secondary [data-e2e=cg-field-body] input:not([type=search]):hover{padding-right:0}.cg-field .cg-prefilter-button-suggestions{height:100%}.cg-field.cg-field-extra-large .cg-prefilter-button{top:.25rem;left:.25rem}.cg-field.cg-field-extra-large .cg-prefilter-button-suggestions{top:.125rem;left:0;height:2.75rem}.cg-field.cg-field-small [data-e2e=cg-field-choice-label]{font-size:.875rem;line-height:1.29}.cg-field.cg-field-small [data-e2e=cg-field-choice-label] .cg-field-choice-box{margin:.0625rem 0}.cg-field.cg-field-small [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field.cg-field-small [data-e2e=cg-field-body] input,.cg-field.cg-field-small [data-e2e=cg-field-body] select{font-size:.875rem;line-height:1.29;height:2rem}.cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] input{padding-left:.4375rem;padding-right:.4375rem}.cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field.cg-field-small:not(.cg-field-secondary) [data-e2e=cg-field-body] select{padding-left:.4375rem;padding-right:1.9375rem}.cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] [data-e2e=cg-multiselect-body],.cg-field.cg-field-small.cg-field-secondary [data-e2e=cg-field-body] select{padding-right:2rem}.cg-field.cg-field-small [data-e2e=cg-field-body] textarea{font-size:.875rem;line-height:1.29;height:5.625rem;padding:.375rem .4375rem}.cg-field .cg-field-inlay,.cg-field .cg-field-inlay-left{position:absolute;top:0;bottom:0;display:flex;align-items:center}.cg-field .cg-field-inlay .cg-field-button:focus-visible,.cg-field .cg-field-inlay-left .cg-field-button:focus-visible,.cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-field .cg-field-inlay .cg-field-button:focus:not(:focus-visible),.cg-field .cg-field-inlay-left .cg-field-button:focus:not(:focus-visible){outline:0}.cg-field .cg-field-inlay .cg-field-button:active,.cg-field .cg-field-inlay .cg-field-button:hover,.cg-field .cg-field-inlay-left .cg-field-button:active,.cg-field .cg-field-inlay-left .cg-field-button:hover{background-color:transparent}.cg-field .cg-field-inlay .cg-field-button.cg-input-hidden,.cg-field .cg-field-inlay-left .cg-field-button.cg-input-hidden{display:none}.cg-field .cg-field-inlay .cg-field-icon,.cg-field .cg-field-inlay-left .cg-field-icon{font-size:1rem;line-height:0;padding:.75rem;color:var(--cg-field-icon-color, #353535)}.cg-field .cg-field-inlay .cg-field-icon.cg-field-check-mark-icon,.cg-field .cg-field-inlay-left .cg-field-icon.cg-field-check-mark-icon{color:var(--cg-form-field-success-color, #648d18)}.cg-field .cg-field-inlay-left{left:0}.cg-field .cg-field-inlay{right:0;margin:0 .25rem}.cg-field.cg-field-small .cg-field-inlay{margin:0}.cg-field.cg-field-small .cg-field-inlay .cg-field-icon{padding:.5rem}.cg-field.cg-field-small .cg-field-choice-description{height:1rem;line-height:1rem;font-size:.75rem}.cg-field.cg-field-is-disabled textarea,.cg-field.cg-field-textarea.cg-field-is-disabled{pointer-events:auto}.cg-field.cg-field-small [data-e2e=cg-field-select-container]::after{padding:.5rem;right:0}.cg-field.cg-field-secondary [data-e2e=cg-field-select-container]::after{right:0}.cg-field.cg-field-secondary .cg-field-inlay,.cg-field.cg-field-small:not(.cg-field-secondary) .cg-field-inlay{margin-right:0}.cg-field [data-e2e=cg-field-body] [data-e2e=cg-field-choice-label] input[type=checkbox],.cg-field [data-e2e=cg-field-body] [data-e2e=cg-field-choice-label] input[type=radio]{height:1rem;width:1rem;padding:0;margin:0}.cg-field .cg-search-button{height:3rem;position:relative}.cg-field .cg-search-button [data-e2e=cg-icon]{margin-right:.5rem}.cg-field-select-container,.cg-input-field-container{width:100%}.cg-input-field-container input{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;appearance:none;background-color:transparent;-webkit-appearance:none!important;-webkit-border-radius:0!important;border-radius:0}.cg-input-field-container input[type=search]{box-sizing:border-box;-webkit-appearance:textfield}.cg-input-field-container input::-ms-clear,.cg-input-field-container input[type=search]::-ms-clear{display:none}.cg-input-field-container input[type=search]::-webkit-search-cancel-button,.cg-input-field-container input[type=search]::-webkit-search-decoration{-webkit-appearance:none}.cg-field-select-container .cg-field-inlay{pointer-events:none}.cg-field-select-container select{-webkit-appearance:none}.cg-field-select-container select::-ms-expand{display:none}.cg-field-select-container select:-moz-focusring{text-shadow:0 0 0 #232323;color:transparent}.cg-field-select-container select:invalid{color:#474747;font-weight:300}.cg-input-field-container .cg-prefilter-button{color:var(--cg-search-field-prefilter-button-text-color, #353535);position:absolute;width:2.5rem;height:2.5rem;border:0;background:0 0;cursor:pointer;left:.1875rem}.cg-input-field-container .cg-prefilter-button:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-input-field-container .cg-prefilter-button:focus:not(:focus-visible){outline:0}.cg-input-field-container .cg-prefilter-button:hover{color:var(--cg-search-field-prefilter-button-hover-text-color, #005b92)}.cg-input-field-container .cg-prefilter-button [data-e2e=cg-icon]:nth-child(2),.cg-input-field-container .cg-prefilter-button iconsvg:nth-child(2){display:none}.cg-input-field-container .cg-prefilter-button:active [data-e2e=cg-icon]:first-child:not(:only-child),.cg-input-field-container .cg-prefilter-button:active iconsvg:not(:only-of-type){display:none}.cg-input-field-container .cg-prefilter-button:active [data-e2e=cg-icon]:nth-child(2),.cg-input-field-container .cg-prefilter-button:active [data-e2e=cg-icon]:nth-last-child(2),.cg-input-field-container .cg-prefilter-button:active iconsvg:nth-child(2){display:inline-block}.cg-input-field-container .cg-prefilter-button:after{content:" ";height:1.5rem;width:.0625rem;position:absolute;background:var(--cg-search-field-prefilter-button-bar-background-color, #dadada);right:-.1875rem;display:block;top:.5rem}.cg-input-field-container .cg-field-inlay-zero-margin-right{margin-right:0}.cg-input-field-container .cg-field-inlay-extra-padding-right.cg-field-inlay-extra-padding-right.cg-field-inlay-extra-padding-right{padding-right:.75rem}.cg-input-field-container .cg-field-inlay-extra-vertical-padding.cg-field-inlay-extra-vertical-padding.cg-field-inlay-extra-vertical-padding{padding-top:.75rem;padding-bottom:.75rem}.cg-input-field-container .cg-field-password-toggle-button{border:0;height:auto;padding:0;position:absolute;top:-1.4rem;right:0}.cg-file-upload-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;margin-bottom:.25rem}.cg-file-upload-list [data-e2e=cg-file-upload-list-item]:not(:last-of-type),.cg-file-upload-list file-upload-list-item-private:not(:last-of-type){margin-bottom:.5rem}.cg-pill-ctx *,.cg-pill-ctx ::after,.cg-pill-ctx ::before{box-sizing:border-box}.cg-pill-ctx.cg-element-hidden .cg-pill>span:not([data-e2e=cg-icon])+[data-e2e=cg-icon],.cg-pill-ctx.cg-element-hidden .cg-pill>span:not([data-e2e=cg-icon])+iconsvg{animation:200ms cubic-bezier(.4,0,.2,1) cg-pill-icon-disappear forwards}.cg-pill-ctx.cg-element-hidden .cg-pill span:not([data-e2e=cg-icon]){animation:150ms 50ms cubic-bezier(.4,0,.2,1) cg-pill-text-disappear forwards;white-space:nowrap;overflow:hidden;text-overflow:clip}.cg-pill-ctx.cg-element-hidden .cg-pill{animation:200ms 100ms cubic-bezier(.4,0,.2,1) cg-pill-disappear forwards}.cg-pill-ctx{box-sizing:border-box;display:inline-block}.cg-pill-ctx .cg-pill{position:relative;font-family:inherit;display:flex;align-content:center;align-items:center;background-color:#ededed;border:0;border-radius:1rem;color:#353535;font-size:.875rem;line-height:1;padding:0 .375rem;height:2rem;max-width:100vw}.cg-pill-ctx .cg-pill sr-only{display:contents}.cg-pill-ctx .cg-pill.cg-is-small{height:1.5rem}.cg-pill-ctx .cg-pill.cg-is-small span:not([data-e2e=cg-icon]){line-height:1.71}.cg-pill-ctx .cg-pill:hover{background-color:#dadada;color:#353535;cursor:pointer}.cg-pill-ctx .cg-pill:focus-visible,a.cg-logo-container.cg-logo-footer:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-pill-ctx .cg-pill:focus:not(:focus-visible),a.cg-logo-container.cg-logo-footer:focus:not(:focus-visible){outline:0}.cg-pill-ctx .cg-pill:disabled{opacity:.5;pointer-events:none}.cg-pill-ctx .cg-pill [data-e2e=cg-icon]{font-size:inherit;margin-left:.1875rem}.cg-pill-ctx .cg-pill .cg-spin [data-e2e=cg-icon]{margin-left:0}.cg-pill-ctx .cg-pill span:not([data-e2e=cg-icon]):not(.cg-spin):not(.cg-icon-cdn){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0 .375rem;line-height:1}.cg-pill-ctx .cg-pill span:not([data-e2e=cg-icon])+[data-e2e=cg-icon],.cg-pill-ctx .cg-pill span:not([data-e2e=cg-icon])+iconsvg [data-e2e=cg-icon]{margin-right:.1875rem;margin-left:0}.cg-file-upload-list-item .cg-spin{margin-right:.1875rem}.cg-file-upload-list-item .cg-pill-ctx .cg-pill [data-e2e=cg-icon]{font-size:1rem}.cg-file-upload-list-item.cg-field-file-error .cg-pill-ctx .cg-pill{color:#e5202e;border:.0625rem solid #e5202e;background-color:#fff;padding-right:1.5625rem;padding-left:.3125rem}.cg-file-upload-list-item.cg-field-file-error .cg-pill-ctx .cg-pill:focus,.cg-file-upload-list-item.cg-field-file-error .cg-pill-ctx .cg-pill:hover{background-color:#fff;color:#e5202e}.cg-file-upload-list-item:hover{text-decoration:none}.cg-file-upload-list-item:focus{box-shadow:0 0 0 .125rem #000;outline:0}.cg-file-upload-list-item:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] .cg-submenu-target:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-file-upload-description{margin-bottom:.5rem}.cg-drag-and-drop-upload .cg-drag-and-drop-description input[type=file],.cg-file-upload-field-container input[type=file]{border:0;clip:rect(0,0,0,0);height:.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:.0625rem}.cg-file-upload-field-container .cg-field-input-file-label{display:inline-block;align-self:flex-start;margin-bottom:1rem}.cg-file-upload-field-container .cg-field-input-file-text{transition:color 300ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;transition-property:color,background-color,border;will-change:auto;appearance:none;border-radius:0;border:.0625rem solid var(--cg-button-ghost-border-color, #005b92);box-sizing:border-box;display:inline-block;font-size:.875rem;font-weight:400;line-height:1.29;padding:.375rem 1rem;-webkit-tap-highlight-color:transparent;text-align:center;touch-action:manipulation;vertical-align:middle;background-color:transparent;color:var(--cg-button-ghost-text-color, #005b92)}.cg-file-upload-field-container .cg-field-input-file-text:hover{background-color:var(--cg-button-ghost-hover-background-color, #003d61);border-color:var(--cg-button-ghost-hover-border-color, #003d61);color:var(--cg-button-ghost-hover-text-color, #fff)}.cg-file-upload-field-container .cg-field-input-file-text:focus{color:var(--cg-button-ghost-text-color, #005b92)}.cg-file-upload-field-container .cg-field-input-file-text:focus:hover{color:var(--cg-button-ghost-hover-text-color, #fff)}.cg-file-upload-field-container input[type=file]:focus-visible+.cg-field-input-file-text{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem;z-index:1}.cg-file-upload-field-container input[type=file][disabled]+.cg-field-input-file-text{cursor:default;opacity:.5}.cg-file-upload-field-container input[type=file][disabled]+.cg-field-input-file-text:hover{background-color:transparent;color:#007ac3}.cg-textarea-field-container{width:100%;display:flex}.cg-textarea-field-container textarea{height:8.625rem;overflow-y:auto;resize:vertical;white-space:pre-wrap}.cg-switch,.cg-switch *,.cg-switch ::after,.cg-switch ::before{box-sizing:border-box}.cg-switch{font-family:inherit;align-items:center;display:inline-flex;font-size:.875rem;height:1.5rem;position:relative}.cg-switch .cg-switch-focus-placeholder{pointer-events:none;position:absolute;left:0;top:0;bottom:0;right:0}.cg-switch .cg-switch-checkbox{opacity:0;position:absolute}.cg-switch .cg-switch-checkbox:checked~.cg-switch-base{background-color:#007ac3}.cg-switch .cg-switch-checkbox:checked~.cg-switch-base::after{transform:translateX(1rem)}.cg-switch .cg-switch-checkbox:focus-visible~.cg-switch-focus-placeholder{outline:.125rem solid #000}.cg-switch .cg-switch-checkbox:disabled~.cg-switch-base{opacity:.5;pointer-events:none}.cg-switch .cg-switch-checkbox:disabled~.cg-switch-base::after{border-color:rgba(163,163,163,.5)}.cg-switch .cg-switch-base{transition:background-color 300ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;will-change:auto;background-color:#a3a3a3;border-radius:.125rem;cursor:pointer;display:inline-block;height:.25rem;position:relative;width:2rem;flex-shrink:0}.cg-switch .cg-switch-base::after{transition:transform 100ms cubic-bezier(.4,0,1,1);transition-delay:0ms;will-change:auto;background-color:#fff;border:.0625rem solid #a3a3a3;border-radius:50%;box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1);content:"";display:inline-block;position:absolute;height:1rem;left:0;top:-.375rem;width:1rem;pointer-events:auto}.cg-switch .cg-switch-text{cursor:pointer;display:inline-flex;margin:0 .5rem}.cg-switch.cg-switch-large .cg-switch-base{width:3rem}.cg-switch.cg-switch-large .cg-switch-base::after{height:1.5rem;top:-.625rem;width:1.5rem}.cg-switch.cg-switch-large .cg-switch-checkbox:checked~.cg-switch-base::after{transform:translateX(1.5rem)}.cogen-theme-switcher .cogen-theme-switcher-overrides{gap:1rem;display:flex;align-items:center}.cogen-theme-switcher .cogen-theme-switcher-theme-toggle-wrapper{display:flex;align-items:center;gap:.5rem}.cogen-theme-switcher .cogen-theme-switcher-api-name,.cogen-theme-switcher .cogen-theme-switcher-api-row,drag-handle-private.cg{display:flex}.cg-combobox.cg-field-small [data-e2e=cg-menu-wrapper]{width:100%}.cg-combobox.cg-field-small [data-e2e=cg-menu-wrapper] [data-e2e=cg-dropdown-menu]{max-height:11.375rem}.cg-combobox .cg-combobox-cg-mobile-input{padding:0 1rem}.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper]{display:flex;flex-direction:column}.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper] [data-e2e=cg-field],.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper] form-field-private{flex:0 0 auto}.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper] dropdown-menu [data-e2e=cg-dropdown-menu]{height:100%}.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper] [data-e2e=cg-dropdown-menu]{flex:1 1 auto;max-height:initial}.cg-combobox .cg-is-open[data-e2e=cg-menu-wrapper] [data-e2e=cg-close-area]{flex:0 0 auto}.cg-combobox.cg-combobox-desktop [data-e2e=cg-dropdown]{width:100%;display:block}.cg-combobox.cg-combobox-desktop [data-e2e=cg-dropdown] [data-e2e=cg-menu-wrapper]{max-width:none;min-width:auto;width:100%;padding:0}.cg-combobox.cg-combobox-desktop [data-e2e=cg-dropdown] [data-e2e=cg-menu-wrapper] [data-e2e=cg-dropdown-menu]{padding:.25rem 0;max-height:14rem}.cg-combobox.cg-combobox-large [data-e2e=cg-dropdown] [data-e2e=cg-menu-wrapper] [data-e2e=cg-dropdown-menu] [data-e2e=cg-dropdown-menu-item-button]{font-size:1rem;line-height:1.25;height:2.5rem;padding:.4375rem 1rem}.cg-combobox.cg-combobox [data-e2e=cg-dropdown-menu-item-button]{max-width:100%}.cg-drag-and-drop-upload .cg-drag-and-drop,.cg-drag-and-drop-upload .cg-drag-and-drop *,.cg-drag-and-drop-upload .cg-drag-and-drop ::after,.cg-drag-and-drop-upload .cg-drag-and-drop ::before{box-sizing:border-box}.cg-drag-and-drop-upload .cg-drag-and-drop{font-family:inherit;border:.125rem dashed #dadada;width:auto;min-height:20rem;min-width:20rem;display:flex;gap:1rem;flex-direction:column;align-items:center;justify-content:center;font-size:.875rem;line-height:1.29}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-dragging{background-color:#f2f8fc;border-style:solid;border-color:#003d61}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-dragging .cg-drag-and-drop-icon{color:#003d61}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-medium{min-height:6rem;min-width:15rem;gap:.5rem}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-medium .cg-drag-and-drop-icon{font-size:2rem}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-has-files,.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-small{min-height:3rem;min-width:12.5rem;font-size:.75rem;line-height:1.33}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-has-files .cg-drag-and-drop-icon,.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-small .cg-drag-and-drop-icon{display:none}.cg-drag-and-drop-upload .cg-drag-and-drop.cg-is-small+.cg-drag-and-drop-upload-list{padding:.5rem}.cg-drag-and-drop-upload .cg-drag-and-drop-icon{font-size:3rem;line-height:0;color:#757575;pointer-events:none}.cg-drag-and-drop-upload .cg-drag-and-drop-icon [data-e2e=cg-icon]{font-size:inherit}.cg-drag-and-drop-upload .cg-drag-and-drop-description-action{color:#005b92;text-decoration:underline;text-decoration-color:inherit;cursor:pointer}.cg-drag-and-drop-upload .cg-drag-and-drop-description-action:hover{color:#003d61}.cg-drag-and-drop-upload .cg-drag-and-drop-description-label{color:#353535;display:block;font-weight:400;text-align:center}.cg-drag-and-drop-upload .cg-drag-and-drop-description-label:focus-within{outline:#000 solid .125rem}.cg-drag-and-drop-upload .cg-drag-and-drop-description-label:hover .cg-drag-and-drop-description-action{text-decoration:none}.cg-drag-and-drop-upload .cg-drag-and-drop-upload-list{list-style:none;margin:0;padding:0;padding:1rem;border:.0625rem solid #dadada;max-height:20.125rem;overflow-y:auto}.cg-drag-handle{width:1rem;cursor:col-resize;z-index:1;display:flex;align-items:center}.cg-drag-handle:focus,.cg-drag-handle:focus-visible{outline:0}.cg-drag-handle.cg-has-position-absolute{position:absolute;top:0;bottom:0}.cg-example{border:.0625rem solid #007ac3}.cg-example .cg-example-component-wrapper{margin:1rem;overflow-x:auto}.cg-example .cg-example-component{border:.0625rem solid transparent;position:relative}.cg-example .cg-example-component-border{border-color:#007ac3}.cg-example .cg-example-iframe{border:0;display:block;width:100%;overflow:auto}.cg-example .cg-example-source-wrapper{margin-top:.5rem}.cg-example .cg-example-source-hidden,.cg-icon-sprites svg{display:none}.cg-example .cg-example-component-link{white-space:nowrap}.cg-example .cg-example-component-buttons{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap;margin-left:1rem;margin-bottom:1rem}.cg-example .cg-example-set-sources,.cg-footer-main{position:relative}.cg-example .cg-example-set-sources:hover .cg-example-set-sources-hide-code{display:block}.cg-example .cg-example-set-sources-hide-code{display:none;position:absolute;bottom:0;right:0;background:0 0;color:#ccc;cursor:pointer;border:.0625rem solid #ccc}.cg-example .cg-example-component-breakpoints-wrapper{display:flex;margin-bottom:-1.125rem}@media (max-width:63.9375rem){.cg-example .cg-example-component-breakpoints-wrapper{flex-basis:100%}}.cg-footer-main{align-items:flex-start;display:flex;flex-direction:column;flex-wrap:wrap;z-index:1;padding:2.25rem 1rem 2rem}.cg-footer-main::before{background-color:#f6f6f6;content:"";height:100%;left:0;right:0;position:absolute;top:0;z-index:-1}@media screen and (min-width:48rem){.cg-footer-main{align-items:center;flex-direction:row;padding-bottom:.9375rem;padding-top:.9375rem}}@media screen and (min-width:75rem){.cg-footer-main{padding-left:3rem;padding-right:3rem}}@media (min-width:90rem){.cg-footer-main{max-width:90rem;margin:0 auto;padding-left:3.5rem;padding-right:3.5rem}.cg-footer-main:before{left:calc(-50vw + 45rem);right:calc(-50vw + 45rem)}}.cg-footer-item{margin:0}.cg-footer-bottom-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;padding-top:1.75rem}@media screen and (min-width:48rem){.cg-footer-bottom-list{flex-direction:row;flex-grow:1;padding-top:0;padding-left:2rem}}.cg-footer-bottom-list>*+*{margin-top:1rem}@media screen and (min-width:48rem){.cg-footer-bottom-list>*+*{margin-top:0;margin-left:2rem}}.cg-footer-container{display:flex;justify-content:center;background-color:#f6f6f6;min-height:3.5rem}.cg-footer-container-body{width:100%;display:flex;align-items:stretch;flex-direction:column;padding:1.5rem 1rem;gap:1.5rem}.cg-footer-container-body.cg-footer-container-row{flex-direction:row;justify-content:space-between;align-items:center;padding:.75rem 2rem;gap:2rem}.cg-footer-container-body.cg-footer-container-research{max-width:90rem}.cg-footer-container-body.cg-footer-container-research.cg-footer-container-research-s{padding:1.5rem 2rem}.cg-footer-container-body.cg-footer-container-research.cg-footer-container-research-m{padding:1.5rem 3rem}.cg-footer-container-body.cg-footer-container-research.cg-footer-container-row{padding:.75rem 3.5rem}.cg-footer-copyright-wrapper.cg-footer-copyright{color:#474747;margin-bottom:0;margin-top:1rem}@media screen and (min-width:48rem)and (max-width:63.9375rem){.cg-footer-copyright-wrapper.cg-footer-copyright{margin-top:0;padding-top:1.1875rem;padding-bottom:.25rem;width:100%}}.cg-footer-copyright-wrapper.cg-footer-copyright.cg-footer-copyright-from-m{margin-top:0;width:auto}.cg-footer-copyright-wrapper.cg-footer-copyright-info{color:#353535;margin:0}.cg-footer-copyright-wrapper.cg-footer-copyright-info.cg-footer-copyright-row::before,footer-navigation.cg+footer-copyright.cg [data-e2e=cg-footer-copyright].cg-footer-copyright-row::before{content:none}a.cg-logo-container.cg-logo-footer{border:0;cursor:pointer;width:auto;height:auto}.cg-footer-mid{display:flex;flex-wrap:wrap;padding:2rem .5rem;max-width:37.5rem}@media screen and (min-width:48rem){.cg-footer-mid{max-width:64rem}}@media (min-width:64rem){.cg-footer-mid{max-width:75rem}}@media screen and (min-width:75rem){.cg-footer-mid{max-width:90rem;padding-left:2.5rem;padding-right:2.5rem}}@media screen and (min-width:90rem){.cg-footer-mid{max-width:90rem;margin:0 auto;padding-left:3rem;padding-right:3rem}}@media (min-width:64rem){.cg-footer-mid{flex-wrap:nowrap}}.cg-footer-mid-col,footer-middle-column.cg{flex-shrink:1;flex-grow:1;flex-basis:100%;padding-left:.5rem;padding-right:.5rem;max-width:100%}@media screen and (min-width:48rem){.cg-footer-mid-col{max-width:50%;min-width:50%}}@media (min-width:64rem){.cg-footer-mid-col{max-width:25%;min-width:25%}}@media screen and (min-width:48rem){footer-middle-column.cg{max-width:50%;min-width:50%}}@media (min-width:64rem){footer-middle-column.cg{max-width:25%;min-width:25%}}footer-middle-column.cg [data-e2e=cg-footer-mid-col]{min-width:auto;max-width:none;padding:0}.cg-footer-mid-heading{line-height:1.3;color:#fff;font-size:.875rem;font-weight:500;margin-bottom:1rem;margin-top:0}@media screen and (min-width:75rem){.cg-footer-mid-heading{margin-bottom:.5rem}}.cg-footer-mid-item{margin-bottom:1rem}@media screen and (min-width:75rem){.cg-footer-mid-item{margin-bottom:.5rem}}.cg-footer-mid-item:last-child,.cg-footer-mid-nav footer-middle-link:last-child{margin-bottom:2rem}@media (min-width:64rem){.cg-footer-mid-item:last-child{margin-bottom:0}}.cg-footer-mid-item .cg-footer-link-mid,.cg-footer-mid-item .cg-footer-link-mid:hover{color:#fff}footer-middle-link.cg [data-e2e=cg-footer-mid-item]{margin-bottom:0}.cg-footer-mid-nav,.cg-footer-navigation{list-style:none;margin:0;padding:0}.cg-footer-mid-nav footer-middle-link{display:list-item;margin-bottom:1rem}@media screen and (min-width:75rem){.cg-footer-mid-nav footer-middle-link{margin-bottom:.5rem}}@media (min-width:64rem){.cg-footer-mid-nav footer-middle-link:last-child{margin-bottom:0}}.cg-footer-navigation{display:flex;flex-direction:column;width:100%;gap:1.5rem}.cg-footer-navigation.cg-footer-navigation-row{width:auto;flex-direction:row;align-items:center;gap:2rem}.cg-footer-navigation a{color:#353535;text-decoration:none;white-space:nowrap}.cg-footer-navigation a:hover{color:#005b92;text-decoration:underline}.cg-footer-navigation+[data-e2e=cg-footer-copyright]::before,footer-navigation.cg+footer-copyright.cg [data-e2e=cg-footer-copyright]::before{content:"";height:.0625rem;background-color:#dadada;display:block;margin:0 0 1.5rem}.cg-footer-resize-listener,.cg-footer-resize-listener *,.cg-footer-resize-listener ::after,.cg-footer-resize-listener ::before{box-sizing:border-box}.cg-social-item,.cg-spine-container li+li,.cg-spine-container ul ul{margin-top:0}.cg-social-item .cg-social-link{display:inline-block;line-height:0;padding:.5rem;text-decoration:none}.cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button:hover,.cg-social-item .cg-social-link:hover{text-decoration:none}.cg-social-item .cg-social-link [data-e2e=cg-icon]{font-size:1rem;margin:0}.cg-social-item .cg-social-link-label{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cg-footer-social-list.cg-footer-item-social{list-style:none;margin:0;padding:0;display:flex;gap:1rem;margin-left:-.5rem}.cg-footer-social-list.cg-footer-item-social.cg-footer-social-list-row{margin-left:0}.cg-footer-social-list.cg-footer-item-social .cg-social-link{color:#474747}.cg-footer-social-list.cg-social-icons-nav{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:flex-start}.cg-footer-social-list.cg-social-icons-nav>*+*{margin-left:2rem}.cg-footer-social-list.cg-social-icons-nav .cg-social-link{background-color:#474747;border:0;border-radius:1rem;color:#fff}.cg-footer-top{padding:2rem 1rem;position:relative}@media screen and (min-width:48rem){.cg-footer-top{padding-bottom:1.1875rem;padding-top:1.1875rem}}@media screen and (min-width:75rem){.cg-footer-top{padding-left:3rem;padding-right:3rem}}@media screen and (min-width:90rem){.cg-footer-top{max-width:90rem;margin:0 auto;padding-left:3.5rem;padding-right:3.5rem}}.cg-footer-top::before{background-color:#a3a3a3;content:"";height:.0625rem;position:absolute;bottom:0;left:0;right:0}@media (min-width:90rem){.cg-footer-top::before{left:calc(-50vw + 45rem);right:calc(-50vw + 45rem)}}.cg-footer-top-item{margin:0;padding:0}.cg-footer-top-item .cg-footer-link-top,.cg-footer-top-item .cg-footer-link-top:hover{color:#fff}.cg-footer-top-item .cg-footer-link-top{font-weight:300}.cg-footer-top-nav{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.cg-footer-top-nav>*+*,.wk-icons-wrapper img+.wk-icons-text{margin-top:1rem}@media screen and (min-width:48rem){.cg-footer-top-nav{flex-direction:row}.cg-footer-top-nav>*+*{margin-top:0;margin-left:2rem}}.cg-headbutt,.cg-headbutt *,.cg-headbutt ::after,.cg-headbutt ::before{box-sizing:border-box}.cg-headbutt{position:fixed;display:flex;flex-direction:column;top:0;left:0;right:0;bottom:0;isolation:isolate;z-index:1;overflow-x:hidden}.cg-headbutt.cg-is-hidden{visibility:hidden}.cg-headbutt.cg-placement-elevated{position:absolute;height:100%;max-width:100%}.cg-headbutt.cg-placement-elevated.cg-is-right{left:initial;border-left:.0625rem solid #dadada;box-shadow:-.75rem 0 1.5rem 0 rgba(0,0,0,.1)}.cg-headbutt.cg-placement-elevated.cg-is-left{right:initial;border-right:.0625rem solid #dadada;box-shadow:.75rem 0 1.5rem 0 rgba(0,0,0,.1)}.cg-headbutt.cg-has-default-width.cg-placement-elevated{width:23.5rem}.cg-headbutt.cg-placement-aside{position:relative}.cg-headbutt.cg-placement-aside.cg-is-left,.cg-headbutt.cg-placement-aside.cg-is-right{box-shadow:unset}.cg-headbutt.cg-is-right.cg-is-opening{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-in-right forwards}.cg-headbutt.cg-is-right.cg-is-opening .cg-headbutt-close{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-opacity forwards}.cg-headbutt.cg-is-right.cg-is-closing{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-out-right forwards}.cg-headbutt.cg-is-right.cg-is-closing .cg-headbutt-close{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-opacity reverse forwards}.cg-headbutt.cg-is-left.cg-is-opening{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-in-left forwards}.cg-headbutt.cg-is-left.cg-is-opening .cg-headbutt-close{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-opacity forwards}.cg-headbutt.cg-is-left.cg-is-closing{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-out-left forwards}.cg-headbutt.cg-is-left.cg-is-closing .cg-headbutt-close{animation:300ms cubic-bezier(.4,0,.2,1) cg-headbutt-slide-opacity reverse forwards}.cg-headbutt .cg-headbutt-close-area{background:#fff;display:flex;justify-content:flex-end;z-index:1}.cg-headbutt .cg-headbutt-close-area.cg-has-scroll-shadow{box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1);border-bottom:.0625rem solid #dadada}.cg-headbutt .cg-headbutt-container{background:#fff;flex:1;overflow-x:hidden}.cg-headbutt:not(.cg-has-sticky-header) .cg-headbutt-close{position:absolute;right:0;top:0;z-index:1}.cg-headbutt:not(.cg-has-sticky-header) .cg-headbutt-container{display:flex;padding-top:3rem}.cg-headbutt.cg-has-small-content-margins [data-e2e=cg-headbutt-header]{padding:0 1rem}.cg-headbutt.cg-has-small-content-margins [data-e2e=cg-headbutt-body],.cg-headbutt.cg-has-small-content-margins [data-e2e=cg-headbutt-footer]{padding:0 1rem 1rem}.cg-headbutt.cg-has-large-content-margins [data-e2e=cg-headbutt-header]{padding:0 2rem}.cg-headbutt.cg-has-large-content-margins [data-e2e=cg-headbutt-body],.cg-headbutt.cg-has-large-content-margins [data-e2e=cg-headbutt-footer]{padding:0 2rem 2rem}.cg-headbutt-body,headbutt-body.cg{overflow-y:auto;flex-grow:1}headbutt-body.cg{display:flex;flex-direction:column}.cg-headbutt-header{font-size:1.125rem;line-height:1.44}.cg-headbutt-layout,.cg-headbutt-layout *,.cg-headbutt-layout ::after,.cg-headbutt-layout ::before{box-sizing:border-box}.cg-headbutt-layout{display:flex;height:100%;position:relative;width:100%}@font-face{font-family:"wk-icons";src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/icons/assets/wk-icons.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/icons/assets/wk-icons.woff) format("woff");font-weight:400;font-style:normal}[class*=wk-icon-]{display:inline-block;font-family:"wk-icons";font-smoothing:grayscale;font-style:normal;font-variant:normal;font-weight:400;margin-left:.2em;margin-right:.2em;line-height:1;speak:none;text-align:center;text-decoration:inherit;text-transform:none;vertical-align:middle;width:1em}.wk-spin{animation:spin 2s infinite linear}.wk-icons-wrapper{display:flex;flex-direction:column;align-items:center}.wk-icons-wrapper img+.wk-icons-text.wk-is-small{margin-top:.5rem}.wk-icons-text{color:#353535;font-family:"Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif}.wk-icons-text.wk-is-large{font-size:1.25rem;line-height:1.3}.wk-icons-text.wk-is-medium{font-size:1rem;line-height:1.5}.wk-icons-text.wk-is-small{font-size:.875rem;line-height:1.5}.wk-icons-text.wk-is-white{color:#fff}@font-face{font-family:"wk-icons";src:url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/icons/assets/wk-icons.woff2) format("woff2"),url(https://cdn.wolterskluwer.io/wk/fundamentals/2.x.x/icons/assets/wk-icons.woff2) format("woff");font-weight:400;font-style:normal}.cg-wk-icon{display:contents}.cg-wk-icon .wk-icon-filled-bank-consent::before{content:"\e05e"}.cg-wk-icon .wk-icon-filled-vat::before{content:"\e14f"}.cg-wk-icon .wk-icon-filled-transactions-reject::before{content:"\e150"}.cg-wk-icon .wk-icon-filled-transaction-outgoing::before{content:"\e151"}.cg-wk-icon .wk-icon-filled-transaction-incoming::before{content:"\e152"}.cg-wk-icon .wk-icon-filled-self-employed::before{content:"\e153"}.cg-wk-icon .wk-icon-filled-project-organize::before{content:"\e154"}.cg-wk-icon .wk-icon-filled-project-hourly::before{content:"\e155"}.cg-wk-icon .wk-icon-filled-profit-loss::before{content:"\e156"}.cg-wk-icon .wk-icon-filled-process-list::before{content:"\e157"}.cg-wk-icon .wk-icon-filled-portfolios::before{content:"\e158"}.cg-wk-icon .wk-icon-filled-pin::before{content:"\e159"}.cg-wk-icon .wk-icon-filled-payment::before{content:"\e15a"}.cg-wk-icon .wk-icon-filled-milestone::before{content:"\e15b"}.cg-wk-icon .wk-icon-filled-matching::before{content:"\e15c"}.cg-wk-icon .wk-icon-filled-list-bullet-square-large::before{content:"\e15d"}.cg-wk-icon .wk-icon-filled-link-external::before{content:"\e15e"}.cg-wk-icon .wk-icon-filled-fixed-asset::before{content:"\e15f"}.cg-wk-icon .wk-icon-filled-employees::before{content:"\e160"}.cg-wk-icon .wk-icon-filled-document-signed::before{content:"\e161"}.cg-wk-icon .wk-icon-filled-customers::before{content:"\e162"}.cg-wk-icon .wk-icon-filled-customer-template::before{content:"\e163"}.cg-wk-icon .wk-icon-filled-bank-statements::before{content:"\e164"}.cg-wk-icon .wk-icon-filled-assignments-unmatched::before{content:"\e166"}.cg-wk-icon .wk-icon-filled-assignments-matched::before{content:"\e167"}.cg-wk-icon .wk-icon-filled-assets::before{content:"\e168"}.cg-wk-icon .wk-icon-filled-assets-inactive::before{content:"\e169"}.cg-wk-icon .wk-icon-filled-articles::before{content:"\e16a"}.cg-wk-icon .wk-icon-filled-slack::before{content:"\e16f"}.cg-wk-icon .wk-icon-filled-heart::before{content:"\e17d"}.cg-wk-icon .wk-icon-filled-percent::before{content:"\e190"}.cg-wk-icon .wk-icon-filled-microchip::before{content:"\e1a5"}.cg-wk-icon .wk-icon-filled-folder-stack::before{content:"\e1f2"}.cg-wk-icon .wk-icon-filled-cubes::before{content:"\e213"}.cg-wk-icon .wk-icon-filled-cube::before{content:"\e214"}.cg-wk-icon .wk-icon-filled-folder-to::before{content:"\e215"}.cg-wk-icon .wk-icon-filled-folder-from::before{content:"\e216"}.cg-wk-icon .wk-icon-filled-file-compare::before{content:"\e217"}.cg-wk-icon .wk-icon-filled-file-powerpoint::before{content:"\e21d"}.cg-wk-icon .wk-icon-filled-gavel::before{content:"\e21e"}.cg-wk-icon .wk-icon-filled-artificial-intelligence::before{content:"\e21f"}.cg-wk-icon .wk-icon-filled-spinner-alt::before{content:"\e220"}.cg-wk-icon .wk-icon-filled-highlight::before{content:"\e222"}.cg-wk-icon .wk-icon-filled-snapchat::before{content:"\e22c"}.cg-wk-icon .wk-icon-filled-instagram::before{content:"\e22d"}.cg-wk-icon .wk-icon-filled-windows::before{content:"\e22e"}.cg-wk-icon .wk-icon-filled-apple::before{content:"\e22f"}.cg-wk-icon .wk-icon-filled-android::before{content:"\e230"}.cg-wk-icon .wk-icon-filled-file-word::before{content:"\e232"}.cg-wk-icon .wk-icon-filled-file-excel::before{content:"\e233"}.cg-wk-icon .wk-icon-filled-scale::before{content:"\e234"}.cg-wk-icon .wk-icon-filled-quote::before{content:"\e235"}.cg-wk-icon .wk-icon-filled-mail-short-open::before{content:"\e236"}.cg-wk-icon .wk-icon-filled-youtube::before{content:"\e238"}.cg-wk-icon .wk-icon-filled-linkedin::before{content:"\e239"}.cg-wk-icon .wk-icon-filled-twitter::before{content:"\e23a"}.cg-wk-icon .wk-icon-filled-facebook::before{content:"\e23b"}.cg-wk-icon .wk-icon-filled-sort-down::before{content:"\e23c"}.cg-wk-icon .wk-icon-filled-sort-up::before{content:"\e23d"}.cg-wk-icon .wk-icon-filled-sortable::before{content:"\e23e"}.cg-wk-icon .wk-icon-filled-trophy::before{content:"\e240"}.cg-wk-icon .wk-icon-filled-test-tube::before{content:"\e241"}.cg-wk-icon .wk-icon-filled-notes::before{content:"\e249"}.cg-wk-icon .wk-icon-filled-medicine::before{content:"\e253"}.cg-wk-icon .wk-icon-filled-lightbulb::before{content:"\e254"}.cg-wk-icon .wk-icon-filled-glasses::before{content:"\e256"}.cg-wk-icon .wk-icon-filled-gift::before{content:"\e257"}.cg-wk-icon .wk-icon-filled-film::before{content:"\e25c"}.cg-wk-icon .wk-icon-filled-coffee::before{content:"\e265"}.cg-wk-icon .wk-icon-filled-moon::before{content:"\e26f"}.cg-wk-icon .wk-icon-filled-sun::before{content:"\e270"}.cg-wk-icon .wk-icon-filled-surprised::before{content:"\e277"}.cg-wk-icon .wk-icon-filled-smile::before{content:"\e278"}.cg-wk-icon .wk-icon-filled-neutral::before{content:"\e279"}.cg-wk-icon .wk-icon-filled-happy::before{content:"\e27a"}.cg-wk-icon .wk-icon-filled-angry::before{content:"\e27d"}.cg-wk-icon .wk-icon-filled-truck::before{content:"\e27e"}.cg-wk-icon .wk-icon-filled-gas::before{content:"\e282"}.cg-wk-icon .wk-icon-filled-car::before{content:"\e283"}.cg-wk-icon .wk-icon-filled-airplane::before{content:"\e284"}.cg-wk-icon .wk-icon-filled-office::before{content:"\e286"}.cg-wk-icon .wk-icon-filled-library::before{content:"\e287"}.cg-wk-icon .wk-icon-filled-wallet::before{content:"\e28b"}.cg-wk-icon .wk-icon-filled-dollars::before{content:"\e28d"}.cg-wk-icon .wk-icon-filled-dollar::before{content:"\e28e"}.cg-wk-icon .wk-icon-filled-coins::before{content:"\e28f"}.cg-wk-icon .wk-icon-filled-cart-full::before{content:"\e298"}.cg-wk-icon .wk-icon-filled-cart-down::before{content:"\e299"}.cg-wk-icon .wk-icon-filled-cart::before{content:"\e29b"}.cg-wk-icon .wk-icon-filled-play-circle::before{content:"\e29d"}.cg-wk-icon .wk-icon-filled-skip-forward::before{content:"\e29f"}.cg-wk-icon .wk-icon-filled-skip-back::before{content:"\e2a0"}.cg-wk-icon .wk-icon-filled-fast-forward::before{content:"\e2a1"}.cg-wk-icon .wk-icon-filled-rewind::before{content:"\e2a2"}.cg-wk-icon .wk-icon-filled-eject::before{content:"\e2a3"}.cg-wk-icon .wk-icon-filled-record::before{content:"\e2a4"}.cg-wk-icon .wk-icon-filled-stop::before{content:"\e2a5"}.cg-wk-icon .wk-icon-filled-pause::before{content:"\e2a6"}.cg-wk-icon .wk-icon-filled-play::before{content:"\e2a7"}.cg-wk-icon .wk-icon-filled-phone::before{content:"\e2af"}.cg-wk-icon .wk-icon-filled-tack::before{content:"\e2b0"}.cg-wk-icon .wk-icon-filled-location::before{content:"\e2bb"}.cg-wk-icon .wk-icon-filled-compass::before{content:"\e2bd"}.cg-wk-icon .wk-icon-filled-locate::before{content:"\e2be"}.cg-wk-icon .wk-icon-filled-direction::before{content:"\e2bf"}.cg-wk-icon .wk-icon-filled-map::before{content:"\e2c0"}.cg-wk-icon .wk-icon-filled-cloud::before{content:"\e2c7"}.cg-wk-icon .wk-icon-filled-wifi::before{content:"\e2c8"}.cg-wk-icon .wk-icon-filled-broadcast::before{content:"\e2cb"}.cg-wk-icon .wk-icon-filled-medical::before{content:"\e2cc"}.cg-wk-icon .wk-icon-filled-toolbox::before{content:"\e2cd"}.cg-wk-icon .wk-icon-filled-briefcase::before{content:"\e2cf"}.cg-wk-icon .wk-icon-filled-box::before{content:"\e2d2"}.cg-wk-icon .wk-icon-filled-vector-line::before{content:"\e2d3"}.cg-wk-icon .wk-icon-filled-cut::before{content:"\e2da"}.cg-wk-icon .wk-icon-filled-crop::before{content:"\e2db"}.cg-wk-icon .wk-icon-filled-ruler::before{content:"\e2dc"}.cg-wk-icon .wk-icon-filled-zoom-out::before{content:"\e2dd"}.cg-wk-icon .wk-icon-filled-zoom-in::before{content:"\e2de"}.cg-wk-icon .wk-icon-filled-invisible::before{content:"\e2df"}.cg-wk-icon .wk-icon-filled-visible::before{content:"\e2e0"}.cg-wk-icon .wk-icon-filled-layer::before{content:"\e2e6"}.cg-wk-icon .wk-icon-filled-hierarchy::before{content:"\e2e8"}.cg-wk-icon .wk-icon-filled-arrow-circle-right::before{content:"\e311"}.cg-wk-icon .wk-icon-filled-arrow-circle-left::before{content:"\e312"}.cg-wk-icon .wk-icon-filled-arrow-circle-down::before{content:"\e313"}.cg-wk-icon .wk-icon-filled-arrow-circle-up::before{content:"\e314"}.cg-wk-icon .wk-icon-filled-pie::before{content:"\e335"}.cg-wk-icon .wk-icon-filled-chart::before{content:"\e337"}.cg-wk-icon .wk-icon-filled-graph::before{content:"\e338"}.cg-wk-icon .wk-icon-filled-calculator-operations::before{content:"\e339"}.cg-wk-icon .wk-icon-filled-tags::before{content:"\e33b"}.cg-wk-icon .wk-icon-filled-tag::before{content:"\e33d"}.cg-wk-icon .wk-icon-filled-dialogue::before{content:"\e348"}.cg-wk-icon .wk-icon-filled-chat-box-plus::before{content:"\e34c"}.cg-wk-icon .wk-icon-filled-chat-box-cancel::before{content:"\e34d"}.cg-wk-icon .wk-icon-filled-chat-box-check::before{content:"\e34e"}.cg-wk-icon .wk-icon-filled-chat-box::before{content:"\e34f"}.cg-wk-icon .wk-icon-filled-shift::before{content:"\e357"}.cg-wk-icon .wk-icon-filled-delete::before{content:"\e35a"}.cg-wk-icon .wk-icon-filled-console::before{content:"\e35b"}.cg-wk-icon .wk-icon-filled-speaker-mute::before{content:"\e35d"}.cg-wk-icon .wk-icon-filled-speaker-high::before{content:"\e35e"}.cg-wk-icon .wk-icon-filled-speaker-mid::before{content:"\e35f"}.cg-wk-icon .wk-icon-filled-speaker-low::before{content:"\e360"}.cg-wk-icon .wk-icon-filled-speaker::before{content:"\e361"}.cg-wk-icon .wk-icon-filled-microphone-mute::before{content:"\e363"}.cg-wk-icon .wk-icon-filled-microphone-on::before{content:"\e364"}.cg-wk-icon .wk-icon-filled-server::before{content:"\e365"}.cg-wk-icon .wk-icon-filled-database::before{content:"\e366"}.cg-wk-icon .wk-icon-filled-smartphone::before{content:"\e36b"}.cg-wk-icon .wk-icon-filled-tablet::before{content:"\e36c"}.cg-wk-icon .wk-icon-filled-laptop::before{content:"\e36d"}.cg-wk-icon .wk-icon-filled-screen::before{content:"\e36e"}.cg-wk-icon .wk-icon-filled-contrast::before{content:"\e370"}.cg-wk-icon .wk-icon-filled-brighter::before{content:"\e371"}.cg-wk-icon .wk-icon-filled-dimmer::before{content:"\e372"}.cg-wk-icon .wk-icon-filled-mouse::before{content:"\e373"}.cg-wk-icon .wk-icon-filled-keyboard::before{content:"\e375"}.cg-wk-icon .wk-icon-filled-drive::before{content:"\e378"}.cg-wk-icon .wk-icon-filled-video::before{content:"\e37a"}.cg-wk-icon .wk-icon-filled-camera-compact::before{content:"\e37b"}.cg-wk-icon .wk-icon-filled-archive::before{content:"\e37d"}.cg-wk-icon .wk-icon-filled-code::before{content:"\e37f"}.cg-wk-icon .wk-icon-filled-save::before{content:"\e380"}.cg-wk-icon .wk-icon-filled-pencil::before{content:"\e386"}.cg-wk-icon .wk-icon-filled-list-bullet-square::before{content:"\e387"}.cg-wk-icon .wk-icon-filled-list-bullet-dot::before{content:"\e388"}.cg-wk-icon .wk-icon-filled-list-bullet-check::before{content:"\e38a"}.cg-wk-icon .wk-icon-filled-layout::before{content:"\e38b"}.cg-wk-icon .wk-icon-filled-grid::before{content:"\e390"}.cg-wk-icon .wk-icon-filled-grid-square::before{content:"\e391"}.cg-wk-icon .wk-icon-filled-photo::before{content:"\e39a"}.cg-wk-icon .wk-icon-filled-announce::before{content:"\e39b"}.cg-wk-icon .wk-icon-filled-flame::before{content:"\e39d"}.cg-wk-icon .wk-icon-filled-link::before{content:"\e3a0"}.cg-wk-icon .wk-icon-filled-globe::before{content:"\e3a3"}.cg-wk-icon .wk-icon-filled-flag::before{content:"\e3a5"}.cg-wk-icon .wk-icon-filled-sliders::before{content:"\e3ab"}.cg-wk-icon .wk-icon-filled-wrench::before{content:"\e3ac"}.cg-wk-icon .wk-icon-filled-settings::before{content:"\e3ae"}.cg-wk-icon .wk-icon-filled-send::before{content:"\e3af"}.cg-wk-icon .wk-icon-filled-attach::before{content:"\e3b1"}.cg-wk-icon .wk-icon-filled-print::before{content:"\e3b2"}.cg-wk-icon .wk-icon-filled-share::before{content:"\e3b3"}.cg-wk-icon .wk-icon-filled-trash::before{content:"\e3b4"}.cg-wk-icon .wk-icon-filled-mail-address::before{content:"\e3b5"}.cg-wk-icon .wk-icon-filled-mail::before{content:"\e3b6"}.cg-wk-icon .wk-icon-filled-funnel::before{content:"\e3b7"}.cg-wk-icon .wk-icon-filled-search::before{content:"\e3b8"}.cg-wk-icon .wk-icon-filled-home::before{content:"\e3b9"}.cg-wk-icon .wk-icon-filled-calendar::before{content:"\e3c1"}.cg-wk-icon .wk-icon-filled-inbox::before{content:"\e3c6"}.cg-wk-icon .wk-icon-filled-stop-sign::before{content:"\e3c9"}.cg-wk-icon .wk-icon-filled-close-circle::before{content:"\e3cc"}.cg-wk-icon .wk-icon-filled-close::before{content:"\e3cd"}.cg-wk-icon .wk-icon-filled-check-circle::before{content:"\e3cf"}.cg-wk-icon .wk-icon-filled-check::before{content:"\e3d0"}.cg-wk-icon .wk-icon-filled-shield::before{content:"\e3d3"}.cg-wk-icon .wk-icon-filled-lock-open::before{content:"\e3d6"}.cg-wk-icon .wk-icon-filled-lock::before{content:"\e3d7"}.cg-wk-icon .wk-icon-filled-key::before{content:"\e3d9"}.cg-wk-icon .wk-icon-filled-receipt::before{content:"\e3db"}.cg-wk-icon .wk-icon-filled-news::before{content:"\e3dc"}.cg-wk-icon .wk-icon-filled-bookmark::before{content:"\e3de"}.cg-wk-icon .wk-icon-filled-book-page::before{content:"\e3df"}.cg-wk-icon .wk-icon-filled-book-open::before{content:"\e3e1"}.cg-wk-icon .wk-icon-filled-book::before{content:"\e3e2"}.cg-wk-icon .wk-icon-filled-minus-circle::before{content:"\e3e4"}.cg-wk-icon .wk-icon-filled-minus::before{content:"\e3e5"}.cg-wk-icon .wk-icon-filled-plus-circle::before{content:"\e3e7"}.cg-wk-icon .wk-icon-filled-plus::before{content:"\e3e8"}.cg-wk-icon .wk-icon-filled-folder-open::before{content:"\e3ec"}.cg-wk-icon .wk-icon-filled-folder::before{content:"\e3f5"}.cg-wk-icon .wk-icon-filled-files::before{content:"\e3f7"}.cg-wk-icon .wk-icon-filled-file::before{content:"\e407"}.cg-wk-icon .wk-icon-filled-stopwatch::before{content:"\e40e"}.cg-wk-icon .wk-icon-filled-clock::before{content:"\e40f"}.cg-wk-icon .wk-icon-filled-clock-back::before{content:"\e410"}.cg-wk-icon .wk-icon-filled-more::before{content:"\e415"}.cg-wk-icon .wk-icon-filled-thumbs-down::before{content:"\e417"}.cg-wk-icon .wk-icon-filled-thumbs-up::before{content:"\e418"}.cg-wk-icon .wk-icon-filled-star::before{content:"\e41d"}.cg-wk-icon .wk-icon-filled-bolt::before{content:"\e423"}.cg-wk-icon .wk-icon-filled-question::before{content:"\e424"}.cg-wk-icon .wk-icon-filled-info::before{content:"\e425"}.cg-wk-icon .wk-icon-filled-caution::before{content:"\e426"}.cg-wk-icon .wk-icon-filled-alarm-clock::before{content:"\e428"}.cg-wk-icon .wk-icon-filled-alarm-off::before{content:"\e429"}.cg-wk-icon .wk-icon-filled-alarm-on::before{content:"\e42a"}.cg-wk-icon .wk-icon-filled-users::before{content:"\e42d"}.cg-wk-icon .wk-icon-filled-user::before{content:"\e432"}.cg-wk-icon .wk-icon-in-progress::before{content:"\e814"}.cg-wk-icon .wk-icon-employees::before{content:"\e815"}.cg-wk-icon .wk-icon-vat::before{content:"\e817"}.cg-wk-icon .wk-icon-transactions-reject::before{content:"\e818"}.cg-wk-icon .wk-icon-transaction-outgoing::before{content:"\e819"}.cg-wk-icon .wk-icon-transaction-incoming::before{content:"\e81a"}.cg-wk-icon .wk-icon-self-employed::before{content:"\e81b"}.cg-wk-icon .wk-icon-project-organize::before{content:"\e81c"}.cg-wk-icon .wk-icon-project-hourly::before{content:"\e81d"}.cg-wk-icon .wk-icon-profit-loss::before{content:"\e81e"}.cg-wk-icon .wk-icon-process-list::before{content:"\e81f"}.cg-wk-icon .wk-icon-portfolios::before{content:"\e820"}.cg-wk-icon .wk-icon-pin::before{content:"\e821"}.cg-wk-icon .wk-icon-payment::before{content:"\e822"}.cg-wk-icon .wk-icon-milestone::before{content:"\e823"}.cg-wk-icon .wk-icon-matching::before{content:"\e824"}.cg-wk-icon .wk-icon-list-bullet-square-large::before{content:"\e825"}.cg-wk-icon .wk-icon-link-external::before{content:"\e826"}.cg-wk-icon .wk-icon-fixed-asset::before{content:"\e828"}.cg-wk-icon .wk-icon-document-signed::before{content:"\e82a"}.cg-wk-icon .wk-icon-customers::before{content:"\e82b"}.cg-wk-icon .wk-icon-customer-template::before{content:"\e82c"}.cg-wk-icon .wk-icon-bank-statements::before{content:"\e82d"}.cg-wk-icon .wk-icon-bank-consent::before{content:"\e82e"}.cg-wk-icon .wk-icon-assignments-unmatched::before{content:"\e82f"}.cg-wk-icon .wk-icon-assignments-matched::before{content:"\e830"}.cg-wk-icon .wk-icon-assets::before{content:"\e831"}.cg-wk-icon .wk-icon-assets-inactive::before{content:"\e832"}.cg-wk-icon .wk-icon-articles::before{content:"\e833"}.cg-wk-icon .wk-icon-heart::before{content:"\e83c"}.cg-wk-icon .wk-icon-percent::before{content:"\e851"}.cg-wk-icon .wk-icon-microchip::before{content:"\e886"}.cg-wk-icon .wk-icon-toc::before{content:"\e8b9"}.cg-wk-icon .wk-icon-folder-stack::before{content:"\e8cd"}.cg-wk-icon .wk-icon-drag-handle-alt::before{content:"\e9e1"}.cg-wk-icon .wk-icon-cubes::before{content:"\e9e3"}.cg-wk-icon .wk-icon-cube::before{content:"\e9e4"}.cg-wk-icon .wk-icon-folder-to::before{content:"\e9e5"}.cg-wk-icon .wk-icon-folder-from::before{content:"\e9e6"}.cg-wk-icon .wk-icon-file-compare::before{content:"\e9e7"}.cg-wk-icon .wk-icon-file-powerpoint::before{content:"\e9ed"}.cg-wk-icon .wk-icon-gavel::before{content:"\e9ee"}.cg-wk-icon .wk-icon-artificial-intelligence::before{content:"\e9ef"}.cg-wk-icon .wk-icon-spinner-alt::before{content:"\e9f0"}.cg-wk-icon .wk-icon-drag-handle::before{content:"\e9f1"}.cg-wk-icon .wk-icon-highlight::before{content:"\e9f2"}.cg-wk-icon .wk-icon-function::before{content:"\e9f4"}.cg-wk-icon .wk-icon-euro-sign::before{content:"\e9f6"}.cg-wk-icon .wk-icon-pound-sign::before{content:"\e9f7"}.cg-wk-icon .wk-icon-dollar-sign::before{content:"\e9f8"}.cg-wk-icon .wk-icon-file-pdf::before{content:"\ea01"}.cg-wk-icon .wk-icon-file-word::before{content:"\ea02"}.cg-wk-icon .wk-icon-file-excel::before{content:"\ea03"}.cg-wk-icon .wk-icon-scale::before{content:"\ea04"}.cg-wk-icon .wk-icon-quote::before{content:"\ea05"}.cg-wk-icon .wk-icon-mail-short-open::before{content:"\ea06"}.cg-wk-icon .wk-icon-trophy::before{content:"\ea10"}.cg-wk-icon .wk-icon-test-tube::before{content:"\ec03"}.cg-wk-icon .wk-icon-notes::before{content:"\ea19"}.cg-wk-icon .wk-icon-medicine::before{content:"\ea23"}.cg-wk-icon .wk-icon-lightbulb::before{content:"\ea24"}.cg-wk-icon .wk-icon-glasses::before{content:"\ea26"}.cg-wk-icon .wk-icon-gift::before{content:"\ea27"}.cg-wk-icon .wk-icon-film::before{content:"\ea2c"}.cg-wk-icon .wk-icon-coffee::before{content:"\ea35"}.cg-wk-icon .wk-icon-moon::before{content:"\ea3f"}.cg-wk-icon .wk-icon-sun::before{content:"\ea40"}.cg-wk-icon .wk-icon-surprised::before{content:"\ea47"}.cg-wk-icon .wk-icon-smile::before{content:"\ea48"}.cg-wk-icon .wk-icon-neutral::before{content:"\ea49"}.cg-wk-icon .wk-icon-happy::before{content:"\ea4a"}.cg-wk-icon .wk-icon-angry::before{content:"\ea4d"}.cg-wk-icon .wk-icon-truck::before{content:"\ea4e"}.cg-wk-icon .wk-icon-gas::before{content:"\ea52"}.cg-wk-icon .wk-icon-car::before{content:"\ea53"}.cg-wk-icon .wk-icon-airplane::before{content:"\ea54"}.cg-wk-icon .wk-icon-shared-folder::before{content:"\ead7"}.cg-wk-icon .wk-icon-office::before{content:"\ea56"}.cg-wk-icon .wk-icon-library::before{content:"\ea57"}.cg-wk-icon .wk-icon-wallet::before{content:"\ea5b"}.cg-wk-icon .wk-icon-dollars::before{content:"\ea5d"}.cg-wk-icon .wk-icon-dollar::before{content:"\ea5e"}.cg-wk-icon .wk-icon-coins::before{content:"\ea5f"}.cg-wk-icon .wk-icon-cart-full::before{content:"\ea68"}.cg-wk-icon .wk-icon-cart-down::before{content:"\ea69"}.cg-wk-icon .wk-icon-cart::before{content:"\ea6b"}.cg-wk-icon .wk-icon-play-circle::before{content:"\ea6d"}.cg-wk-icon .wk-icon-skip-forward::before{content:"\ea6f"}.cg-wk-icon .wk-icon-skip-back::before{content:"\ea70"}.cg-wk-icon .wk-icon-fast-forward::before{content:"\ea71"}.cg-wk-icon .wk-icon-rewind::before{content:"\ea72"}.cg-wk-icon .wk-icon-eject::before{content:"\ea73"}.cg-wk-icon .wk-icon-record::before{content:"\ea74"}.cg-wk-icon .wk-icon-stop::before{content:"\ea75"}.cg-wk-icon .wk-icon-pause::before{content:"\ea76"}.cg-wk-icon .wk-icon-play::before{content:"\ea77"}.cg-wk-icon .wk-icon-phone::before{content:"\ea7f"}.cg-wk-icon .wk-icon-tack::before{content:"\ea80"}.cg-wk-icon .wk-icon-location::before{content:"\ea8b"}.cg-wk-icon .wk-icon-crosshairs::before{content:"\ea8c"}.cg-wk-icon .wk-icon-compass::before{content:"\ea8d"}.cg-wk-icon .wk-icon-locate::before{content:"\ea8e"}.cg-wk-icon .wk-icon-direction::before{content:"\ea8f"}.cg-wk-icon .wk-icon-map::before{content:"\ea90"}.cg-wk-icon .wk-icon-cloud::before{content:"\ea97"}.cg-wk-icon .wk-icon-wifi::before{content:"\ea98"}.cg-wk-icon .wk-icon-rss::before{content:"\ea99"}.cg-wk-icon .wk-icon-broadcast::before{content:"\ea9b"}.cg-wk-icon .wk-icon-medical::before{content:"\ea9c"}.cg-wk-icon .wk-icon-toolbox::before{content:"\ea9d"}.cg-wk-icon .wk-icon-briefcase::before{content:"\ea9f"}.cg-wk-icon .wk-icon-box::before{content:"\eaa2"}.cg-wk-icon .wk-icon-vector-line::before{content:"\eaa3"}.cg-wk-icon .wk-icon-colors::before{content:"\eaa6"}.cg-wk-icon .wk-icon-cut::before{content:"\eaaa"}.cg-wk-icon .wk-icon-crop::before{content:"\eaab"}.cg-wk-icon .wk-icon-ruler::before{content:"\eaac"}.cg-wk-icon .wk-icon-zoom-out::before{content:"\eaad"}.cg-wk-icon .wk-icon-zoom-in::before{content:"\eaae"}.cg-wk-icon .wk-icon-invisible::before{content:"\eaaf"}.cg-wk-icon .wk-icon-visible::before{content:"\eab0"}.cg-wk-icon .wk-icon-repeat::before{content:"\eab1"}.cg-wk-icon .wk-icon-shuffle::before{content:"\eab2"}.cg-wk-icon .wk-icon-swap-horizontal::before{content:"\eab3"}.cg-wk-icon .wk-icon-swap-vertical::before{content:"\eab4"}.cg-wk-icon .wk-icon-layer::before{content:"\eab6"}.cg-wk-icon .wk-icon-hierarchy::before{content:"\eab8"}.cg-wk-icon .wk-icon-contract-angle::before{content:"\eabd"}.cg-wk-icon .wk-icon-expand-angle::before{content:"\eac0"}.cg-wk-icon .wk-icon-move::before{content:"\eac2"}.cg-wk-icon .wk-icon-sync::before{content:"\eac5"}.cg-wk-icon .wk-icon-download-line::before{content:"\eac6"}.cg-wk-icon .wk-icon-upload-line::before{content:"\eac8"}.cg-wk-icon .wk-icon-arrow-circle-right::before{content:"\eae1"}.cg-wk-icon .wk-icon-arrow-circle-left::before{content:"\eae2"}.cg-wk-icon .wk-icon-arrow-circle-down::before{content:"\eae3"}.cg-wk-icon .wk-icon-arrow-circle-up::before{content:"\eae4"}.cg-wk-icon .wk-icon-chevron-double-right::before{content:"\eaed"}.cg-wk-icon .wk-icon-chevron-double-left::before{content:"\eaee"}.cg-wk-icon .wk-icon-chevron-double-down::before{content:"\eaef"}.cg-wk-icon .wk-icon-chevron-double-up::before{content:"\eaf0"}.cg-wk-icon .wk-icon-chevron-right::before{content:"\eaf1"}.cg-wk-icon .wk-icon-chevron-left::before{content:"\eaf2"}.cg-wk-icon .wk-icon-chevron-down::before{content:"\eaf3"}.cg-wk-icon .wk-icon-chevron-up::before{content:"\eaf4"}.cg-wk-icon .wk-icon-arrow-up-left::before{content:"\ea11"}.cg-wk-icon .wk-icon-arrow-up-right::before{content:"\eaf9"}.cg-wk-icon .wk-icon-arrow-right::before{content:"\eafd"}.cg-wk-icon .wk-icon-arrow-left::before{content:"\eafe"}.cg-wk-icon .wk-icon-arrow-down::before{content:"\eaff"}.cg-wk-icon .wk-icon-arrow-up::before{content:"\eb00"}.cg-wk-icon .wk-icon-infinity::before{content:"\eb03"}.cg-wk-icon .wk-icon-pie::before{content:"\eb05"}.cg-wk-icon .wk-icon-chart::before{content:"\eb07"}.cg-wk-icon .wk-icon-graph::before{content:"\eb08"}.cg-wk-icon .wk-icon-calculator-operations::before{content:"\eb09"}.cg-wk-icon .wk-icon-tags::before{content:"\eb0b"}.cg-wk-icon .wk-icon-tag::before{content:"\eb0d"}.cg-wk-icon .wk-icon-dialogue::before{content:"\eb18"}.cg-wk-icon .wk-icon-chat-box-plus::before{content:"\eb1c"}.cg-wk-icon .wk-icon-chat-box-cancel::before{content:"\eb1d"}.cg-wk-icon .wk-icon-chat-box-check::before{content:"\eb1e"}.cg-wk-icon .wk-icon-chat-box::before{content:"\eb1f"}.cg-wk-icon .wk-icon-shift::before{content:"\eb27"}.cg-wk-icon .wk-icon-return::before{content:"\eb28"}.cg-wk-icon .wk-icon-hard-return::before{content:"\eb29"}.cg-wk-icon .wk-icon-delete::before{content:"\eb2a"}.cg-wk-icon .wk-icon-console::before{content:"\eb2b"}.cg-wk-icon .wk-icon-speaker-mute::before{content:"\eb2d"}.cg-wk-icon .wk-icon-speaker-high::before{content:"\eb2e"}.cg-wk-icon .wk-icon-speaker-mid::before{content:"\eb2f"}.cg-wk-icon .wk-icon-speaker-low::before{content:"\eb30"}.cg-wk-icon .wk-icon-speaker::before{content:"\eb31"}.cg-wk-icon .wk-icon-microphone-mute::before{content:"\eb33"}.cg-wk-icon .wk-icon-microphone-on::before{content:"\eb34"}.cg-wk-icon .wk-icon-server::before{content:"\eb35"}.cg-wk-icon .wk-icon-database::before{content:"\eb36"}.cg-wk-icon .wk-icon-power::before{content:"\eb3a"}.cg-wk-icon .wk-icon-smartphone::before{content:"\eb3b"}.cg-wk-icon .wk-icon-tablet::before{content:"\eb3c"}.cg-wk-icon .wk-icon-laptop::before{content:"\eb3d"}.cg-wk-icon .wk-icon-screen::before{content:"\eb3e"}.cg-wk-icon .wk-icon-contrast::before{content:"\eb40"}.cg-wk-icon .wk-icon-brighter::before{content:"\eb41"}.cg-wk-icon .wk-icon-dimmer::before{content:"\eb42"}.cg-wk-icon .wk-icon-filled-shared-folder::before{content:"\ebc0"}.cg-wk-icon .wk-icon-keyboard::before{content:"\eb45"}.cg-wk-icon .wk-icon-drive::before{content:"\eb48"}.cg-wk-icon .wk-icon-video::before{content:"\eb4a"}.cg-wk-icon .wk-icon-camera-compact::before{content:"\eb4b"}.cg-wk-icon .wk-icon-archive::before{content:"\eb4d"}.cg-wk-icon .wk-icon-code::before{content:"\eb4f"}.cg-wk-icon .wk-icon-save::before{content:"\eb50"}.cg-wk-icon .wk-icon-import::before{content:"\eb51"}.cg-wk-icon .wk-icon-export::before{content:"\eb52"}.cg-wk-icon .wk-icon-pencil::before{content:"\eb56"}.cg-wk-icon .wk-icon-list-bullet-square::before{content:"\eb57"}.cg-wk-icon .wk-icon-list-bullet-dot::before{content:"\eb58"}.cg-wk-icon .wk-icon-list-bullet-check::before{content:"\eb5a"}.cg-wk-icon .wk-icon-layout::before{content:"\eb5b"}.cg-wk-icon .wk-icon-grid::before{content:"\eb60"}.cg-wk-icon .wk-icon-photo::before{content:"\eb6a"}.cg-wk-icon .wk-icon-announce::before{content:"\eb6b"}.cg-wk-icon .wk-icon-flame::before{content:"\eb6d"}.cg-wk-icon .wk-icon-link::before{content:"\eb70"}.cg-wk-icon .wk-icon-logout::before{content:"\eb71"}.cg-wk-icon .wk-icon-login::before{content:"\eb72"}.cg-wk-icon .wk-icon-globe::before{content:"\eb73"}.cg-wk-icon .wk-icon-flag::before{content:"\eb75"}.cg-wk-icon .wk-icon-undo::before{content:"\eb77"}.cg-wk-icon .wk-icon-refresh::before{content:"\eb78"}.cg-wk-icon .wk-icon-sliders::before{content:"\eb7b"}.cg-wk-icon .wk-icon-wrench::before{content:"\eb7c"}.cg-wk-icon .wk-icon-settings::before{content:"\eb7e"}.cg-wk-icon .wk-icon-send::before{content:"\eb7f"}.cg-wk-icon .wk-icon-attach::before{content:"\eb81"}.cg-wk-icon .wk-icon-print::before{content:"\eb82"}.cg-wk-icon .wk-icon-share::before{content:"\eb83"}.cg-wk-icon .wk-icon-trash::before{content:"\eb84"}.cg-wk-icon .wk-icon-mail-address::before{content:"\eb85"}.cg-wk-icon .wk-icon-mail::before{content:"\eb86"}.cg-wk-icon .wk-icon-funnel::before{content:"\eb87"}.cg-wk-icon .wk-icon-search::before{content:"\eb88"}.cg-wk-icon .wk-icon-home::before{content:"\eb89"}.cg-wk-icon .wk-icon-calendar::before{content:"\eb91"}.cg-wk-icon .wk-icon-inbox::before{content:"\eb96"}.cg-wk-icon .wk-icon-stop-sign::before{content:"\eb99"}.cg-wk-icon .wk-icon-close-circle::before{content:"\eb9c"}.cg-wk-icon .wk-icon-close::before{content:"\eb9d"}.cg-wk-icon .wk-icon-check-circle::before{content:"\eb9f"}.cg-wk-icon .wk-icon-check::before{content:"\eba0"}.cg-wk-icon .wk-icon-shield::before{content:"\eba3"}.cg-wk-icon .wk-icon-lock-open::before{content:"\eba6"}.cg-wk-icon .wk-icon-lock::before{content:"\eba7"}.cg-wk-icon .wk-icon-key::before{content:"\eba9"}.cg-wk-icon .wk-icon-receipt::before{content:"\ebab"}.cg-wk-icon .wk-icon-news::before{content:"\ebac"}.cg-wk-icon .wk-icon-bookmark::before{content:"\ebae"}.cg-wk-icon .wk-icon-book-page::before{content:"\ebaf"}.cg-wk-icon .wk-icon-book-open::before{content:"\ebb1"}.cg-wk-icon .wk-icon-book::before{content:"\ebb2"}.cg-wk-icon .wk-icon-minus-circle::before{content:"\ebb4"}.cg-wk-icon .wk-icon-minus::before{content:"\ebb5"}.cg-wk-icon .wk-icon-plus-circle::before{content:"\ebb7"}.cg-wk-icon .wk-icon-plus::before{content:"\ebb8"}.cg-wk-icon .wk-icon-folder-open::before{content:"\ebbc"}.cg-wk-icon .wk-icon-folder::before{content:"\ebc5"}.cg-wk-icon .wk-icon-files::before{content:"\ebc7"}.cg-wk-icon .wk-icon-file::before{content:"\ebd7"}.cg-wk-icon .wk-icon-stopwatch::before{content:"\ebde"}.cg-wk-icon .wk-icon-clock::before{content:"\ebdf"}.cg-wk-icon .wk-icon-clock-back::before{content:"\ebe0"}.cg-wk-icon .wk-icon-spinner::before{content:"\ebe2"}.cg-wk-icon .wk-icon-menu::before{content:"\ebe6"}.cg-wk-icon .wk-icon-thumbs-down::before{content:"\ebe7"}.cg-wk-icon .wk-icon-thumbs-up::before{content:"\ebe8"}.cg-wk-icon .wk-icon-star::before{content:"\ebed"}.cg-wk-icon .wk-icon-bolt::before{content:"\ebf3"}.cg-wk-icon .wk-icon-question::before{content:"\ebf4"}.cg-wk-icon .wk-icon-info::before{content:"\ebf5"}.cg-wk-icon .wk-icon-caution::before{content:"\ebf6"}.cg-wk-icon .wk-icon-alarm-clock::before{content:"\ebf8"}.cg-wk-icon .wk-icon-alarm-off::before{content:"\ebf9"}.cg-wk-icon .wk-icon-alarm-on::before{content:"\ebfa"}.cg-wk-icon .wk-icon-users::before{content:"\ebfd"}.cg-wk-icon .wk-icon-user::before{content:"\ec02"}.cg-wk-icon .wk-icon-mouse::before{content:"\eb43"}.cg-wk-icon [class*=wk-icon-]{display:inline-block;font-family:"wk-icons";font-style:normal;font-variant:normal;font-weight:400;text-transform:none;line-height:1;speak:none;text-align:center;margin-left:.2em;margin-right:.2em;text-decoration:inherit;vertical-align:middle;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:1em}.cg-wk-icon .wk-spin{animation:spin 2s infinite linear}.cg-icon-label{padding:6px}.cg-icon-label button{font-size:inherit;color:inherit;border:0;cursor:pointer;background-color:transparent;padding:0}.cg-iconlist{display:flex}.cg-mql-listener{display:none}.cg-multimedia img,.cg-multimedia video{object-fit:contain;height:auto;max-width:100%}.cg-multimedia figure{margin:0;width:100%;height:100%;display:flex;align-items:center}.cg-multimedia .cg-multimedia-thumb-wrapper{margin:0;border:0;padding:0;background:0 0;cursor:pointer}.cg-multimedia .cg-multimedia-thumb-wrapper:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-multimedia .cg-multimedia-thumb-wrapper:focus:not(:focus-visible),.cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button:focus:not(:focus-visible){outline:0}.cg-multimedia .cg-multimedia-heading{margin:0;font-size:1.25rem;line-height:26px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-multimedia .cg-multimedia-caption{font-size:.875rem;line-height:1.125rem;margin:0;padding:0 1rem 1rem}.cg-multimedia [data-e2e=cg-modal-body],.cg-tree-node-prefix.cg-tree-node-checkbox checkbox-field{display:flex;align-items:center}.cg-multimedia [data-e2e=cg-modal-footer]{background:0 0}.cg-multiselect,.cg-multiselect *,.cg-multiselect ::after,.cg-multiselect ::before,.cg-navbar-item-link a,.cg-navbar-item-link a *,.cg-navbar-item-link a ::after,.cg-navbar-item-link a ::before{box-sizing:border-box}.cg-multiselect{font-family:inherit;display:flex;flex-direction:column;width:100%;min-width:11.375rem}.cg-multiselect .cg-multiselect-body{display:flex;align-items:center;height:100%;width:100%;padding-left:.9375rem;padding-right:3rem}.cg-multiselect .cg-multiselect-body .cg-multiselect-pill-label{margin-left:.5rem}.cg-multiselect .cg-multiselect-pill-label,.cg-multiselect .cg-multiselect-placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-multiselect .cg-multiselect-placeholder{font-weight:300;color:#474747;pointer-events:none}.cg-multiselect [data-e2e=cg-dropdown]{width:100%}.cg-multiselect [data-e2e=cg-dropdown] [data-e2e=cg-menu-wrapper]{width:100%;max-width:none;min-width:auto}@media (min-width:37.5rem){.cg-multiselect [data-e2e=cg-dropdown] [data-e2e=cg-menu-wrapper] [data-e2e=cg-dropdown-menu]{max-height:13rem}}.cg-multiselect .cg-field-inlay{pointer-events:none}.cg-multiselect:not(.cg-multiselect-small) [data-e2e=cg-dropdown-menu-label] [data-e2e=cg-field-choice-label]{height:2.5rem}.cg-multiselect:not(.cg-multiselect-small) [data-e2e=cg-field-choice-label]{padding-top:.625rem;padding-bottom:.625rem;line-height:1.25;font-size:1rem}.cg-multiselect:not(.cg-multiselect-small) [data-e2e=cg-field-choice-label] .cg-field-choice-box{margin:.125rem 0}.cg-multiselect [data-e2e=cg-dropdown-menu-label] [data-e2e=cg-field-choice-label]{width:100%}.cg-multiselect.cg-is-open .cg-multiselect-chevron-icon{transform:rotate(180deg)}.cg-multiselect [data-e2e=cg-dropdown-menu]{width:100%;z-index:10001}.cg-multiselect [data-e2e=cg-dropdown-menu] [data-e2e=cg-dropdown-menu-item]{display:flex;align-items:center;padding:0 .9375rem;height:2.5rem;width:100%}.cg-multiselect [data-e2e=cg-dropdown-menu] [data-e2e=cg-dropdown-menu-item] [data-e2e=cg-field-choice-label]{padding:.625rem 0}.cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button{border:0;padding:.4375rem 1rem}.cg-navbar-item-link a{font-family:inherit}.cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle{margin:0}.cg-navbar-item-dropdown [data-e2e=cg-dropdown] .cg-dropdown-menu-wrapper{position:fixed}.cg-navbar-item-dropdown .cg-dropdown-item-selected{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff;box-shadow:inset 0 .125rem 0 0 #005b92}.cg-navbar-item-dropdown .cg-dropdown-item-selected:focus{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff}@media (max-width:37.4375rem){.cg-navbar-item-submenu [data-e2e=cg-dropdown-list-anchor-item],.cg-navbar-item-submenu [data-e2e=cg-dropdown-list-item]{padding-left:2rem}}.cg-navbar,.cg-navbar *,.cg-navbar ::after,.cg-navbar ::before{box-sizing:border-box}.cg-navbar,.cg-navbar button{font-family:inherit}.cg-navbar{border-bottom:.0625rem solid var(--cg-navbar-border-bottom-color, #dadada);padding:.25rem 0;display:flex}.cg-navbar.cg-navbar-style-not-classic{background-color:#232323}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper:active,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper:hover{background-color:#474747;color:#fff}.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-item-selected:active,.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-item-selected:hover,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-is-active .cg-button-field.cg-button-field-text.cg-button-field-small button,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-is-active [data-e2e=cg-navbar-item-link] a,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-is-active button[data-e2e=cg-navbar-item-dropdown-toggle],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-is-active:active,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-is-active:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] .cg-submenu-target.cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-anchor-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-item-selected{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-navbar-item-dropdown-toggle .cg-button-field button:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] .cg-submenu-target:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-navbar.cg-navbar-style-not-classic .cg-button-field button.cg-navbar-dropdown-toggle-xs{color:#fff}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-wrapper.cg-navbar-item-dropdown-toggle .cg-button-field button:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-menu],.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper],.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-dropdown-menu]{background-color:#232323;border-color:#232323}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:hover{color:#fff}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:focus:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:hover:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:focus:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-menu-wrapper] [data-e2e=cg-button-field-icon-close] button:hover:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor{color:#fff;border:0;padding:.4375rem 1rem;text-decoration:none;cursor:pointer;transition:color 300ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;transition-property:color,background-color,border;background-color:var(--cg-navbar-item-link-background-color, transparent);display:inline-block;font-size:.875rem;font-weight:400;line-height:1.29;position:relative;-webkit-tap-highlight-color:transparent;text-align:center;touch-action:manipulation;vertical-align:middle;white-space:nowrap}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:focus-visible,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:active,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:hover,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:active,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:hover{text-decoration:none}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle span,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left iconsvg,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right iconsvg,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor span,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left iconsvg,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right iconsvg{display:inline-flex}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right [data-e2e=cg-icon]{margin-left:.5rem}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left [data-e2e=cg-icon]{margin-right:.5rem}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:focus,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-dropdown-item-selected{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff}.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item-dropdown .cg-dropdown-item-selected:focus{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-dropdown-toggle],.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-item-dropdown-toggle]{color:#fff}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-dropdown-toggle].cg-is-active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-dropdown-toggle]:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-dropdown-toggle]:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-item-dropdown-toggle].cg-is-active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-item-dropdown-toggle]:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-item-dropdown-toggle]:hover{background-color:#474747;color:#fff}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-dropdown-toggle].cg-navbar-contains-selected-item,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-navbar-item-dropdown-toggle].cg-navbar-contains-selected-item{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff}.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn],.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button{color:#fff}.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item:focus,.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn]:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item:focus,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic .cg-navbar-item .cg-button-field.cg-button-field-text.cg-button-field-small button:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn]:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item:active,.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn]:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn]:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button:hover{background-color:#474747;color:#fff}.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item.cg-dropdown-item-selected:active,.cg-navbar.cg-navbar-style-not-classic .cg-dropdown-nested-item.cg-dropdown-item-selected:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn].cg-dropdown-item-selected:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-listbox-btn].cg-dropdown-item-selected:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item.cg-dropdown-item-selected:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item.cg-dropdown-item-selected:hover,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button.cg-dropdown-item-selected:active,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown-submenu] button.cg-dropdown-item-selected:hover{font-weight:500;background-color:#007ac3;color:#fff;text-shadow:.03125rem 0 0 #fff}.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] .cg-submenu-target,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-anchor-item],.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item],.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button]{text-decoration:none}.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-menu] a[data-e2e=cg-dropdown-list-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-submenu] [data-e2e=cg-dropdown-menu] [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-navbar-dropdown] [data-e2e=cg-dropdown-listbox-btn],.cg-navbar.cg-navbar-style-classic [data-e2e=cg-navbar-dropdown].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] .cg-submenu-target.cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-anchor-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-not-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-item-selected{box-shadow:none}.cg-navbar.cg-navbar-style-classic{border-bottom:.0625rem solid #dadada}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-hovered{background-color:#f2f8fc}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper.cg-is-active .cg-button-field.cg-button-field-text.cg-button-field-small button,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper.cg-is-active [data-e2e=cg-navbar-item-link] a,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper.cg-is-active button[data-e2e=cg-navbar-item-dropdown-toggle]{font-weight:500;background-color:#f2f8fc;color:#005b92;text-shadow:.03125rem 0 0 #005b92;box-shadow:inset 0 .125rem 0 0 #005b92}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper .cg-button-field.cg-button-field-text.cg-button-field-small button,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper [data-e2e=cg-navbar-item-link] a,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper button[data-e2e=cg-navbar-item-dropdown-toggle]{color:#353535}.cg-navbar.cg-navbar-style-classic .cg-dropdown-item.cg-submenu-target.cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-menu-item.cg-dropdown-item-selected{box-shadow:inset 0 .125rem 0 0 #005b92}.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] .cg-submenu-target.cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-anchor-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-btn].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic button[data-e2e=cg-navbar-dropdown-toggle].cg-is-active{font-weight:500;background-color:#f2f8fc;color:#005b92;text-shadow:.03125rem 0 0 #005b92;box-shadow:none}.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] .cg-submenu-target:active,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-anchor-item]:active,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item]:active,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-btn]:active,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button]:active{color:#353535}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper.cg-navbar-item-dropdown-toggle .cg-button-field button:focus-visible,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] .cg-submenu-target:focus-visible,.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-wrapper.cg-navbar-item-dropdown-toggle .cg-button-field button:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] .cg-submenu-target:focus:not(:focus-visible),.cg-navbar.cg-navbar-style-classic [data-e2e=cg-dropdown] [data-dropdown-focus=dropdown-list] a[data-dropdown-focus=dropdown-list-anchor-item]:focus:not(:focus-visible){outline:0}.cg-navbar.cg-navbar-style-classic button[data-e2e=cg-navbar-dropdown-toggle].cg-navbar-contains-selected-item{font-weight:500;background-color:#f2f8fc;color:#005b92;text-shadow:.03125rem 0 0 #005b92;box-shadow:inset 0 .125rem 0 0 #005b92}.cg-navbar.cg-navbar-style-classic .cg-button-field button.cg-navbar-dropdown-toggle-xs{color:#353535}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor{border:0;padding:.4375rem 1rem;text-decoration:none;cursor:pointer;transition:color 300ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;transition-property:color,background-color,border;background-color:var(--cg-navbar-item-link-background-color, transparent);display:inline-block;font-size:.875rem;font-weight:400;line-height:1.29;position:relative;-webkit-tap-highlight-color:transparent;text-align:center;touch-action:manipulation;vertical-align:middle;white-space:nowrap}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:active,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:hover{text-decoration:none}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle span,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left iconsvg,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right iconsvg{display:inline-flex}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-right [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right [data-e2e=cg-icon]{margin-left:.5rem}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle.cg-navbar-item-link-icon-left [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left [data-e2e=cg-icon]{margin-right:.5rem}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-navbar-item-dropdown-toggle:focus:not(:focus-visible){outline:0}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-dropdown-item-selected{box-shadow:inset 0 .125rem 0 0 #fff;font-weight:500;background-color:#f2f8fc;color:#005b92;text-shadow:.03125rem 0 0 #005b92}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown .cg-dropdown-item-selected:focus{box-shadow:inset 0 .125rem 0 0 #fff;font-weight:500;background-color:#f2f8fc;color:#005b92;text-shadow:.03125rem 0 0 #005b92}.cg-navbar button[data-e2e=cg-navbar-dropdown-toggle].cg-is-active,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-dropdown [data-e2e=cg-dropdown] a[data-e2e=cg-dropdown-list-item].cg-dropdown-item-selected{box-shadow:none}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:focus:not(:focus-visible){outline:0}.cg-navbar .cg-button-field button.cg-navbar-dropdown-toggle-xs:hover,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right:hover [data-e2e=cg-icon],.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:active,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:hover{text-decoration:none}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor span,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-left iconsvg,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right,.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor.cg-navbar-item-link-icon-right iconsvg,.cg-stepthrough .cg-stepthrough-step .cg-stepthrough-icon iconsvg,tag.cg{display:inline-flex}.cg-navbar.cg-navbar-style-classic .cg-navbar-item-link a.cg-navbar-item-link-anchor:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] .cg-submenu-target,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item],.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-btn],.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button]{color:#353535;background-color:#fff}.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] .cg-submenu-target.cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-btn].cg-dropdown-item-selected,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button].cg-dropdown-item-selected{font-weight:500;background-color:#f2f8fc;color:#005b92;text-shadow:.03125rem 0 0 #005b92;box-shadow:inset 0 .125rem 0 0 #005b92}.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] .cg-submenu-target:active,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] .cg-submenu-target:hover,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item]:active,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item]:hover,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-btn]:active,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-listbox-btn]:hover,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button]:active,.cg-navbar.cg-navbar-style-classic.cg-navbar-mobile [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button]:hover{background-color:#f2f8fc}@media (min-width:37.5rem){.cg-navbar{padding:0 1rem;justify-content:center}}@media (min-width:64rem){.cg-navbar{padding:0 2rem}}@media (min-width:90rem){.cg-navbar{padding:0 2.5rem}}.cg-navbar .cg-navbar-items{list-style:none;margin:0;padding:0;display:none;position:relative;flex-grow:1}@media (min-width:37.5rem){.cg-navbar .cg-navbar-items{display:flex;overflow:hidden}}@media (min-width:90rem){.cg-navbar .cg-navbar-items{max-width:85rem;width:100%}}.cg-navbar .cg-button-field button.cg-navbar-dropdown-toggle-xs,.cg-navbar .cg-navbar-items-xs,.cg-navbar .cg-navbar-items-xs [data-e2e=cg-button-field]{width:100%}@media (min-width:37.5rem){.cg-navbar .cg-navbar-items-xs{display:none}}.cg-navbar .cg-navbar-item-wrapper{margin:0;background-color:transparent}.cg-navbar .cg-navbar-item-hovered{margin:0;position:absolute;bottom:0;top:0;left:0;z-index:-1;pointer-events:none;visibility:hidden;width:0;opacity:0;transition:opacity 100ms 200ms cubic-bezier(.4,0,.2,1),transform 300ms cubic-bezier(.4,0,.2,1),width 300ms cubic-bezier(.4,0,.2,1)}.cg-navbar .cg-is-visible-hovered-item{visibility:visible}.cg-navbar [data-e2e=cg-dropdown] .cg-submenu-target,.cg-navbar [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-anchor-item],.cg-navbar [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-list-item],.cg-navbar [data-e2e=cg-dropdown] [data-e2e=cg-dropdown-menu-item-button]{text-decoration:none}.cg-navbar .cg-is-hidden{visibility:hidden;position:absolute;top:-312.5rem;left:-312.5rem}.cg-notification-actions{margin-left:-1rem}.cg-notification-container{position:fixed;top:0;right:0;width:100%;z-index:9999}.cg-notification-container [data-e2e=cg-notification].cg-notification-toast{position:relative}@media (min-width:37.5rem){.cg-notification-container{top:1rem;right:1rem;width:auto}}.cg-notification,.cg-notification *,.cg-notification ::after,.cg-notification ::before{box-sizing:border-box}.cg-notification{font-family:inherit;background-color:#fff;border-color:currentColor;border-style:solid;border-width:.0625rem .0625rem .0625rem .25rem;margin-bottom:1.25rem;padding:1rem 3rem .5rem;position:relative;word-wrap:break-word;display:block;opacity:1;transform:translateY(0);max-height:100%;will-change:opacity,max-height}.cg-notification.cg-element-animation{transition:opacity 150ms cubic-bezier(0,0,.2,1),transform 150ms cubic-bezier(0,0,.2,1),max-height 150ms cubic-bezier(0,0,.2,1)}.cg-notification.cg-element-hidden{opacity:0;transform:translateY(50%)}.cg-notification .cg-element-hidden.cg-notification-dismiss,.cg-pagination .cg-navigation-mobile.cg-pagination-bar .cg-pagination-item{display:none}.cg-notification>[data-e2e=cg-icon],.cg-notification>iconsvg{left:1rem;top:1rem;position:absolute;line-height:0}.cg-notification .cg-notification-title{color:#353535;font-size:.875rem;font-weight:500;line-height:1.29;margin-bottom:.25rem}.cg-notification .cg-notification-content{color:#232323;font-size:.875rem;line-height:1.5;padding-bottom:0;margin-bottom:.5rem;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}.cg-notification .cg-notification-content.cg-has-no-line-clamp{-webkit-line-clamp:unset}.cg-notification .cg-notification-dismiss{position:absolute;right:0;top:0}.cg-notification:focus{outline-style:solid;outline-width:.0625rem}.cg-notification.cg-notification-info{color:#007ac3}.cg-notification.cg-notification-success{color:#648d18}.cg-notification.cg-notification-warning{color:#ea8f00}.cg-notification.cg-notification-error{color:#e5202e}.cg-notification.cg-notification-toast{box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1);padding:2rem 3rem 1rem 3.25rem;position:fixed;width:100%;z-index:9999;opacity:1;transform:translateX(0);transition:transform 300ms cubic-bezier(0,0,.2,1);transition-delay:0ms;transition-property:opacity,transform;will-change:auto}.cg-notification.cg-notification-toast>[data-e2e=cg-icon],.cg-notification.cg-notification-toast>iconsvg{top:2rem}.cg-notification.cg-notification-toast .cg-notification-content{margin-bottom:1rem}.cg-notification.cg-notification-toast.cg-element-hidden{opacity:0;transform:translateX(150%);transition:transform 300ms cubic-bezier(0,0,.2,1);transition-delay:0ms;transition-property:opacity,transform;will-change:auto}@media (min-width:37.5rem){.cg-notification.cg-notification-toast{right:1rem;top:1rem;width:21rem}}.cg-pagination,.cg-pagination *,.cg-pagination ::after,.cg-pagination ::before{box-sizing:border-box}.cg-pagination{font-family:inherit;list-style:none;margin:0;padding:0;align-items:center;display:flex}.cg-pagination [data-e2e=cg-icon]{margin:0}.cg-pagination .cg-is-active .cg-pagination-link{background-color:#f2f8fc;color:#005b92;font-weight:500}.cg-pagination .cg-disabled .cg-pagination-link{color:rgba(53,53,53,.5);pointer-events:none}.cg-pagination .cg-navigation-mobile.cg-pagination-bar .cg-pagination-item:first-child,.cg-pagination .cg-navigation-mobile.cg-pagination-bar .cg-pagination-item:last-child{display:inline-block}.cg-pagination .cg-navigation-mobile.cg-pagination-bar .cg-pagination{margin-left:0}.cg-pagination .cg-navigation-mobile.cg-pagination-bar .cg-field-small .cg-field-select-container,.cg-pagination .cg-navigation-mobile.cg-pagination-bar .cg-field-small:not(.cg-field-secondary) .cg-field-select-container{display:none}.cg-pagination .cg-pagination-item{display:none;cursor:pointer;margin-top:0}@media (min-width:37.5rem){.cg-pagination .cg-pagination-item{display:inline-block}}.cg-pagination .cg-pagination-item:not(:last-child){margin-right:.5rem}.cg-pagination .cg-pagination-item:first-child,.cg-pagination .cg-pagination-item:last-child{display:inline-block}.cg-pagination .cg-pagination-link{color:#353535;display:inline-block;font-size:.875rem;line-height:1.29;height:2rem;min-width:2rem;padding:.4375rem 0;text-align:center;text-decoration:none}.cg-pagination .cg-pagination-link:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-pagination .cg-pagination-link:focus:not(:focus-visible),.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill:focus:not(:focus-visible){outline:0}.cg-pagination .cg-pagination-link:hover:not(.cg-disabled){background-color:#e6f2f9;text-decoration:none}.cg-pagination.cg-is-mobile-device .cg-pagination-link:hover{background:0 0}.cg-pagination .cg-pagination-ellipsis{color:#353535;display:inline-block;font-size:.875rem;line-height:1.29;height:2rem;min-width:2rem;padding:.4375rem 0;text-align:center;cursor:default}.cg-pagination .cg-pagination-bar{display:flex}.cg-pagination .cg-pagination-bar .cg-pagination{margin-left:0;align-items:baseline}@media (min-width:37.5rem){.cg-pagination .cg-pagination-bar .cg-pagination{margin-left:2rem}}.cg-pagination .cg-pagination-bar .cg-field-select-container{position:relative;display:inline-block}.cg-pagination .cg-pagination-bar .cg-pagination-results{font-size:.875rem;line-height:1.29;flex-grow:2;margin-right:auto;padding:.4375rem 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-pagination-bar-left{flex-grow:1;color:#353535;font-size:.875rem;line-height:1.125rem;padding:.4375rem 0}.cg-pagination-bar-right,.cg-product-selector product-selector-item-name{display:flex}.cg-pagination-bar-right [data-e2e=cg-field].cg-field-custom-select{margin-bottom:0;margin-right:2rem}.cg-pagination-bar-right [data-e2e=cg-field].cg-field-custom-select [data-e2e=cg-field-body] select{padding-right:1.75rem;width:auto;cursor:pointer}.cg-pagination-bar,.cg-pagination-bar *,.cg-pagination-bar ::after,.cg-pagination-bar ::before{box-sizing:border-box}.cg-pagination-bar{font-family:inherit;display:flex;flex-direction:row}.cg-pill-ctx .cg-pill.cg-pill-suggestion{border:.0625rem solid #dadada;background-color:#fff}.cg-pill-ctx .cg-pill.cg-pill-suggestion.cg-is-active{background-color:#f2f8fc}.cg-pill-ctx .cg-pill.cg-pill-suggestion:hover{background-color:#e6f2f9}.cg-pills-container,.cg-pills-container *,.cg-pills-container ::after,.cg-pills-container ::before{box-sizing:border-box}.cg-pills-container{display:flex;align-items:center;height:2rem}.cg-pills-container .cg-dropdown .cg-pill-ctx{display:block}.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill{width:100%;border:0;border-radius:0;padding:0 1rem 0 .6875rem}.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill:not(.cg-pill-suggestion){background-color:#fff}.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill:hover{background-color:#e6f2f9}.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill span:not([data-e2e=cg-icon])+[data-e2e=cg-icon],.cg-pills-container .cg-dropdown .cg-pill-ctx .cg-pill span:not([data-e2e=cg-icon])+iconsvg{margin-left:auto;margin-right:0}.cg-pills-container .cg-pill-clear-button{white-space:nowrap;margin-left:-1rem}.cg-pills-container .cg-pills-group{display:inline-flex;flex-wrap:nowrap;align-items:center}.cg-pills-container .cg-pills-group .cg-pill-ctx{margin-right:1rem}.cg-pills-container .cg-pill-is-hidden{visibility:hidden;transform:scale(0);position:fixed;top:-100%}div.cg-pill-dropdown-disabled-animation .cg-pill-ctx.cg-element-hidden .cg-pill{animation-duration:0ms;animation-delay:1ms}.cg-product-card,.cg-product-card *,.cg-product-card ::after,.cg-product-card ::before{box-sizing:border-box}.cg-product-card{font-family:inherit;display:flex;flex-direction:column;font-weight:400}.cg-product-card .cg-product-card-info{align-items:center;display:flex}.cg-product-card .cg-product-card-info [data-e2e=cg-product-selector-item-thumb]{height:3rem;font-size:1.5rem;line-height:3rem;width:3rem;text-align:center;margin-right:1rem}.cg-product-card .cg-product-card-product-info .cg-product-card-info-version{font-size:.75rem}.cg-product-card .cg-product-card-meta>*{margin-top:1.5rem}.cg-product-card .cg-product-card-license-text,.cg-product-card .cg-product-card-publisher-text{margin-top:.5rem}.cg-product-card .cg-product-card-license{margin-top:2rem;font-size:.875rem;font-weight:300}.cg-product-card .cg-product-card-publisher{font-size:.875rem;font-weight:300}.cg-product-card .cg-product-card-license-label,.cg-product-card .cg-product-card-publisher-label{font-size:.75rem;font-weight:500;letter-spacing:.0625rem;line-height:1.3333333333;text-transform:uppercase}.cg-product-card .cg-product-card-license-text{font-size:.875rem;font-weight:300}.cg-product-card .cg-product-card-description{font-size:.875rem}.cg-product-card .cg-product-card-info-name{font-weight:500;line-height:1.25rem}.cg-product-card .cg-product-card-publisher-text{line-height:1.3125rem}.cg-product-card .cg-product-card-info-version,.cg-product-card .cg-product-card-license-label,.cg-product-card cg-product-card-publisher-label{line-height:1rem}.cg-product-card .cg-product-card-license-text{line-height:1.125rem}.cg-product-selector-item-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;align-self:center;font-weight:500}.cg-product-selector-item-thumb{font-weight:500;background-color:#007ac3;color:#dadada;line-height:2rem;width:2rem;height:2rem;font-size:1rem;text-align:center;text-transform:uppercase;margin:0 .5rem 0 0;border-radius:.25rem;text-shadow:0 .125rem .25rem rgba(0,0,0,.3)}.cg-product-selector-item{margin:0}.cg-product-selector .cg-product-selector-list li.cg-is-active,.cg-product-selector-item.cg-is-active{display:none}.cg-product-selector-item .cg-product-selector-product-link{color:#fff;display:flex;font-size:.875rem;padding:1rem 2rem;transition:background-color .2s ease-out}.cg-product-selector-item .cg-product-selector-product-link:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-product-selector-item .cg-product-selector-product-link:focus:not(:focus-visible){outline:0}.cg-product-selector-item .cg-product-selector-product-link:hover{background-color:#353535;text-decoration:none}.cg-product-selector,.cg-product-selector *,.cg-product-selector ::after,.cg-product-selector ::before{box-sizing:border-box}.cg-product-selector{font-family:inherit;margin:0 -2rem}.cg-product-selector .cg-product-selector-list{list-style:none;margin:0;padding:0}.cg-smokebreak-title{margin-bottom:1rem;color:#353535;font-size:1.125rem;font-weight:500;line-height:1.44;margin:0}.cg-smokebreak,.cg-smokebreak *,.cg-smokebreak ::after,.cg-smokebreak ::before{box-sizing:border-box}.cg-smokebreak{font-family:inherit;bottom:0;display:flex;flex-direction:column;left:0;overflow-x:hidden;overflow-y:auto;position:fixed;right:0;top:0;z-index:1048}.cg-smokebreak.cg-is-hidden .cg-smokebreak-content{opacity:0;transition:opacity 200ms cubic-bezier(.4,0,1,1),transform 200ms cubic-bezier(.4,0,1,1) 50ms}.cg-smokebreak.cg-is-hidden .cg-smokebreak-content.cg-is-left{transform:translateX(-12.5rem)}.cg-smokebreak.cg-is-hidden .cg-smokebreak-content.cg-is-right{transform:translateX(12.5rem)}.cg-smokebreak.cg-is-hidden .cg-smokebreak-overlay{opacity:0}.cg-smokebreak .cg-smokebreak-overlay{transition:opacity 200ms linear;opacity:1;background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.cg-smokebreak .cg-smokebreak-content{display:flex;flex-direction:column;position:fixed;background-color:#fff;border:.0625rem solid #dadada;box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1);height:100%;margin:0;padding:0;width:100%;opacity:1;transform:translateX(0);transition:opacity 300ms cubic-bezier(0,0,.2,1) 100ms,transform 300ms cubic-bezier(0,0,.2,1) 50ms}.cg-smokebreak .cg-smokebreak-content:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-smokebreak .cg-smokebreak-content:focus:not(:focus-visible){outline:0}@media (min-width:37.5rem){.cg-smokebreak .cg-smokebreak-content{min-height:100vh;min-height:-webkit-fill-available;max-height:100vh;max-height:-webkit-fill-available;margin-top:0;width:23.5rem}.cg-smokebreak .cg-smokebreak-content.cg-smokebreak-size-big{width:calc(100vw - 23.5rem)}.cg-smokebreak .cg-smokebreak-content.cg-smokebreak-size-content{min-width:23.5rem;display:inline-flex;width:auto}}.cg-smokebreak .cg-smokebreak-content.cg-is-left{left:0;top:0}.cg-smokebreak .cg-smokebreak-content.cg-is-right{right:0;top:0}.cg-smokebreak .cg-smokebreak-content:not(.cg-has-sticky-header) .cg-smokebreak-close{position:absolute;right:0;top:0;z-index:1}.cg-smokebreak .cg-smokebreak-content .cg-smokebreak-header{background-color:#fff;padding:0;position:relative}.cg-smokebreak .cg-smokebreak-content .cg-smokebreak-body{flex-grow:1;overflow-y:auto;padding:0;position:relative}.cg-smokebreak .cg-smokebreak-content .cg-smokebreak-footer{background:#fff;padding:0;margin:0;transition:background 100ms cubic-bezier(.4,0,.2,1)}.cg-smokebreak .cg-smokebreak-content .cg-smokebreak-footer.cg-is-below-scroll{background:#f6f6f6}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark{background-color:#353535;border:0}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-aside-header.cg-has-scroll-shadow{box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.25);border-bottom:0}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-close{color:#fff}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-close:focus,.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-close:hover{color:#fff}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-header{background-color:#353535}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-body,.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-body a,.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-header [data-e2e=cg-smokebreak-title]{color:#fff}.cg-smokebreak .cg-smokebreak-content.cg-has-theme-dark .cg-smokebreak-footer{background:#000}.cg-smokebreak .cg-smokebreak-aside-header{display:flex;justify-content:flex-end;z-index:1;min-height:3rem;flex-shrink:0}.cg-smokebreak .cg-smokebreak-aside-header.cg-has-scroll-shadow{box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1);border-bottom:.0625rem solid #dadada}.cg-smokebreak .cg-smokebreak-heading{flex-grow:1;display:flex;align-items:center}.cg-product-switcher-add-product{display:inline-block;height:2.5rem;padding:.6875rem 0;font-size:.875rem;line-height:1.29;margin-top:.5rem;border:.0625rem solid transparent}.cg-product-switcher-header{display:block;height:1.625rem;cursor:pointer;margin:.9375rem 2rem}.cg-product-switcher-header:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-product-switcher-header:focus:not(:focus-visible),.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:focus:not(:focus-visible){outline:0}.cg-product-switcher-header img{height:100%}.cg-product-switcher-learn-more{display:inline-block;height:2.5rem;padding:.6875rem 0;font-size:.875rem;line-height:1.29;margin-top:1rem;border:.0625rem solid transparent}.cg-product-switcher,.cg-product-switcher *,.cg-product-switcher ::after,.cg-product-switcher ::before{box-sizing:border-box}.cg-product-switcher{font-family:inherit}.cg-product-switcher a{color:#005b92;text-decoration:none}.cg-product-switcher a:hover{color:#003d61;text-decoration:underline}.cg-product-switcher .cg-scroll-fade-top{color:#00f}.cg-product-switcher .cg-scroll-fade-top::before{content:"";position:fixed;background:linear-gradient(rgba(0,0,0,.25),transparent);width:100%;height:.75rem;pointer-events:none}.cg-product-switcher .cg-smokebreak-body,.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-badge] tag{display:flex}.cg-product-switcher .cg-product-switcher-body{display:flex;flex-direction:column;width:100%;overflow-y:auto}.cg-product-switcher .cg-product-switcher-selector-section{padding:2rem}.cg-product-switcher .cg-product-switcher-info-section{background-color:#353535;padding:2rem 2rem 1rem}.cg-product-switcher .cg-product-switcher-selector-section{background-color:#474747;flex-grow:1;padding-bottom:0}.cg-product-switcher .cg-product-switcher-selector-heading{color:#fff;text-transform:uppercase;font-size:.75rem;font-weight:500;letter-spacing:.0625rem;margin:0 0 1rem;line-height:1rem}.cg-search-suggestion-private{margin:0 1rem;padding:0;border-bottom:.0625rem solid #dadada}.cg-search-suggestion-private.cg-search-suggestion-button{color:#353535;background-color:#fff;cursor:pointer;display:flex;align-items:center;font-size:1rem;line-height:3;margin:0 1rem;padding:0 .75rem;text-align:left;white-space:nowrap;width:calc(100% - 2rem);height:calc(3rem + .0625rem);max-width:100%}.cg-search-suggestion-private.cg-search-suggestion-button.cg-is-active{background-color:#e6f2f9;color:#353535}.cg-search-suggestion-private.cg-search-suggestion-button:focus,.cg-search-suggestion-private.cg-search-suggestion-button:focus-within,.cg-search-suggestion-private.cg-search-suggestion-button:hover{background-color:#e6f2f9;color:#353535}.cg-search-suggestion-private.cg-search-suggestion-button:focus{outline:0}.cg-search-suggestion-private.cg-search-suggestion-button.cg-search-suggestion-small{margin:0 .5rem;height:calc(2.5rem + .0625rem);width:calc(100% - 1rem);line-height:2.86;font-size:.875rem;padding:0 .75rem}.cg-search-suggestion-private.cg-search-suggestion-button.cg-search-suggestion-small:last-child{height:2.5rem;border-bottom:none}.cg-search-suggestion-private:last-child{height:3rem;border-bottom:none}.cg-search-suggestion-private .cg-search-suggestions-item-subtitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cg-search-suggestion-subtitle-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-search-suggestion-private:active .cg-search-suggestions-item-subtitle,.cg-search-suggestion-private:hover .cg-search-suggestions-item-subtitle{color:var(--cg-search-suggestion-subtitle-text-color, #757575)}search-suggestion.cg:not(:last-child) .cg-search-suggestion-private{border-bottom:.0625rem solid #dadada;height:calc(3rem + .0625rem)}search-suggestion.cg:not(:last-child) .cg-search-suggestion-private.cg-search-suggestion-small{border-bottom:.0625rem solid #dadada;height:calc(2.5rem + .0625rem)}.cg-search-suggestion-private .cg-search-suggestion-left-icon{margin-right:1rem}.cg-search-suggestion-private .cg-search-suggestion-left-icon.cg-search-suggestion-small{margin-right:.5rem}.cg-search-suggestion-private .cg-search-suggestion-button-main{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;text-align:start;flex-grow:1;display:flex;cursor:pointer}.cg-search-suggestion-private .cg-search-suggestion-text.cg-search-suggestion-has-subtitle{display:block;line-height:1.71}.cg-search-suggestion-private .cg-search-suggestion-right-icon[data-e2e=cg-search-suggestion-right-icon]{background-color:#fff}.cg-search-suggestion-private button{appearance:none;border:0;margin:0;padding:0;width:auto;overflow:visible;line-height:0;background:0 0;color:inherit;font:inherit}.cg-search-suggestion-category .cg-search-suggestion-category-title{font-size:.75rem;font-weight:500;letter-spacing:.0625rem;line-height:1.3333333333;text-transform:uppercase;margin:1rem 1rem .25rem}.cg-search-suggestion-category.cg-search-suggestion-category-small .cg-search-suggestion-category-title{margin:1rem .5rem .25rem}.cg-search-suggestion-category .cg-search-suggestions-list,spine-menu.cg>ul{list-style:none;margin:0;padding:0}.cg-search-suggestions-dropdown,.cg-search-suggestions-dropdown *,.cg-search-suggestions-dropdown ::after,.cg-search-suggestions-dropdown ::before{box-sizing:border-box}.cg-search-suggestions-dropdown{position:relative;font-family:inherit}.cg-search-suggestions-dropdown .cg-search-suggestions-dropdown-menu-wrapper{background-color:#fff;border:.0625rem solid #dadada;box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1);display:none;padding:0;position:absolute;z-index:1040;top:100%;left:0;width:100%}@media (max-width:63.9375rem){.cg-search-suggestions-dropdown .cg-search-suggestions-dropdown-menu-wrapper{bottom:0;left:0;margin-top:0;padding:0;position:fixed;right:0;top:0;width:auto}}.cg-search-suggestions-dropdown .cg-search-suggestions-dropdown-menu-wrapper.cg-is-open{display:flex;flex-direction:column}.cg-search-suggestions-dropdown .cg-search-suggestions-dropdown-menu-area{display:flex;flex-direction:column;overflow-y:auto;padding-bottom:1rem}@media (min-width:64rem){.cg-search-suggestions-dropdown .cg-search-suggestions-dropdown-menu-area{max-height:37.5rem}}.cg-search-suggestions-dropdown [data-e2e=cg-field]{margin-bottom:0}.cg-search-suggestions-dropdown-doc-ref{display:inline;height:0}.cg-search-suggestions-dropdown-menu,search-suggestions-dropdown-menu-private.cg{overflow-y:auto}.cg-search-field_cg_unique .cg-input-field-container input{padding-left:0}.cg-search-field_cg_unique .cg-input-field-container.cg-has-prefilter input{padding-left:4rem}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button{color:#353535;position:absolute;width:2.6875rem;border:0;background:0 0;cursor:pointer;padding-left:.1875rem}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:hover{color:#005b92}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button [data-e2e=cg-icon]:nth-child(2),.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button iconsvg:nth-child(2){display:none}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:active [data-e2e=cg-icon]:first-child:not(:only-child),.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:active iconsvg:not(:only-of-type){display:none}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:active [data-e2e=cg-icon]:nth-child(2),.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:active [data-e2e=cg-icon]:nth-last-child(2),.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:active iconsvg:nth-child(2){display:inline-block}.cg-search-field_cg_unique .cg-input-field-container .cg-prefilter-button:after{content:" ";height:1.5rem;width:.0625rem;position:absolute;background:#dadada;right:-.1875rem;display:block;top:.6875rem}.cg-search-field_cg_unique .cg-input-field-container .cg-close-button-divider{border-left:.0625rem solid #dadada;height:1.5rem}.cg-search-field_cg_unique [data-e2e=cg-button-field]{z-index:1;position:relative}.cg-search-field_cg_unique [data-e2e=cg-search-button]{margin:0}.cg-search-suggestions .cg-prefilter-button{padding:0}.cg-search-suggestion-wrapper_unique .highlight{font-weight:700}.cg-segmented-control,.cg-segmented-control *,.cg-segmented-control ::after,.cg-segmented-control ::before{box-sizing:border-box}.cg-segmented-control{font-family:inherit}.cg-segmented-control .cg-segmented-control-item.cg-is-disabled,.cg-segmented-control.cg-is-disabled{opacity:.5;pointer-events:none}.cg-segmented-control .cg-segmented-control-item.cg-is-disabled .cg-segmented-control-input:focus,.cg-segmented-control .cg-segmented-control-item.cg-is-disabled .cg-segmented-control-input:focus~[data-e2e=cg-segmented-control-text]::after,.cg-segmented-control.cg-is-disabled .cg-segmented-control-input:focus,.cg-segmented-control.cg-is-disabled .cg-segmented-control-input:focus~[data-e2e=cg-segmented-control-text]::after{box-shadow:none}.cg-segmented-control:not(.cg-segmented-control-with-label) .cg-segmented-control-label{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:.0625rem;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cg-segmented-control .cg-segmented-control-header{color:#353535;font-size:.875rem;font-weight:500;line-height:1.57}.cg-segmented-control .cg-segmented-control-label{display:inline-block;margin-bottom:.25rem}.cg-segmented-control[data-items="1"] .cg-segmented-control-body{grid-template-columns:repeat(1,1fr)}.cg-segmented-control[data-items="2"] .cg-segmented-control-body{grid-template-columns:repeat(2,1fr)}.cg-segmented-control[data-items="3"] .cg-segmented-control-body{grid-template-columns:repeat(3,1fr)}.cg-segmented-control[data-items="4"] .cg-segmented-control-body{grid-template-columns:repeat(4,1fr)}.cg-segmented-control[data-items="5"] .cg-segmented-control-body{grid-template-columns:repeat(5,1fr)}.cg-segmented-control .cg-segmented-control-body{background-color:#ededed;display:inline-grid;grid-template-rows:auto;border-radius:.375rem;height:2rem;position:relative;z-index:1}.cg-segmented-control .cg-segmented-control-body>*{display:inline-grid}.cg-segmented-control .cg-segmented-control-body>:nth-child(1){-ms-grid-column:1}.cg-segmented-control .cg-segmented-control-body>:nth-child(2){-ms-grid-column:2}.cg-segmented-control .cg-segmented-control-body>:nth-child(3){-ms-grid-column:3}.cg-segmented-control .cg-segmented-control-body>:nth-child(4){-ms-grid-column:4}.cg-segmented-control .cg-segmented-control-body>:nth-child(5){-ms-grid-column:5}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-item{width:calc(100% - 2*.125rem);position:relative;min-width:6rem;white-space:nowrap;background-color:transparent;border:.0625rem solid transparent;border-radius:.25rem;color:#474747;margin:.125rem;padding:.25rem .8125rem}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-item:hover{border:.0625rem solid #dadada}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-item:focus-visible{outline:0}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input{clip:rect(0,0,0,0);position:absolute}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:checked~[data-e2e=cg-segmented-control-text],.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:checked~segmented-control-item{color:#353535;font-weight:500}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:checked~[data-e2e=cg-segmented-control-text]::before,.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:checked~segmented-control-item::before{background-color:#fff;border-radius:.25rem;border:.0625rem solid #dadada;bottom:-.0625rem;box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1);content:"";left:-.0625rem;position:absolute;right:-.0625rem;top:-.0625rem;z-index:-1}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:focus,.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:focus~[data-e2e=cg-segmented-control-text]::after,.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:focus~segmented-control-item::after{box-shadow:0 0 0 .125rem #000;bottom:-.0625rem;content:"";border-radius:.25rem;left:-.0625rem;position:absolute;right:-.0625rem;top:-.0625rem;z-index:1;outline:0}.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:focus:not(:focus-visible)~[data-e2e=cg-segmented-control-text]::after,.cg-segmented-control .cg-segmented-control-body .cg-segmented-control-input:focus:not(:focus-visible)~segmented-control-item::after{box-shadow:none}.cg-field-slider-container{position:relative;height:2rem;width:13.875rem}.cg-field-slider-container .cg-field-slider-track{background:#a3a3a3;border:0;border-radius:.125rem;height:.25rem;width:100%;position:absolute;top:calc((2rem - .25rem)/2)}.cg-field-slider-container .cg-field-slider-range-bar{background:#007ac3;border:0;border-radius:.125rem;height:.25rem;position:absolute;top:calc((2rem - .25rem)/2);left:0}.cg-field-slider-container .cg-field-slider-thumb{border:.0625rem solid #a3a3a3;height:1rem;width:1rem;border-radius:50%;background-color:#fff;cursor:pointer;transform:translateX(-.5rem);box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1);position:absolute;top:calc((2rem - 1rem)/2);transition:width 0s,height 0s,transform 0s;touch-action:none}.cg-field-slider-container .cg-field-slider-thumb:focus,.cg-field-slider-container .cg-field-slider-thumb:hover{height:1.5rem;top:calc((2rem - 1.5rem)/2);transform:translateX(-.75rem);width:1.5rem}.cg-field-slider-container .cg-field-slider-thumb:focus{outline:0;box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1),0 0 0 .125rem #000}.cg-field-slider-container .cg-field-slider-thumb:focus:not(:focus-visible){outline:0;box-shadow:0 .25rem .5rem 0 rgba(0,0,0,.1)}.cg-field-slider-container.cg-is-disabled{opacity:.5;pointer-events:none}.cg-field-slider,.cg-field-slider *,.cg-field-slider ::after,.cg-field-slider ::before{box-sizing:border-box}.cg-field-slider[data-e2e=cg-field]{font-family:inherit}.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body]{display:flex;flex-direction:row}.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body]>*+*{margin-left:1.25rem}.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body] input:not([type=radio]):not([type=checkbox]){color:#474747;width:2.625rem}.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body] input:not([type=radio]):not([type=checkbox])[type=number]::-webkit-inner-spin-button,.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body] input:not([type=radio]):not([type=checkbox])[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body] input:not([type=radio]):not([type=checkbox])[type=number]{-moz-appearance:textfield}.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body] [data-e2e=cg-slider-range].cg-is-disabled,.cg-field-slider[data-e2e=cg-field] [data-e2e=cg-field-body] [data-e2e=cg-slider].cg-is-disabled{opacity:1}.cg-field-slider-thumb{touch-action:none}.cg-spine-container,.cg-spine-container *,.cg-spine-container ::after,.cg-spine-container ::before{box-sizing:border-box}.cg-spine-container{font-family:inherit;display:flex;flex-direction:row;position:relative}.cg-spine-container.cg-spine-style-not-classic .cg-spine-container-aside,.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-smokebreak-footer]{background-color:#232323}.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content]{background-color:#232323;border:0}.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-spine-menu-item-link].cg-spine-menu-item-link-selected{background-color:#007ac3;font-weight:500}.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-button-field-icon-close] [data-e2e=cg-smokebreak-close]{color:#fff}.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-button-field-icon-close] [data-e2e=cg-smokebreak-close]:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-button-field-icon-close] [data-e2e=cg-smokebreak-close]:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-button-field-icon-close] [data-e2e=cg-smokebreak-close]:focus,.cg-spine-container.cg-spine-style-not-classic [data-e2e=cg-smokebreak-content] [data-e2e=cg-button-field-icon-close] [data-e2e=cg-smokebreak-close]:hover{color:#fff}.cg-spine-container.cg-spine-style-not-classic .cg-spine-activator-container .cg-spine-activator,.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-expand{color:#dadada}.cg-spine-container.cg-spine-style-not-classic .cg-spine-activator-container .cg-spine-activator:focus-visible{outline-color:#fff;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-spine-container.cg-spine-style-not-classic .cg-spine-activator-container .cg-spine-activator:focus:not(:focus-visible){outline:0}.cg-spine-container.cg-spine-style-not-classic .cg-spine-activator-container .cg-spine-activator:active,.cg-spine-container.cg-spine-style-not-classic .cg-spine-activator-container .cg-spine-activator:focus{color:#dadada}.cg-spine-container.cg-spine-style-not-classic .cg-spine-activator-container .cg-spine-activator:hover{color:#fff}.cg-spine-container.cg-spine-style-not-classic .cg-spine-aside-footer.cg-is-below-scroll{background:#353535}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container:hover{background-color:#474747}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container.cg-spine-menu-child-link-container-selected{background-color:#007ac3}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link{color:#dadada;border-left:.125rem solid #757575}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link:focus,.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-expand:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link:hover{color:#fff;background-color:#474747;border-color:#a3a3a3}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link.cg-spine-menu-child-link-selected{color:#fff;border-color:#fff;background-color:#007ac3}.cg-spine-container [data-e2e=cg-spine-aside-more-container] button.cg-spine-aside-more:focus:not(:focus-visible),.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-expand:focus:not(:focus-visible),.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-link:focus:not(:focus-visible){outline:0;box-shadow:none}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-expand:hover{color:#fff}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-expand [data-e2e=cg-icon]{color:#dadada}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-link{transition:background-color .2s ease-out,border-color .2s ease-out;color:#dadada;border-color:#474747}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-link:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-link.cg-spine-menu-item-link-selected-parent,.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-link:hover{background-color:#474747;color:#fff}.cg-spine-container.cg-spine-style-not-classic .cg-spine-menu-item-link.cg-spine-menu-item-link-selected{background-color:#007ac3;color:#fff}.cg-spine-container.cg-spine-style-not-classic .cg-spine-container-main .cg-spine-menu-item-link-selected{background-color:#232323}.cg-spine-container.cg-spine-style-classic .cg-spine-container-aside{background-color:#fff}.cg-spine-container.cg-spine-style-classic .cg-spine-aside-footer.cg-is-below-scroll{background:#f6f6f6}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container.cg-spine-menu-child-link-container:hover{background-color:#e6f2f9}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container.cg-spine-menu-child-link-container-selected{background-color:#f2f8fc}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link{color:#353535;border-left:.125rem solid #dadada}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link:focus:not(:focus-visible){outline:0}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link:hover{color:#005b92}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-child-link-container .cg-spine-menu-child-link.cg-spine-menu-child-link-selected{color:#005b92;border-color:#005b92}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-expand{color:#353535}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-expand:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-expand:focus:not(:focus-visible),.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link:focus:not(:focus-visible){outline:0}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-expand [data-e2e=cg-icon]{color:#353535}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link{transition:background-color .2s ease-out;color:#353535}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link:hover{background-color:#e6f2f9;color:#005b92}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link.cg-spine-menu-item-link-selected{color:#005b92;background-color:#f2f8fc;border-left:.25rem solid #005b92}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link.cg-spine-menu-item-link-selected [data-e2e=cg-icon]{margin:0 1.0625rem 0 .75rem}.cg-spine-container.cg-spine-style-classic .cg-spine-menu-item-link.cg-spine-menu-item-link-selected-parent{background-color:#f2f8fc}@media (min-width:64rem){.cg-spine-container{height:100%}}.cg-spine-container .cg-spine-container-aside{min-width:3.5rem;width:3.5rem;border-right:.0625rem solid #dadada;height:calc(100vh - 56px);height:calc(100dvh - 56px);overflow-y:auto}.cg-spine-container .cg-spine-container-aside [data-e2e=cg-spine-menu-item-link].cg-spine-menu-item-link-selected{font-weight:500}.cg-spine-container .cg-spine-container-aside.cg-spine-container-aside-truncated{overflow-y:hidden}.cg-spine-container .cg-spine-container-aside.cg-spine-container-aside-truncated [data-e2e=cg-spine-menu-item].cg-spine-menu-item-hidden{top:-624.9375rem;left:-624.9375rem;position:absolute;opacity:0;pointer-events:none;visibility:hidden}.cg-spine-container .cg-spine-container-aside:not(.cg-spine-container-aside-truncated) .cg-spine-aside-more,.cg-spine-container .cg-spine-container-aside:not(.cg-spine-container-aside-truncated) button-field-icon{top:-624.9375rem;left:-624.9375rem;position:absolute;opacity:0;pointer-events:none;visibility:hidden}.cg-spine-container .cg-spine-container-aside:not(.cg-spine-container-aside-truncated) [data-e2e=cg-spine-aside-more-container]{width:100%}.cg-spine-container .cg-spine-container-aside:not(.cg-spine-container-aside-truncated) [data-e2e=cg-spine-aside-more-container] [data-e2e=cg-sr-only]{display:none}.cg-spine-container .cg-spine-container-aside-closing,.cg-spine-container .cg-spine-container-aside-opening{overflow:hidden;transition:width 300ms cubic-bezier(.4,0,.2,1)}.cg-spine-container .cg-spine-container-aside-floating{position:absolute;z-index:1}.cg-spine-container .cg-spine-container-aside-floating.cg-spine-container-aside-open,.cg-spine-container .cg-spine-container-aside-floating.cg-spine-container-aside-opening{width:17rem}.cg-spine-container .cg-spine-container-aside-closed:hover,.cg-spine-container .cg-spine-container-aside-floating:hover{box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1)}.cg-spine-container .cg-spine-aside{display:flex;flex-direction:column;height:100%}.cg-spine-container .cg-spine-menu-container{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.cg-spine-container .cg-spine-activator-container [data-e2e=cg-button-field-icon-close] button.cg-spine-activator{padding:1.125rem;margin:.125rem}.cg-spine-container .cg-spine-container-aside-static .cg-spine-activator-container{align-self:flex-end;transition:transform 300ms cubic-bezier(.4,0,.2,1)}.cg-spine-container .cg-spine-container-aside-static .cg-spine-activator-container [data-e2e=cg-icon]{transform:rotate(0deg)}.cg-spine-container .cg-spine-container-aside-static .cg-spine-activator-container.cg-spine-activator-open [data-e2e=cg-icon],.cg-spine-container .cg-spine-container-aside-static .cg-spine-activator-container.cg-spine-activator-opening [data-e2e=cg-icon]{transform:rotate(-180deg)}.cg-spine-container .cg-spine-container-aside-header{height:3rem;box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1)}.cg-spine-container .cg-spine-container-aside-footer>*{padding:1rem}@media (min-width:64rem){.cg-spine-container .cg-spine-container-aside-footer>*{padding:.5rem}}.cg-spine-container .cg-spine-container-main{overflow:auto;flex-grow:1;position:relative;height:calc(100vh - 3.5rem);height:calc(100dvh - 3.5rem)}.cg-spine-container .cg-spine-host{display:contents}.cg-spine-container .cg-spine-container-aside.cg-spine-inherited-height,.cg-spine-container .cg-spine-container-main.cg-spine-inherited-height,.cg-spine-container spine-menu{height:100%}.cg-spine-container .cg-spine-container-aside-floating+.cg-spine-container-main{margin-left:3.5rem}.cg-spine-container [data-e2e=cg-spine-aside-more-container] button.cg-spine-aside-more{height:3.5rem;margin-bottom:.5rem;width:100%;color:#dadada}.cg-spine-container [data-e2e=cg-spine-aside-more-container] button.cg-spine-aside-more:focus{box-shadow:inset 0 0 0 .125rem #fff;outline:0}.cg-spine-container [data-e2e=cg-spine-aside-more-container] button.cg-spine-aside-more:hover{color:#fff;background-color:#474747}.cg-spine-container [data-e2e=cg-spine-aside-more-container] button.cg-spine-aside-more:focus-visible{color:#fff}.cg-spine-container [data-e2e=cg-spine-aside-more-container]{width:100%}.cg-tag-group,.cg-tag-group *,.cg-tag-group ::after,.cg-tag-group ::before{box-sizing:border-box}.cg-tag-group{font-family:inherit;display:flex;flex-wrap:wrap}.cg-tag-group>*+[class*=cg-tag-text]{margin-left:1rem}.cg-tag-group>*+*,.cg-tag-group>*+* [class*=cg-tag-text]{margin-left:.5rem}.cg-tag-group [data-e2e=cg-tag]{margin-bottom:.5rem}.cg-tag,.cg-tag *,.cg-tag ::after,.cg-tag ::before{box-sizing:border-box}.cg-tag.cg-tag-default{font-family:inherit;height:1rem;background-color:#ededed;border-radius:.5rem;color:#000;display:inline-block;font-size:.6875rem;font-weight:500;letter-spacing:.0625rem;line-height:1;text-transform:uppercase;white-space:nowrap}.cg-tag.cg-tag-black,.cg-tag.cg-tag-blue,.cg-tag.cg-tag-default,.cg-tag.cg-tag-gray,.cg-tag.cg-tag-green,.cg-tag.cg-tag-orange,.cg-tag.cg-tag-red{padding:.1875rem .5rem .125rem}.cg-tag.cg-tag-black,.cg-tag.cg-tag-blue,.cg-tag.cg-tag-custom,.cg-tag.cg-tag-gray,.cg-tag.cg-tag-green,.cg-tag.cg-tag-orange,.cg-tag.cg-tag-red,.cg-tag.cg-tag-text,.cg-tag.cg-tag-text-blue,.cg-tag.cg-tag-text-gray,.cg-tag.cg-tag-text-green,.cg-tag.cg-tag-text-red{font-family:inherit;height:1rem;border-radius:.5rem;display:inline-block;font-size:.6875rem;font-weight:500;letter-spacing:.0625rem;line-height:1;text-transform:uppercase;white-space:nowrap}.cg-tag.cg-tag-custom{background-color:#ededed;color:#000;padding:.1875rem .5rem .125rem}.cg-tag.cg-tag-blue{background-color:#007ac3;color:#fff}.cg-tag.cg-tag-blue.cg-contrast-light{background-color:#a6d1ea;color:#000}.cg-tag.cg-tag-red{background-color:#e5202e;color:#fff}.cg-tag.cg-tag-red.cg-contrast-light{background-color:#f6b1b6;color:#000}.cg-tag.cg-tag-green{background-color:#85bc20;color:#000}.cg-tag.cg-tag-green.cg-contrast-light{background-color:#d4e8b1;color:#000}.cg-tag.cg-tag-gray{background-color:#232323;color:#fff}.cg-tag.cg-tag-gray.cg-contrast-light{background-color:#ededed;color:#000}.cg-tag.cg-tag-black{background-color:#474747;color:#fff}.cg-tag.cg-tag-orange{background-color:#ea8f00;color:#000}.cg-tag.cg-tag-orange.cg-contrast-light{background-color:#f8d8a6;color:#000}.cg-tag.cg-tag-text{color:#353535}.cg-tag.cg-tag-text,.cg-tag.cg-tag-text-blue,.cg-tag.cg-tag-text-gray,.cg-tag.cg-tag-text-green,.cg-tag.cg-tag-text-red{background-color:transparent;border-radius:0;padding:.1875rem 0 .125rem}.cg-tag.cg-tag-text-blue{color:#005b92}.cg-tag.cg-tag-text-red{color:#e5202e}.cg-tag.cg-tag-text-green{color:#425e10}.cg-tag.cg-tag-text-gray{color:#232323}.cg-tag.cg-tag-badge{padding:.1875rem .25rem .125rem .3125rem;text-align:center;min-width:1rem;height:1rem}.cg-tag.cg-tag-badge-compact{width:.375rem;height:.375rem;padding:0}.cg-spine-menu-child-link-container .cg-spine-menu-child-link{padding-left:1.625rem;padding-right:.625rem;font-size:.875rem;font-weight:300;line-height:2.29;text-decoration:none;display:flex;justify-content:space-between;align-items:center;white-space:nowrap}.cg-spine-menu-child-link-container .cg-spine-menu-child-link:hover{text-decoration:none}.cg-spine-menu-child-link-container .cg-spine-menu-child-link:not([href]){cursor:pointer}.cg-spine-menu-child-link-container .cg-spine-menu-child-link.cg-spine-menu-child-link-selected{font-weight:500}.cg-spine-menu-child-link-container .cg-spine-menu-child-link.cg-spine-menu-child-link-has-children{margin-right:3rem;padding-right:0}.cg-spine-menu-child-link-container .cg-spine-menu-child-link.cg-spine-menu-child-link-has-tooltip{overflow:hidden;text-overflow:ellipsis}.cg-spine-menu-child-link-container .cg-spine-menu-child-link [data-e2e=cg-tooltip]{cursor:default;pointer-events:none}.cg-spine-menu-child-link-container .cg-spine-menu-child-text{overflow:hidden;white-space:nowrap}.cg-spine-menu-child-link-container .cg-spine-menu-child-text.cg-spine-menu-child-link-has-tooltip{text-overflow:ellipsis}.cg-spine-menu-child{position:relative}.cg-spine-menu-child [data-e2e=cg-spine-menu-item-expand]{top:0}.cg-spine-menu-child .cg-spine-menu-child-link{padding-left:1.625rem}.cg-spine-menu-child .cg-spine-menu-child .cg-spine-menu-child-link{padding-left:2.625rem}.cg-spine-menu-child .cg-spine-menu-child .cg-spine-menu-child .cg-spine-menu-child-link{padding-left:3.625rem}.cg-spine-menu-children{list-style:none;margin-left:1.625rem;padding:0}.cg-spine-menu-children [data-e2e=cg-spine-menu-children]{margin-left:0}.cg-spine-menu-item-expand{padding:.5625rem;background:0 0;line-height:0;transition:background-color .2s ease-out;border:0;position:absolute;top:.75rem;right:1rem;cursor:pointer}.cg-spine-menu-item-expand:hover{background-color:transparent}.cg-spine-menu-item-expand [data-e2e=cg-icon]{margin:0}.cg-spine-menu-item{margin-bottom:.5rem;list-style:none;font-size:.875rem}.cg-spine-menu-item .cg-spine-menu-item-container{position:relative}.cg-spine-menu-item .cg-spine-menu-item-container>[data-e2e=cg-spine-menu-children],.cg-spine-menu-item .cg-spine-menu-item-container>spine-menu-children-private>spine-menu-children>[data-e2e=cg-spine-menu-children],.cg-spine-menu-item .cg-spine-menu-item-container>spine-menu-children>[data-e2e=cg-spine-menu-children]{margin-top:.5rem}.cg-spine-menu-item-link{padding-right:.625rem;background-color:transparent;display:flex;align-items:center;justify-content:space-between;font-weight:400;height:3.5rem;text-decoration:none}.cg-spine-menu-item-link:hover{text-decoration:none}.cg-spine-menu-item-link:focus{color:#dadada}.cg-spine-menu-item-link:not([href]){cursor:pointer}.cg-spine-menu-item-link [data-e2e=cg-icon]{margin:0 1.0625rem 0 1rem;flex-shrink:0;vertical-align:middle}.cg-spine-menu-item-link.cg-spine-menu-item-link-selected,.cg-spine-menu-item-link.cg-spine-menu-item-link-selected.cg-spine-menu-item-link-selected-parent{font-weight:400}.cg-spine-menu-item-link.cg-spine-menu-item-link-has-children{padding-right:3rem;margin-right:0}.cg-spine-menu-item-link [data-e2e=cg-tooltip]{cursor:default;pointer-events:none}.cg-spine-menu-item-link .cg-spine-menu-item-text{overflow:hidden;white-space:nowrap}.cg-spine-menu-item-link .cg-spine-menu-item-text.cg-spine-menu-item-has-tooltip{text-overflow:ellipsis}.cg-spine-menu-item-link [data-e2e=cg-spine-badge]{display:flex;align-items:center;justify-content:center;min-width:1.875rem}@media (min-width:64rem){spine-menu.cg>ul{padding-top:1rem}}.cg-spine-menu{list-style:none;margin:0;padding:0}@media (min-width:64rem){.cg-spine-menu{padding-top:1rem}}.cg-spine-menu.cg-spine-menu-closing,.cg-spine-menu.cg-spine-menu-opening{overflow:hidden}.cg-spine-menu.cg-spine-menu-closing [data-e2e=cg-spine-badge],.cg-spine-menu.cg-spine-menu-closing [data-e2e=cg-spine-menu-item-expand]{display:none}.cg-spine-menu.cg-spine-menu-closing [data-e2e=cg-spine-menu-item-link]{padding-right:0}.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-menu-item-link] .cg-spine-menu-item-text,.cg-spine-menu.cg-spine-menu-closing [data-e2e=cg-spine-menu-item-link] .cg-spine-menu-item-text,.cg-spine-menu.cg-spine-menu-opening [data-e2e=cg-spine-menu-item-link] .cg-spine-menu-item-text{text-overflow:clip}.cg-spine-menu.cg-spine-menu-closing [data-e2e=cg-spine-menu-item-link] .cg-spine-menu-item-text span:not([data-e2e=cg-icon]){animation:cg-spine-opacity 300ms cubic-bezier(.4,0,1,1) reverse;overflow:hidden;white-space:nowrap}.cg-spine-menu.cg-spine-menu-closing [data-e2e=cg-spine-menu-children]{overflow:hidden;animation:cg-spine-opacity 300ms cubic-bezier(.4,0,1,1) reverse,cg-spine-height 300ms cubic-bezier(.4,0,1,1) reverse}.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-menu-item-expand]{display:none}.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-menu-item-link] .cg-spine-menu-item-text span:not([data-e2e=cg-icon]){display:none}.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-menu-item-link]{padding-right:0}.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-menu-children]{display:none;max-height:0;opacity:0}.cg-spine-menu.cg-spine-menu-closed [data-e2e=cg-spine-badge]{position:absolute;top:.875rem;left:1.5rem}.cg-spine-menu.cg-spine-menu-opening [data-e2e=cg-spine-menu-item-expand]{display:none}.cg-spine-menu.cg-spine-menu-opening [data-e2e=cg-spine-menu-item-link] .cg-spine-menu-item-text span:not([data-e2e=cg-icon]){overflow:hidden;white-space:nowrap;animation:cg-spine-opacity 300ms cubic-bezier(.4,0,1,1)}.cg-spine-menu.cg-spine-menu-opening [data-e2e=cg-spine-menu-children]{overflow:hidden;animation:cg-spine-opacity 300ms cubic-bezier(.4,0,1,1),cg-spine-height 300ms cubic-bezier(.4,0,1,1)}.cg-spine-container .cg-spine-aside-footer{display:flex;flex-direction:column}.cg-spine-container .cg-spine-aside-footer .cg-button-field,.cg-spine-container .cg-spine-container-aside-footer .cg-button-field{display:block}.cg-spine-container .cg-spine-create-button{width:100%;border-radius:2.5rem;height:2.5rem;padding:.75rem;overflow:hidden;white-space:nowrap;justify-content:center}@media (min-width:64rem){.cg-spine-container .cg-spine-create-button{width:calc(100% - 1rem);margin:1rem .5rem .5rem}}.cg-spine-container .cg-spine-container-aside-closing .cg-spine-create-button span:not([data-e2e=cg-icon]){animation:cg-spine-opacity 300ms cubic-bezier(.4,0,1,1) reverse}.cg-spine-container .cg-spine-container-aside-closed .cg-spine-create-button span:not([data-e2e=cg-icon]){display:none}.cg-spine-container .cg-spine-container-aside-closed .cg-spine-create-button [data-e2e=cg-icon]{margin-right:0}.cg-spine-container .cg-spine-container-aside-opening .cg-spine-create-button span:not([data-e2e=cg-icon]){animation:cg-spine-opacity 300ms cubic-bezier(.4,0,1,1)}.cg-split-pane,.cg-split-pane *,.cg-split-pane ::after,.cg-split-pane ::before{box-sizing:border-box}.cg-split-pane{font-family:inherit;min-height:100%;width:100%;display:flex;flex-direction:row}.cg-split-pane .cg-split-pane-left{min-width:0;background-color:#fff;border-right:.0625rem solid #dadada;position:relative}.cg-split-pane .cg-split-pane-left-inner{overflow-x:hidden;overflow-y:auto;height:100%;position:relative}.cg-split-pane .cg-split-pane-left-closed{width:2.5rem;min-width:2.5rem}.cg-split-pane .cg-split-pane-left-closed .cg-split-pane-left-inner{width:auto;overflow:hidden}.cg-split-pane .cg-split-pane-right{flex:1;padding:4rem}.cg-split-pane .cg-split-pane-grip{cursor:col-resize;display:block;position:absolute;right:-1rem;width:1rem;top:0;bottom:0}.cg-split-pane .cg-split-pane-grip:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-split-pane .cg-split-pane-close:focus:not(:focus-visible),.cg-split-pane .cg-split-pane-grip:focus:not(:focus-visible){outline:0}.cg-split-pane .cg-split-pane-grip svg[icon-name=drag-handle-alt]{margin:0;position:fixed;top:50vh;color:#757575}.cg-split-pane .cg-split-pane-close{position:absolute;top:.25rem;right:.25rem;z-index:1;transition:transform .15s cubic-bezier(.4,0,.2,1)}.cg-split-pane .cg-split-pane-close:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-split-pane .cg-split-pane-close.cg-split-pane-left-close-hide{display:none}.cg-split-pane .cg-button-field-icon-wrapper,.cg-split-pane .cg-button-field-icon-wrapper button-field-icon,.cg-tree-node-icon iconsvg,.cg-tree-node-prefix iconsvg,tree-node-button.cg,tree-node-checkbox.cg{display:flex}@media screen and (max-width:47.9375rem){.cg-split-pane .cg-split-pane-close,.cg-split-pane .cg-split-pane-left,.cg-split-pane .cg-split-pane-sep{display:none}.cg-split-pane .cg-split-pane-right{margin-left:0;width:100%}.cg-split-pane .cg-split-pane-left-inner{padding:1rem}.cg-split-pane .cg-split-pane-left-inner.cg-split-pane-left-close-hide{padding-top:0}}.cg-split-pane .cg-split-pane-left-closed .cg-split-pane-close{top:0;right:0;transform:rotate(180deg)}.cg-split-pane .cg-split-pane-left-closed .cg-split-pane-left-slot{opacity:0}.cg-split-pane.cg-split-pane-opening .cg-split-pane-left{transition:width .3s cubic-bezier(.4,0,.2,1)}.cg-split-pane.cg-split-pane-opening .cg-split-pane-left-slot{transition:opacity .25s cubic-bezier(.4,0,1,1)}.cg-split-pane.cg-split-pane-closing .cg-split-pane-left{transition:width .2s cubic-bezier(.4,0,.2,1)}.cg-split-pane.cg-split-pane-closing .cg-split-pane-left-slot{transition:opacity .05s cubic-bezier(0,0,.2,1)}.cg-splitpane-aside-container,.cg-splitpane-aside-container *,.cg-splitpane-aside-container ::after,.cg-splitpane-aside-container ::before{box-sizing:border-box}.cg-splitpane-aside-container{height:100%;overflow:auto;z-index:1}.cg-splitpane-aside-container .cg-splitpane-aside{background-color:#fff}.cg-splitpane-aside-container .cg-splitpane-overlay{transition:opacity 200ms linear;opacity:1;background-color:rgba(0,0,0,.5);height:100%;left:0;position:absolute;top:0;width:100%}.cg-splitpane-aside-container.cg-placement-fullscreen{position:fixed;top:0;bottom:0;left:0;right:0;width:100vw}.cg-splitpane-aside-container .cg-splitpane-activator{position:absolute;top:0;right:0;z-index:1}.cg-splitpane-aside-container.cg-placement-elevated{display:flex;flex-direction:row;position:absolute;top:0;bottom:0;overflow:unset}.cg-splitpane-aside-container.cg-placement-elevated .cg-splitpane-aside{overflow:auto}.cg-splitpane-aside-container.cg-placement-elevated.cg-is-left{left:0}.cg-splitpane-aside-container.cg-placement-elevated.cg-is-right{right:0}.cg-splitpane-aside-container.cg-placement-elevated.cg-has-default-width{left:0;right:0;flex-direction:column}.cg-splitpane-aside-container.cg-placement-elevated.cg-has-default-width .cg-splitpane-aside{background-color:#fff;width:23.5rem}.cg-splitpane-aside-container.cg-placement-aside.cg-is-open,.cg-splitpane-aside-container.cg-placement-elevated.cg-is-open{max-width:100%}.cg-splitpane-aside-container.cg-placement-elevated.cg-is-open.cg-is-left:not(.cg-has-default-width)::after{pointer-events:none;content:"";position:absolute;top:0;right:-1.5rem;bottom:0;width:1.5rem;background:linear-gradient(to right,rgba(0,0,0,.1),transparent)}.cg-splitpane-aside-container.cg-placement-elevated.cg-is-open.cg-is-right:not(.cg-has-default-width)::before{pointer-events:none;content:"";position:absolute;top:0;left:-1.5rem;bottom:0;width:1.5rem;background:linear-gradient(to left,rgba(0,0,0,.1),transparent)}.cg-splitpane-aside-container.cg-placement-aside{display:flex;flex-direction:row;position:relative;top:unset;bottom:unset;left:unset;right:unset;z-index:1;overflow:unset}.cg-splitpane-aside-container.cg-placement-aside.cg-is-closed{max-width:3rem;width:3rem}.cg-splitpane-aside-container.cg-placement-aside.cg-is-closed .cg-splitpane-aside-body{padding-top:0}.cg-splitpane-aside-container.cg-placement-aside.cg-is-closed.cg-is-left:not(.cg-has-toggle-hidden) .cg-splitpane-aside-body{overflow:hidden;padding-right:2.9375rem}.cg-splitpane-aside-container.cg-placement-aside.cg-is-closed.cg-is-right:not(.cg-has-toggle-hidden) .cg-splitpane-aside-body{overflow:hidden;padding-left:2.9375rem}.cg-splitpane-aside-container.cg-placement-aside.cg-is-open{width:unset}.cg-splitpane-aside-container.cg-placement-aside.cg-is-open.cg-is-left [data-e2e=cg-separator]{left:100%}.cg-splitpane-aside-container.cg-placement-aside.cg-is-right .cg-splitpane-activator{left:-.0625rem;right:initial}.cg-splitpane-aside-container.cg-placement-aside.cg-is-right .cg-splitpane-header{flex-direction:row-reverse}.cg-splitpane-aside-container.cg-placement-aside.cg-is-right .cg-splitpane-heading{padding-left:0;padding-right:1rem}.cg-splitpane-aside-container.cg-placement-aside.cg-is-left .cg-splitpane-activator{right:-.0625rem;left:initial}.cg-splitpane-aside-container.cg-placement-aside.cg-is-left .cg-splitpane-aside,.cg-splitpane-aside-container.cg-placement-elevated.cg-is-left .cg-splitpane-aside{border-right:.0625rem solid #dadada}.cg-splitpane-aside-container.cg-placement-aside.cg-is-right .cg-splitpane-aside,.cg-splitpane-aside-container.cg-placement-elevated.cg-is-right .cg-splitpane-aside{border-left:.0625rem solid #dadada}.cg-splitpane-aside-container.cg-placement-elevated.cg-is-right .cg-splitpane-aside{position:absolute;right:0}.cg-splitpane-aside-container.cg-is-closed:not(.cg-placement-aside){display:none;max-width:0}.cg-splitpane-aside-container.cg-is-open .cg-splitpane-header+.cg-splitpane-aside-body{padding:0}.cg-splitpane-aside-container.cg-is-open.cg-has-small-content-margins .cg-splitpane-aside-body{padding-inline:1rem;padding-bottom:1rem}.cg-splitpane-aside-container.cg-is-open.cg-has-small-content-margins .cg-splitpane-header+.cg-splitpane-aside-body{padding:1rem}.cg-splitpane-aside-container.cg-is-open.cg-has-small-content-margins.cg-has-toggle-hidden .cg-splitpane-aside-body{padding-top:1rem}.cg-splitpane-aside-container.cg-is-open.cg-has-big-content-margins .cg-splitpane-aside-body{padding-inline:2rem;padding-bottom:2rem}.cg-splitpane-aside-container.cg-is-open.cg-has-big-content-margins .cg-splitpane-header+.cg-splitpane-aside-body{padding:2rem}.cg-splitpane-aside-container.cg-is-open.cg-has-big-content-margins.cg-has-toggle-hidden .cg-splitpane-aside-body{padding-top:2rem}@media (min-width:37.5rem){.cg-splitpane-aside-container.cg-is-left .cg-splitpane-activator{right:-.0625rem}}.cg-splitpane-aside-container.cg-is-right [data-e2e=cg-separator]{right:100%}.cg-splitpane-aside-container .cg-splitpane-aside{flex:1;position:relative;min-height:3rem;min-width:0;height:100%;display:flex;flex-direction:column;overflow-x:hidden}.cg-splitpane-aside-container .cg-splitpane-header{display:flex;justify-content:flex-end;z-index:1;border-bottom:.0625rem solid transparent}.cg-splitpane-aside-container .cg-splitpane-header.cg-has-scroll-shadow{box-shadow:0 .75rem 1.5rem 0 rgba(0,0,0,.1);border-bottom-color:#dadada}.cg-splitpane-aside-container .cg-splitpane-header.cg-has-border{border-bottom-color:#dadada}.cg-splitpane-aside-container .cg-splitpane-header .cg-splitpane-activator{position:static}.cg-splitpane-aside-container .cg-splitpane-heading{flex-grow:1;display:flex;align-items:flex-start;gap:.5rem;padding-block:.75rem;padding-left:1rem;overflow:hidden}.cg-splitpane-aside-container h2.cg-splitpane-heading-text{color:#353535;font-size:.875rem;line-height:1.29;margin-block:.1875rem;font-weight:500}.cg-splitpane-aside-container .cg-splitpane-heading-img{width:1.5rem;height:1.5rem;object-fit:cover}.cg-splitpane-aside-container .cg-splitpane-heading-img+.cg-splitpane-heading-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-splitpane-aside-container .cg-splitpane-aside-body{flex-grow:1;overflow:auto;position:relative;padding-top:3rem}.cg-splitpane-aside-container .cg-splitpane-aside-body [data-e2e=cg-tree-header]{margin-top:-3rem}.cg-splitpane,splitpane-aside.cg{display:flex;height:100%}.cg-splitpane{align-items:stretch;position:relative}.cg-splitpane .cg-splitpane-main-container{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:space-between;height:100%}.cg-splitpane .cg-splitpane-main-container.cg-is-small-resolution .cg-splitpane-action-bar [data-e2e=cg-action-bar]{border-color:#bfbfbf;background:0 0}.cg-splitpane .cg-splitpane-main{overflow-y:auto;flex-grow:1;padding:1rem}@media (min-width:90rem){.cg-splitpane .cg-splitpane-main{padding:2rem}}@media (min-width:64rem){.cg-splitpane .cg-splitpane-right{margin-right:.5rem;padding-right:.5rem}}@media (min-width:90rem){.cg-splitpane .cg-splitpane-right{margin-right:1rem;padding-right:1rem}}@media (min-width:64rem){.cg-splitpane [data-e2e=cg-splitpane-aside],.cg-splitpane splitpane-aside{height:auto}.cg-splitpane .cg-splitpane-action-bar{display:none}}.cg-splitpane-layout,.cg-splitpane-layout *,.cg-splitpane-layout ::after,.cg-splitpane-layout ::before{box-sizing:border-box}.cg-splitpane-layout{position:relative}.cg-splitpane-layout,splitpane-layout.cg{display:flex;width:100%;height:100%}.cg-stepthrough,.cg-stepthrough *,.cg-stepthrough ::after,.cg-stepthrough ::before{box-sizing:border-box}.cg-stepthrough{font-family:inherit;margin:0;display:flex;padding:0}.cg-stepthrough .cg-stepthrough-step{display:flex;position:relative;flex-direction:column;flex:1 0 auto;margin:0}.cg-stepthrough .cg-stepthrough-step:last-child{flex-grow:0}.cg-stepthrough .cg-stepthrough-step:not(:last-child)::before{position:absolute;width:100%;content:"";top:50%;transform:translate(0,-50%);border-width:0 0 .125rem;border-style:solid}.cg-stepthrough .cg-stepthrough-step::before{border-color:#005b92}.cg-stepthrough .cg-stepthrough-step .cg-stepthrough-icon{z-index:1;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;align-items:center;border:.125rem solid #005b92;border-radius:50%;min-height:2rem;height:2rem;min-width:2rem;width:2rem;background-color:#fff;color:#005b92}.cg-stepthrough .cg-stepthrough-step .cg-stepthrough-icon .cg-stepthrough-icon-element{font-size:1rem}.cg-stepthrough .cg-stepthrough-step.cg-is-active .cg-stepthrough-icon{background-color:#005b92;color:#fff}.cg-stepthrough .cg-stepthrough-step.cg-is-failed::before{border-color:#e5202e}.cg-stepthrough .cg-stepthrough-step.cg-is-failed .cg-stepthrough-icon{border-color:#e5202e;color:#e5202e}.cg-stepthrough .cg-stepthrough-step [data-e2e=cg-stepthrough-label]{left:0;transform:translate(1rem) translate(-50%);position:absolute;top:2.5rem;font-weight:500;font-size:.875rem}@media (max-width:37.4375rem){.cg-stepthrough .cg-stepthrough-step [data-e2e=cg-stepthrough-label]{display:none}}.cg-stepthrough .cg-is-active~.cg-stepthrough-step::before,.cg-stepthrough .cg-stepthrough-step.cg-is-active::before{border-color:#a3a3a3}.cg-stepthrough .cg-is-active~.cg-stepthrough-step .cg-stepthrough-icon{border-color:#a3a3a3;color:#474747}.cg-stepthrough.cg-is-vertical{flex-direction:column;align-items:center;min-height:100%;height:100%}.cg-stepthrough.cg-is-vertical .cg-stepthrough-step{flex-direction:row}.cg-stepthrough.cg-is-vertical .cg-stepthrough-step:not(:last-child)::before{height:100%;width:0;border-width:0 0 0 .125rem;left:50%;top:0;transform:translate(-50%,0)}.cg-stepthrough.cg-is-vertical [data-e2e=cg-stepthrough-label]{transform:translate(0,1rem) translate(0,-50%);top:0;left:2.625rem}.cg-stepthrough.cg-is-compact:not(.cg-is-vertical) [data-e2e=cg-stepthrough-label]{top:1.375rem}.cg-stepthrough.cg-is-compact .cg-is-active~.cg-stepthrough-step::after,.cg-stepthrough.cg-is-compact .cg-is-active~.cg-stepthrough-step::before{background-color:#a3a3a3}.cg-stepthrough.cg-is-compact .cg-stepthrough-step{flex-direction:row;height:1rem;width:1rem}.cg-stepthrough.cg-is-compact .cg-stepthrough-step .cg-stepthrough-icon{position:relative;top:50%;transform:translate(0,-50%);min-height:.5rem;height:.5rem;min-width:.5rem;width:.5rem;background-color:#fff}.cg-stepthrough.cg-is-compact .cg-stepthrough-step .cg-stepthrough-icon.cg-stepthrough-icon-active{transform:translate(-.25rem,-50%);min-height:1rem;height:1rem;min-width:1rem;width:1rem}.cg-stepthrough.cg-is-compact .cg-stepthrough-step .cg-stepthrough-icon.cg-stepthrough-icon-small{position:absolute;left:50%;transform:translate(-50%,-50%);border-radius:50%;min-height:.5rem;height:.5rem;min-width:.5rem;width:.5rem;background-color:#005b92}.cg-stepthrough.cg-is-compact .cg-stepthrough-step [data-e2e=cg-stepthrough-label]{transform:translate(.25rem) translate(-50%)}.cg-stepthrough.cg-is-compact.cg-is-vertical .cg-stepthrough-step .cg-stepthrough-icon{top:0;left:50%;transform:translate(-50%,0);will-change:transform}.cg-stepthrough.cg-is-compact.cg-is-vertical .cg-stepthrough-step .cg-stepthrough-icon.cg-stepthrough-icon-active{transform:translate(-50%,-.25rem)}.cg-stepthrough.cg-is-compact.cg-is-vertical [data-e2e=cg-stepthrough-label]{transform:translate(0,.25rem) translate(0,-50%);top:0;left:1.375rem}.cg-stepthrough.cg-is-compact.cg-is-vertical .cg-stepthrough-icon.cg-stepthrough-icon-small{top:50%;transform:translate(-50%,-50%)}.cg-spine-container-main{scroll-behavior:smooth}.cg-story-header{display:inline-flex;align-items:center}.cg-story-header .cg-story-header-anchor{margin-left:8px;cursor:pointer;opacity:0;visibility:hidden}.cg-story-header:hover .cg-story-header-anchor{opacity:1;visibility:visible;transition-delay:250ms}.cg-tabs-ctx,.cg-tabs-ctx *,.cg-tabs-ctx ::after,.cg-tabs-ctx ::before{box-sizing:border-box}.cg-tabs,.cg-tabs button{font-family:inherit}.cg-tabs-ctx .cg-tabs{display:flex;list-style-type:none;margin:.125rem 0 .5rem;padding:0;white-space:nowrap;font-size:.875rem;line-height:1.29;min-width:100%;position:relative}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item{border:0;cursor:pointer;display:block;font-size:.875rem;line-height:1.29;margin:0;padding:.9375rem 1rem;text-align:left;white-space:nowrap;width:100%;color:var(--cg-dropdown-menu-item-text-color, #353535);background-color:var(--cg-dropdown-menu-item-background-color, transparent)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item .cg-dropdown-item-content,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item .cg-dropdown-item-description{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item .cg-dropdown-item-content [data-e2e=cg-icon]{margin-right:.5rem;vertical-align:text-top}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-text-color, #757575);font-size:.75rem;line-height:1.33}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-has-description{height:auto}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:hover{background-color:var(--cg-dropdown-menu-item-hover-background-color, #e6f2f9);color:var(--cg-dropdown-menu-item-hover-text-color, #353535);text-decoration:none}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-hover-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:active{background-color:var(--cg-dropdown-menu-item-active-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-active-text-color, #005b92)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-active-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-selected{background-color:var(--cg-dropdown-menu-item-selected-background-color, #f2f8fc);color:var(--cg-dropdown-menu-item-selected-text-color, #353535)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-selected .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-selected-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-disabled,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-disabled-background-color, transparent)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-disabled-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger{color:var(--cg-dropdown-menu-item-danger-text-color, #e5202e);background-color:var(--cg-dropdown-menu-item-danger-background-color, transparent)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:focus{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:focus:not(:-moz-focusring),.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:focus:not(:focus-visible){outline:0}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:hover{background-color:var(--cg-dropdown-menu-item-danger-hover-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-hover-text-color, #fff);text-decoration:none}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:hover .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-hover-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:active{background-color:var(--cg-dropdown-menu-item-danger-active-background-color, #e5202e);color:var(--cg-dropdown-menu-item-danger-active-text-color, #fff)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:active .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-active-text-color, #fff)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger.cg-dropdown-item-disabled,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:disabled{opacity:.5;pointer-events:none;color:var(--cg-dropdown-menu-item-danger-disabled-text-color, #353535);background-color:var(--cg-dropdown-menu-item-danger-disabled-background-color, transparent)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger.cg-dropdown-item-disabled .cg-dropdown-item-description,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item.cg-dropdown-item-danger:disabled .cg-dropdown-item-description{color:var(--cg-dropdown-menu-item-description-danger-disabled-text-color, #757575)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-item:focus:not(:focus-visible){outline:0}.cg-tabs-ctx .cg-tabs:not(.cg-tabs-mobile) .cg-tabs-dropdown-item{padding:.4375rem 1rem}.cg-tabs-ctx .cg-tabs:not(.cg-tabs-mobile) .cg-tabs-dropdown-item:not(.cg-has-description){height:2rem}.cg-tabs-ctx .cg-tabs.cg-tabs-no-margin{margin-bottom:0}.cg-tabs-ctx .cg-tabs .cg-tabs-underline{visibility:hidden;height:.125rem;position:absolute;left:0;bottom:0;pointer-events:none;transition:background-color 300ms cubic-bezier(.4,0,.2,1);transition-delay:0ms;transition-property:width,transform,background-color;will-change:auto}.cg-tabs-ctx .cg-tabs .cg-tab:hover:not(.cg-is-disabled):not(.cg-is-active)~.cg-tabs-underline-hovered{visibility:visible;background-color:var(--cg-tabs-hover-border-color, var(--cg-tabs-link-text-color, #353535))}.cg-tabs-ctx .cg-tabs .cg-is-active~.cg-tabs-underline{visibility:visible;background-color:var(--cg-tabs-active-link-border-color, var(--cg-tabs-active-link-color, #005b92))}.cg-tabs-ctx .cg-tabs .cg-tab.cg-tabs-dropdown-toggle{padding:.6875rem 1rem;display:inline-flex}.cg-tabs-ctx .cg-tabs .cg-tab{background-color:transparent;border:0;color:var(--cg-tabs-link-text-color, #353535);font-size:.875rem;line-height:1.29;margin:0;padding:.6875rem 1rem;position:relative}.cg-tabs-ctx .cg-tabs .cg-tab:focus-visible{outline-offset:-.125rem;outline:#000 solid .125rem;z-index:1}.cg-tabs-ctx .cg-tabs .cg-tab:focus:not(:focus-visible){outline:0}.cg-tabs-ctx .cg-tabs .cg-tab.cg-has-inner-content{padding:0}.cg-tabs-ctx .cg-tabs .cg-tab.cg-is-active{color:var(--cg-tabs-active-link-color, #005b92);cursor:default}.cg-tabs-ctx .cg-tabs .cg-tab:hover:not(.cg-is-disabled):not(.cg-is-active){cursor:pointer;text-decoration:none}.cg-tabs-ctx .cg-tabs .cg-tab .cg-tab-inner-content{padding:.6875rem 1rem}.cg-tabs-ctx .cg-tabs .cg-tab:first-child{margin-left:.125rem}.cg-tabs-ctx .cg-tabs .cg-tab:last-child{margin-right:.125rem}.cg-tabs-ctx .cg-tabs .cg-tab.cg-is-disabled{color:var(--cg-tabs-link-disabled-text-color, rgba(53, 53, 53, 0.5));cursor:default}.cg-tabs-ctx .cg-tabs .cg-tab.cg-is-disabled *{outline:0}.cg-tabs-ctx .cg-tabs .cg-tab.cg-tab-anchor{text-decoration:none}.cg-tabs-ctx .cg-tabs [data-e2e=cg-dropdown] .cg-tab:first-child,.cg-tabs-ctx .cg-tabs.cg-tabs-classic [data-e2e=cg-dropdown] .cg-tab:first-child{margin:0}.cg-tabs-ctx .cg-tabs.cg-tabs-classic{border-bottom:.125rem solid transparent}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tabs-dropdown-toggle{border-bottom:.0625rem solid var(--cg-tabs-classic-link-border-bottom-color, #dadada);border-left:none;border-right:none;padding:.625rem 1rem}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab{border-top:.0625rem solid transparent;border-bottom:.0625rem solid var(--cg-tabs-classic-link-border-bottom-color, #dadada);margin:0;padding:.625rem 1rem}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-has-inner-content{padding:0}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab .cg-tab-inner-content{padding:.625rem 1rem}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-is-active:not(.cg-tabs-dropdown-toggle),.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab:hover:not(.cg-is-disabled):not(.cg-tabs-dropdown-toggle){border-bottom:none;border-left:.0625rem solid var(--cg-tabs-classic-active-link-border-left-color, #dadada);border-right:.0625rem solid var(--cg-tabs-classic-active-link-border-right-color, #dadada);border-top:.0625rem solid var(--cg-tabs-classic-active-link-border-top-color, #dadada);padding:.625rem .9375rem .6875rem}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-is-active.cg-has-inner-content,.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab:hover:not(.cg-is-disabled).cg-has-inner-content{padding:0}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-is-active .cg-tab-inner-content,.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab:hover:not(.cg-is-disabled) .cg-tab-inner-content{padding:.625rem .9375rem .6875rem}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-is-active.cg-new-classic-style,.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab:hover:not(.cg-is-disabled).cg-new-classic-style{border-top:.125rem solid var(--cg-tabs-active-link-border-color, var(--cg-tabs-active-link-color, #005b92))}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-is-active.cg-new-classic-style:hover:not(.cg-is-active),.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab:hover:not(.cg-is-disabled).cg-new-classic-style:hover:not(.cg-is-active){border-top:.0625rem solid var(--cg-tabs-classic-active-link-border-top-color, #dadada)}.cg-tabs-ctx .cg-tabs.cg-tabs-classic .cg-tab.cg-tabs-dropdown-toggle:hover{border-color:transparent;border-left:0;border-right:0;border-bottom:.0625rem solid var(--cg-tabs-classic-link-border-bottom-color, #dadada);padding:.625rem 1rem}.cg-tabs-ctx .cg-tabs.cg-tabs-classic::after{display:block;flex:1;border-bottom:.0625rem solid var(--cg-tabs-classic-link-border-bottom-color, #dadada);content:"";width:100%}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-toggle{color:var(--cg-tabs-link-text-color, #353535)}.cg-tabs-ctx .cg-tabs .cg-dropdown-toggle-open,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-toggle:hover{color:var(--cg-tabs-active-link-color, #005b92)}.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-toggle:hover{text-decoration:none}.cg-tabs-ctx .cg-dropdown-menu-item,.cg-tabs-ctx .cg-tabs .cg-tabs-dropdown-toggle{margin:0}.cg-tabs-ctx .cg-tabs .cg-tab-hidden{visibility:hidden;position:absolute;top:-312.5rem;left:-312.5rem}.cg-tabs-ctx .cg-tabs-has-scroll{overflow-x:auto}.cg-tabs-ctx .cg-tab-panel{display:block;margin:0 1rem}.cg-tabs-ctx .cg-tabs-hidden{display:none}.cg-test-cg-content-all .background-red{background:red}.cg-test-cg-content-all .background-lime{background:#0f0}.cg-button-field.cg-button-field-toggle label{color:var(--cg-button-toggle-text-color, #353535);position:relative}.cg-button-field.cg-button-field-toggle label:hover{background-color:var(--cg-button-toggle-hover-background-color, #e6f2f9);color:var(--cg-button-toggle-hover-text-color, #353535)}.cg-button-field.cg-button-field-toggle label [data-e2e=cg-icon]:first-of-type:not(:last-of-type){display:inline-block}.cg-button-field.cg-button-field-toggle label [data-e2e=cg-icon]:last-of-type:not(:first-of-type){display:none}.cg-button-field.cg-button-field-toggle label:active{background-color:var(--cg-button-toggle-active-background-color, #e6f2f9);color:var(--cg-button-toggle-active-text-color, #005b92)}.cg-button-field.cg-button-field-toggle label:active [data-e2e=cg-icon]:first-of-type:last-of-type{display:inline-block}.cg-button-field.cg-button-field-toggle-input input{clip:rect(0,0,0,0);position:absolute;pointer-events:none}.cg-button-field.cg-button-field-toggle-input input:focus,.cg-button-field.cg-button-field-toggle-input input:focus-visible~[data-e2e=cg-icon]::after,.cg-button-field.cg-button-field-toggle-input input:focus-visible~iconsvg::after{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.cg-button-field.cg-button-field-toggle-input input:checked~[data-e2e=cg-icon]{color:var(--cg-button-toggle-checked-text-color, #005b92)}.cg-button-field.cg-button-field-toggle-input input:checked~[data-e2e=cg-icon]::after,.cg-button-field.cg-button-field-toggle-input input:checked~iconsvg::after{background-color:var(--cg-button-toggle-checked-background-color, #f2f8fc);color:var(--cg-button-toggle-checked-text-color, #005b92);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.cg-button-field.cg-button-field-toggle-input input:checked~[data-e2e=cg-icon]:first-of-type:not(:last-of-type),.cg-button-field.cg-button-field-toggle-input input:checked~iconsvg:first-of-type:not(:last-of-type){display:none}.cg-button-field.cg-button-field-toggle-input input:checked~[data-e2e=cg-icon]:last-of-type:not(:first-of-type),.cg-button-field.cg-button-field-toggle-input input:checked~iconsvg:last-of-type:not(:first-of-type){display:inline-block}.cg-button-field.cg-button-field-toggle-input input:checked~iconsvg [data-e2e=cg-icon]{color:var(--cg-button-toggle-checked-text-color, #005b92)}.cg-button-field-group .cg-button-field-toggle label{margin-right:0}.cg-button-field-group.cg-is-disabled{opacity:.5;pointer-events:none}.cg-button-field-group.cg-is-disabled .cg-button-field-toggle{color:var(--cg-button-toggle-disabled-text-color, #005b92);position:relative}.cg-button-field-group.cg-is-disabled .cg-button-field-toggle:hover{background-color:var(--cg-button-toggle-disabled-background-color, transparent)}.cg-button-field-group.cg-button-field-group-toggle{display:inline-flex}.cg-tree-footer{font-size:.75rem;color:var(--cg-tree-footer-text-color, #757575);line-height:1.33}.cg-tree-footer .cg-tree-footer-content{padding:.9375rem 0 1rem;margin:0 1rem;border-top:.0625rem solid var(--cg-tree-footer-border-top-color, #dadada)}.cg-tree-node-label-container{position:relative;width:100%;line-height:1rem}.cg-tree-node-label-container .cg-tree-anchor-border{display:inline-block;background-color:var(--cg-tree-anchor-border-background-color, #005b92);width:.0625rem;height:calc(100% + 2*.3125rem);position:absolute;left:-.65625rem;top:-.3125rem}@media (min-width:37.5rem){.cg-tree-node-label-container .cg-tree-anchor-border{height:calc(100% + 2*.25rem);top:-.25rem}}.cg-tree-node-label-container .cg-tree-node-label{padding:0 .25rem}.cg-tree-node-label-container .cg-tree-node-anchor{margin-left:.4375rem;display:inline-flex}.cg-tree-node-label-container .cg-tree-node-anchor,.cg-tree-node-label-container .cg-tree-node-label{background-color:transparent;border:0;color:inherit;line-height:1rem;font-size:inherit;font-weight:inherit;text-align:left;cursor:pointer;flex-grow:1;width:100%;text-decoration:none;padding-top:.4375rem;padding-bottom:.4375rem}@media (min-width:37.5rem){.cg-tree-node-label-container .cg-tree-node-anchor,.cg-tree-node-label-container .cg-tree-node-label{padding-top:.25rem;padding-bottom:.25rem}}.cg-tree-node-label-container .cg-tree-node-anchor.cg-is-disabled,.cg-tree-node-label-container .cg-tree-node-label.cg-is-disabled{pointer-events:none;color:var(--cg-tree-node-label-disabled-text-color, #757575)}.cg-tree-node-label-container .cg-tree-node-anchor.cg-is-selected:not(.cg-is-disabled),.cg-tree-node-label-container .cg-tree-node-label.cg-is-selected:not(.cg-is-disabled){color:var(--cg-tree-node-label-selected-text-color, #005b92);font-weight:500}.cg-tree-node-label-container .cg-tree-node-anchor:focus-visible,.cg-tree-node-label-container .cg-tree-node-label:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-tree-node-label-container .cg-tree-node-anchor:focus:not(:focus-visible),.cg-tree-node-label-container .cg-tree-node-label:focus:not(:focus-visible){outline:0}.cg-tree-node-label-container .cg-tree-node-anchor:hover{text-decoration:underline;color:var(--cg-tree-node-anchor-hover-text-color, #003d61)}.cg-tree-node-label-container .cg-tree-node-anchor:hover.cg-is-selected{text-decoration:none}.cg-tree-node-label-container .cg-tree-node-label{display:inline-block}.cg-tree-node-label-container .cg-tree-node-label.cg-is-selected{background:var(--cg-tree-node-label-selected-background-color, #f2f8fc)}.cg-tree-node-label-container .cg-tree-node-label:hover{background-color:var(--cg-tree-node-label-hover-background-color, #e6f2f9)}.cg-tree-node-label-container .cg-tree-node-label:hover.cg-is-selected{background:var(--cg-tree-node-label-hover-background-color, #e6f2f9)}.cg-tree-node-label-container .cg-tree-node-anchor{position:relative}.tree-node-label-button .cg-tree-node-toggler{font-family:inherit}.cg-tree-node-prefix{background-color:transparent;border:0;color:var(--cg-tree-node-prefix-text-color, #353535);cursor:pointer;display:flex;font-size:inherit;font-weight:inherit;height:1.5rem;line-height:inherit;margin-right:.25rem;padding:0;text-align:center;flex:0 0 auto;align-items:center;justify-content:center}.cg-tree-node-prefix.cg-is-disabled{pointer-events:none;color:var(--cg-tree-node-prefix-disabled-text-color, #757575)}.cg-tree-node-prefix:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-tree-node-prefix:focus:not(:focus-visible){outline:0}.cg-tree-node-prefix.cg-tree-node-checkbox{margin-right:.25rem}.cg-tree-node-icon{align-items:center;width:.75rem;color:var(--cg-tree-node-icon-color, #353535);margin:0 .25rem;height:1.5rem}.cg-tree-node-icon [data-e2e=cg-icon]{font-size:inherit}.cg-tree-node-body,.cg-tree-node-icon,tree-node-icon.cg{display:flex;font-size:.75rem}tree-node-icon.cg .cg-tree-node-icon{width:100%}.cg-tree-node-body{color:var(--cg-tree-node-anchor-hover-text-text-color, #005b92);line-height:2;font-weight:400;padding:.3125rem 0;speak:normal;position:relative}@media (min-width:37.5rem){.cg-tree-node-body{padding:.25rem 0}}.cg-tree-node-body .cg-tree-node-body-buttons-panel{display:flex;align-items:center;height:1.875rem}@media (min-width:37.5rem){.cg-tree-node-body .cg-tree-node-body-buttons-panel{height:1.5rem}}.cg-tree .cg-content-placeholder,.cg-tree .cg-content-placeholder *,.cg-tree .cg-content-placeholder ::after,.cg-tree .cg-content-placeholder ::before{box-sizing:border-box}.cg-tree{font-family:"Fira Sans","Helvetica Neue",Helvetica,"Roboto",Arial,sans-serif}.cg-tree dd+dd,.cg-tree li+li,.cg-tree ol ol,.cg-tree ol ul,.cg-tree ul ol,.cg-tree ul ul{margin-top:initial}.cg-tree .cg-tree-container{padding:.75rem 1rem;list-style-type:none;margin:0}.cg-tree .cg-tree-group{list-style-type:none;padding:0;margin:0 0 0 .34375rem;border-left:.0625rem solid var(--cg-tree-group-border-left-color, #dadada)}.cg-tree .cg-tree-group li{padding-left:.59375rem}.cg-tree .cg-tree-bullet{display:flex;align-items:center}.cg-tree .cg-tree-bullet::before{content:"";width:.25rem;height:.25rem;margin:.25rem;border-radius:100%;background-color:var(--cg-tree-bullet-background-color, #353535);display:inline-block}.cg-tree .cg-content-placeholder{background-color:var(--cg-content-placeholder-background-color, #fff);padding:.625rem .25rem .625rem .625rem}.cg-tree .cg-content-placeholder .cg-content-placeholder-line{background-color:var(--cg-content-placeholder-line-background-color, #f6f6f6);height:1rem;margin-bottom:1rem;overflow:hidden;position:relative}.cg-tree .cg-content-placeholder .cg-content-placeholder-line::before{content:" ";animation-timing-function:linear;animation-duration:1.5s;animation-iteration-count:infinite;animation-name:contentPlaceholderAnimation;background:linear-gradient(to right,rgba(237,237,237,0) 0,#ededed 50%,rgba(237,237,237,0) 100%);height:100%;left:0;position:absolute;top:0;width:50%}.cg-tree .cg-content-placeholder .cg-content-placeholder-line:last-of-type{margin-bottom:0}.cg-tree-header,.cg-tree-header *,.cg-tree-header ::after,.cg-tree-header ::before{box-sizing:border-box}.cg-tree-header{font-size:.875rem;font-weight:500;padding:.75rem 3rem .75rem .75rem;min-height:3rem;border-bottom:.0625rem solid #dadada;display:flex;align-items:center}.cg-upload-status{font-size:.75rem;line-height:1rem}.cg-upload-status .cg-loading-description{min-width:100%;margin:.25rem 0;display:flex;justify-content:flex-start}.cg-upload-status.cg-upload-item{margin-bottom:.5rem;display:flex;align-items:center}.cg-upload-status.cg-upload-item .cg-loading-description,.cg-upload-status.cg-upload-item .cg-upload-progress{color:#757575}.cg-upload-status.cg-upload-item .cg-loading{margin:0 .5rem;overflow:hidden}.cg-upload-status.cg-upload-item .cg-upload-cancel,.cg-upload-status.cg-upload-item.cg-is-uploading:hover .cg-upload-status{display:none}.cg-upload-status.cg-upload-item.cg-has-failed .cg-loading-description{color:#e5202e}.cg-upload-status.cg-upload-item.cg-has-uploaded .cg-upload-status-container{background-color:#f6f6f6}.cg-upload-status.cg-upload-item.cg-has-failed .cg-loading,.cg-upload-status.cg-upload-item.cg-is-uploading .cg-loading{margin-right:0}.cg-upload-status.cg-upload-item.cg-is-uploading:hover{cursor:pointer}.cg-upload-status.cg-upload-item.cg-is-uploading:hover .cg-upload-cancel{display:inline;color:#232323}.cg-upload-status.cg-upload-item.cg-is-uploading:hover .cg-loading-description{color:#232323}.cg-upload-status.cg-upload-item:hover{background-color:#e6f2f9}.cg-upload-status.cg-has-failed .cg-loading-description{color:#e5202e}.cg-upload-status .cg-upload-item-icon{line-height:0;margin-right:.5rem}.cg-upload-status .cg-upload-item-icon [data-e2e=cg-icon]{font-size:.75rem}.cg-upload-status .cg-upload-item-wrapper{width:100%}.cg-upload-status .cg-upload-status-container{padding:.25rem 0 .25rem .5rem;display:flex;align-items:center}.cg-upload-status .cg-upload-status-container .cg-upload-item-icon{margin-right:.5rem}.cg-upload-status .cg-upload-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 100%;margin-right:.5rem}.cg-upload-status .cg-upload-action{cursor:pointer;color:#474747;padding:0 .5rem;line-height:0}.cg-upload-status .cg-upload-action:hover{color:#003d61}.cg-upload-status .cg-upload-action [data-e2e=cg-icon]{font-size:.75rem}.cg-upload-status .cg-upload-status{width:auto}.cg-upload-status .cg-loading{margin-bottom:.25rem;display:flex;flex-direction:column}.cg-upload-status .cg-loading.cg-is-compact .cg-progress{height:.25rem}.cg-upload-status .cg-loading .cg-progress{appearance:none;border:0;border-radius:.25rem;display:block;height:.5rem;overflow:hidden;padding:0;width:100%}.cg-upload-status .cg-loading .cg-progress::-webkit-progress-bar{background-color:#dadada}.cg-upload-status .cg-loading .cg-progress::-webkit-progress-value{background-color:#007ac3}.cg-upload-status .cg-loading .cg-progress::-moz-progress-bar{background-color:#007ac3}.cg-upload-status .cg-loading .cg-progress::-ms-fill{background-color:#007ac3;border:0}.cg-upload-status .cg-loading .cg-progress:indeterminate{animation-duration:1.5s;animation-iteration-count:infinite;animation-name:moveIndeterminate;animation-timing-function:linear;background-color:#dadada;background-image:linear-gradient(to right,#007ac3 30%,#dadada 30%);background-position:top left;background-repeat:no-repeat;background-size:200% 200%}.cg-upload-status .cg-loading .cg-progress:indeterminate::-webkit-progress-bar{background-color:transparent}.cg-upload-status .cg-loading .cg-progress:indeterminate::-moz-progress-bar{background-color:transparent}.cg-upload-status .cg-upload-status-item-container{padding-left:0;padding-top:.6875rem}.cg-vertical-action-bar-horizontal-content{border-top:.0625rem solid #dadada;padding:.25rem .75rem}.cg-vertical-button-group{height:100%;padding:0}.cg-vertical-button-group .cg-vertical-button-group-dropdown-container,.cg-vertical-button-group .cg-vertical-button-group-item{list-style:none;margin:0}.cg-vertical-button-group .cg-vertical-button-group-item{padding-bottom:1rem}.cg-vertical-button-group .cg-vertical-button-group-dropdown-container dropdown{display:block;height:0}.cg-vertical-button-group .cg-is-hidden{visibility:hidden;position:fixed;top:-312.5rem;left:-312.5rem}vertical-button-group.cg{display:block;height:100%}.cg-vertical-nav-node-body .cg{flex-grow:1}.cg-vertical-nav-icon-label{display:flex;flex-grow:1;cursor:pointer;padding-left:.25rem;text-decoration:none}.cg-footer a,.cg-vertical-nav-icon-label:hover{text-decoration:none}.cg-vertical-nav-icon-label:hover:not(.cg-is-root).cg-is-sticky{color:#005b92}.cg-vertical-nav-icon-label:not(.cg-is-disabled):hover.cg-is-root,.cg-vertical-nav-icon-label:not(.cg-is-disabled):hover:not(.cg-is-sticky){background-color:#e6f2f9}.cg-vertical-nav-icon-label.cg-is-disabled{cursor:not-allowed;pointer-events:none;opacity:.5}.cg-vertical-nav-icon-label.cg-is-expanded,.cg-vertical-nav-icon-label.cg-is-selected.cg-is-root,.cg-vertical-nav-icon-label.cg-is-selected:not(.cg-is-sticky){background-color:#f2f8fc}.cg-vertical-nav-icon-label .cg-vertical-nav-icon{margin-right:.5rem;position:relative;top:-.0625rem}.cg-vertical-nav-icon-label.cg-is-sticky{padding-left:.9375rem}.cg-vertical-nav-icon-label.cg-vertical-nav-node-label{color:inherit}.cg-vertical-nav-icon-label.cg-vertical-nav-node-label:focus-visible{outline-color:#000;outline-offset:0;outline-style:solid;outline-width:.125rem}.cg-vertical-nav-icon-label.cg-vertical-nav-node-label:focus:not(:focus-visible){outline:0}.cg-vertical-nav-icon-label.cg-vertical-nav-node-label.cg-is-expanded,.cg-vertical-nav-icon-label.cg-vertical-nav-node-label.cg-is-selected{color:#005b92;font-weight:500}.cg-vertical-nav-node{border-left:none;margin:0}.cg-vertical-nav-node.cg-is-sticky .cg-vertical-nav-group{margin:0 0 0 1.4375rem}.cg-vertical-nav-node.cg-is-sticky .cg-vertical-nav-node-body{padding:.25rem 0}.cg-vertical-nav-node .cg-vertical-nav-group{list-style-type:none;padding:0;margin:0 0 0 1rem}.cg-vertical-nav-node .cg-vertical-nav-group .cg-vertical-nav-node.cg-is-sticky{border-left:.0625rem solid #dadada}.cg-vertical-nav-node .cg-vertical-nav-group .cg-vertical-nav-node.cg-is-sticky.cg-is-selected{border-left:.0625rem solid #005b92}.cg-vertical-nav-node .cg-navigation-section-separator{list-style:none;margin:0;padding:0;border-bottom:.0625rem solid #dadada;margin:.25rem 0}.cg-vertical-nav-node .cg-vertical-nav-node-body{display:flex;line-height:2.29;font-size:.875rem;font-weight:400;padding:.25rem 0 .25rem 1.25rem;position:relative}.cg-vertical-nav-node .cg-vertical-nav-node-body .cg-tree-node-button-container{padding-top:.25rem;margin-right:.0625rem;display:flex}.cg-vertical-nav-node .cg-vertical-nav-node-body.cg-is-sticky-child.cg-is-sticky-child{padding:.25rem 0}.cg-vertical-nav-node .cg-vertical-nav-node-body.cg-nav-root{padding-left:0;margin-left:0}.cg-vertical-nav-footer{font-size:.875rem;color:#005b92;line-height:2.29;cursor:pointer}.cg-vertical-nav-footer .cg-vertical-nav-footer-content{margin-top:.25rem;margin-left:.125rem;padding-top:.5rem;border-top:.0625rem solid #dadada}.cg-vertical-nav-footer .cg-icon{margin-right:.5rem}.cg-vertical-nav.cg-vertical-nav-sticky{position:sticky}.cg-vertical-nav .cg-vertical-nav-children-content{list-style:none;margin:0;padding:0}.cg-wizard-stepthrough{height:100%}.cg-wizard-stepthrough>*{display:inline}.cg-footer,.cg-footer *,.cg-footer ::after,.cg-footer ::before{box-sizing:border-box}.cg-footer{font-family:inherit;background-color:#757575;font-size:.875rem;line-height:1.29;overflow:hidden}.cg-footer.cg-footer-research,.cg-footer.cg-footer-workflow{background:0 0;border-top:.0625rem solid #dadada}.cg-footer [data-e2e=cg-footer-bottom-link]{color:#353535}.cg-footer [data-e2e=cg-footer-bottom-link]:hover{color:#005b92}@media screen and (min-width:48rem)and (max-width:63.9375rem){.cg-footer:not(.cg-footer-workflow):not(.cg-footer-research) footer-copyright{width:100%}}
.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-accordion-item {
    position: relative;
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-accordion-item-heading {
    margin: 0;
    display: flex;
}

.cg3-accordion-item-heading-button-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: var(--cg3-font-size-1);
    padding: 0 calc(var(--cg3-spacing-unit) * 17.6);
    color: var(--cg3-color-icon-primary);
}

.cg3-accordion-item-heading-button-chevron-animation {
    transition: transform 0.15s linear;
}

.cg3-accordion-item-heading-button-chevron-animation-opened {
    transform: rotate(-180deg);
}

.cg3-accordion-item-heading-button {
    border: 0;
    padding: var(--cg3-spacing-seven-of-eighths) 0 calc(var(--cg3-spacing-unit) * 13) calc(var(--cg3-spacing-unit) * 15);
    margin: 0;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    font: inherit;
    outline-offset: calc(-1 * var(--cg3-outline-width));
    font-weight: var(--cg3-font-weight-medium);
    color: var(--cg3-color-text-primary);
}

.cg3-accordion-item-heading-button:not(.cg3-accordion-item-disabled):hover {
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-accordion-item-disabled {
    cursor: not-allowed;
}

.cg3-accordion-item-heading-button-wrapper-disabled {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-accordion-item-heading-button-wrapper {
    display: flex;
    width: 100%;
}

.cg3-accordion-item-heading-button-wrapper-content {
    flex: 1 1 100%;
}

.cg3-accordion-item-body-content-wrapper {
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 15) calc(var(--cg3-spacing-unit) * 15)
        calc(var(--cg3-spacing-unit) * 15);
    font-size: var(--cg3-font-size-1);
}

.cg3-accordion-item-body {
    overflow: hidden;
}

.cg3-accordion-item-body.cg3-is-opening {
    animation: cg3-accordion-item-body 0.3s linear forwards;
}

.cg3-accordion-item-body.cg3-is-closing {
    animation: cg3-accordion-item-body 0.3s linear reverse forwards;
}

@keyframes cg3-accordion-item-body {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        max-height: 100vh;
        opacity: 1;
    }
}

.cg3-accordion-item-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    min-width: 1.5rem;
    height: 0;
    /*
        The height of the icon and the avatar should not change the height of the accordion-item
        the avatar is 24px height the icon is 16px.
    */
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /*

        |--------24px--------|----16px----|heading|
        |--4px--|icon|--4px--|----16px----|heading|
        |-------avatar-------|----16px----|heading|

        In the accordion we can use the avatar (24px width) and the icon(16px width).
        The icon and avatar should be aligned, so the extra padding for the icon is required.
        The "accordion-item-icon-wrapper" should not be used as avatar wrapper.

    */
}

.cg3-accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    gap: var(--cg3-spacing); /* confirmed with UX */
    font-size: var(--cg3-font-size-1);
}

.cg3-accordion {
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    border-bottom: none;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-accordion-item {
    position: relative;
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-accordion-item-heading {
    margin: 0;
    display: flex;
}

.cg3-accordion-item-heading-button-chevron {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    font-size: var(--cg3-font-size-1);
    padding: 0 calc(var(--cg3-spacing-unit) * 17.6);
    color: var(--cg3-color-icon-primary);
}

.cg3-accordion-item-heading-button-chevron-animation {
    transition: transform 0.15s linear;
}

.cg3-accordion-item-heading-button-chevron-animation-opened {
    transform: rotate(-180deg);
}

.cg3-accordion-item-heading-button {
    border: 0;
    padding: var(--cg3-spacing-seven-of-eighths) 0 calc(var(--cg3-spacing-unit) * 13) calc(var(--cg3-spacing-unit) * 15);
    margin: 0;
    cursor: pointer;
    width: 100%;
    background-color: transparent;
    font: inherit;
    outline-offset: calc(-1 * var(--cg3-outline-width));
    font-weight: var(--cg3-font-weight-medium);
    color: var(--cg3-color-text-primary);
}

.cg3-accordion-item-heading-button:not(.cg3-accordion-item-disabled):hover {
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-accordion-item-disabled {
    cursor: not-allowed;
}

.cg3-accordion-item-heading-button-wrapper-disabled {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-accordion-item-heading-button-wrapper {
    display: flex;
    width: 100%;
}

.cg3-accordion-item-heading-button-wrapper-content {
    flex: 1 1 100%;
}

.cg3-accordion-item-body-content-wrapper {
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 15) calc(var(--cg3-spacing-unit) * 15)
        calc(var(--cg3-spacing-unit) * 15);
    font-size: var(--cg3-font-size-1);
}

.cg3-accordion-item-body {
    overflow: hidden;
}

.cg3-accordion-item-body.cg3-is-opening {
    animation: cg3-accordion-item-body 0.3s linear forwards;
}

.cg3-accordion-item-body.cg3-is-closing {
    animation: cg3-accordion-item-body 0.3s linear reverse forwards;
}

@keyframes cg3-accordion-item-body {
    0% {
        max-height: 0;
        opacity: 0;
    }

    100% {
        max-height: 100vh;
        opacity: 1;
    }
}


.cg3-accordion-item-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    min-width: 1.5rem;
    height: 0;
    /*
        The height of the icon and the avatar should not change the height of the accordion-item
        the avatar is 24px height the icon is 16px.
    */
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /*

        |--------24px--------|----16px----|heading|
        |--4px--|icon|--4px--|----16px----|heading|
        |-------avatar-------|----16px----|heading|

        In the accordion we can use the avatar (24px width) and the icon(16px width).
        The icon and avatar should be aligned, so the extra padding for the icon is required.
        The "accordion-item-icon-wrapper" should not be used as avatar wrapper.

    */
}

.cg3-accordion-item-header {
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
    gap: var(--cg3-spacing); /* confirmed with UX */
    font-size: var(--cg3-font-size-1);
}


.cg3-accordion-item-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    min-width: 1.5rem;
    height: 0;
    /*
        The height of the icon and the avatar should not change the height of the accordion-item
        the avatar is 24px height the icon is 16px.
    */
    box-sizing: content-box;
    display: flex;
    align-items: center;
    justify-content: center;
    /*

        |--------24px--------|----16px----|heading|
        |--4px--|icon|--4px--|----16px----|heading|
        |-------avatar-------|----16px----|heading|

        In the accordion we can use the avatar (24px width) and the icon(16px width).
        The icon and avatar should be aligned, so the extra padding for the icon is required.
        The "accordion-item-icon-wrapper" should not be used as avatar wrapper.

    */
}


.cg3-action-bar-selected-info {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%;
    border-right: var(--cg3-border-width-half) solid var(--cg3-border-color);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-responsive-list-container {
    display: flex;
    gap: var(--cg3-spacing);
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg3-responsive-list-item-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.cg3-button-field-icon.cg3-responsive-list-more-button button:is([aria-expanded='true']) {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-action-bar {
    box-sizing: border-box;
    height: 3rem;
    display: flex;
    align-items: center;
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-action-bar-item-with-divider {
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
    height: 100%;
}

.cg3-action-bar-list {
    width: 100%;
}

.cg3-action-bar-more {
    margin-right: var(--cg3-spacing-half);
}

.cg3-action-bar-list > ul {
    justify-content: flex-end;
    align-items: stretch;
    gap: 0;
}

.cg3-action-bar-list-align-left .cg3-action-bar-list > ul {
    justify-content: flex-start;
}

.cg3-action-bar-dropdown {
    position: absolute;
}

.cg3-action-bar-item {
    position: relative;
    display: flex;
    height: 100%;
    align-items: center;
}

.cg3-action-bar-actions {
    flex: 1 1 auto;
    display: flex;
    align-items: stretch;
    white-space: nowrap;
    height: 100%;
}

.cg3-action-bar .cg3-action-bar-more-button-field button .cg3-action-bar-more-icon {
    color: var(--cg3-color-blue-625);
}


.cg3-action-bar-button-field {
    display: inline-block;
}

.cg3-action-bar-button-field button {
    background-color: transparent;
    border-color: transparent;
    color: var(--cg3-color-blue-525);
    line-height: var(--cg3-line-height-2);
    font-size: var(--cg3-font-size-1);
    display: inline-flex;
    align-items: flex-start;
    border-width: var(--cg3-border-width-half);
    height: auto;
    padding: calc(var(--cg3-spacing) * 0.375) var(--cg3-spacing);
    font-family: inherit;
    box-sizing: border-box;
}

.cg3-action-bar-button-field button:hover {
    text-decoration: underline;
    cursor: pointer;
    color: var(--cg3-color-blue-750);
}

.cg3-action-bar-button-field button:disabled,
.cg3-action-bar-button-field button[aria-disabled='true'] {
    cursor: not-allowed;
    text-decoration: none;
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-action-bar-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

.cg3-action-bar-button-field:has(button:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-action-bar-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}


.cg3-action-bar-selected-info {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    white-space: nowrap;
    height: 100%;
    border-right: var(--cg3-border-width-half) solid var(--cg3-border-color);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}


.cg3-avatar-image {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
}

.cg3-avatar-image img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    object-fit: cover;
}

.cg3-avatar-image-small {
    height: 1.5rem;
    width: 1.5rem;
}

.cg3-avatar-image-large {
    height: 2.75rem;
    width: 2.75rem;
}

.cg3-avatar-image-extra-large {
    height: 4rem;
    width: 4rem;
}

.cg3-avatar-image-extreme-large {
    height: 5rem;
    width: 5rem;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-avatar-placeholder {
    font-family: inherit;
    user-select: none;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background-color: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}

.cg3-avatar-placeholder-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: var(--cg3-font-size-0);
}

.cg3-avatar-placeholder-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: var(--cg3-font-size-5);
}

.cg3-avatar-placeholder-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: var(--cg3-font-size-8);
}

.cg3-avatar-placeholder-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: var(--cg3-font-size-9);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-avatar-profile {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    font-size: 1.8rem;
}

.cg3-avatar-profile-user-icon.cg3-avatar-profile-user-icon {
    line-height: 150%;
    color: var(--cg3-color-icon-tertiary);
    background: var(--cg3-color-gray-100);
    border-radius: 50%;
    border-style: solid;
    border-color: var(--cg3-border-color);
    border-width: 0.1rem;
    overflow: hidden;
}

.cg3-avatar-profile-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.35rem;
}

.cg3-avatar-profile-small .cg3-avatar-profile-user-icon {
    border-width: 0.075rem;
}

.cg3-avatar-profile-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: 2.475rem;
}

.cg3-avatar-profile-large .cg3-avatar-profile-user-icon {
    border-width: 0.1375rem;
}

.cg3-avatar-profile-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: 3.6rem;
}

.cg3-avatar-profile-extra-large .cg3-avatar-profile-user-icon {
    border-width: 0.2rem;
}

.cg3-avatar-profile-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: 4.5rem;
}

.cg3-avatar-profile-extreme-large .cg3-avatar-profile-user-icon {
    border-width: 0.25rem;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-brand-architecture {
    font-family: 'Fira Sans Condensed', 'Fira Sans', sans-serif;
    white-space: nowrap;
}

.cg3-brand-architecture:is(a, a:visited, a:hover, a:active) {
    color: var(--cg3-color-monochrome-black);
    text-decoration: none;
}

.cg3-brand-architecture:is(a:focus:focus-within) {
    color: var(--cg3-color-monochrome-black);
    text-decoration: none;
}

.cg3-brand-architecture-inline {
    display: inline-flex;
    gap: calc(var(--cg3-spacing-unit) * 5);
    font-size: calc(var(--cg3-font-size-base) * 1.15625); /*18.5px*/
    line-height: 2.3784 /*44px*/;
}

@media (min-width: 1024px) {
    .cg3-brand-architecture-inline {
        font-size: calc(var(--cg3-font-size-base) * 1.3125);
        line-height: 2.0953 /*44px*/;
    }
}

.cg3-brand-architecture-compact {
    display: flex;
    flex-flow: column;
    font-size: var(--cg3-font-size-1);
    line-height: 1.1429 /*16px*/;
    padding-block: calc(var(--cg3-spacing-unit) * 6);
}

@media (min-width: 1024px) {
    .cg3-brand-architecture-compact {
        font-size: var(--cg3-line-height-0);
        line-height: 1.1875 /*19px*/;
        padding-block: calc(var(--cg3-spacing-unit) * 3);
    }
}

.cg3-brand-architecture-suite {
    font-weight: var(--cg3-font-weight-medium);
    display: inline-flex;
}

.cg3-brand-architecture-suite:has(.cg3-brand-architecture-suite-sup) {
    word-spacing: calc(
        var(--cg3-spacing-unit) * -2
    ); /* negative word-spacing to reduce white space width after trade mark */
}

.cg3-brand-architecture-suite-sup {
    font-family: 'Fira Sans', sans-serif;
    font-weight: var(--cg3-font-weight-medium);
    vertical-align: super;
    font-size: 0.7em;
    position: relative;
    top: 0.3em;
}

@media (min-width: 1024px) {
    .cg3-brand-architecture-suite-sup {
        top: 0.2em;
    }
}

.cg3-brand-architecture-compact .cg3-brand-architecture-suite-sup {
    top: 0.1em;
}

.cg3-brand-architecture-product {
    font-weight: var(--cg3-font-weight-light);
}

.cg3-brand-architecture-picture {
    line-height: 0;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-breadcrumb-back {
    position: relative;
    margin-right: calc(var(--cg3-spacing-unit) * 2);
}

.cg3-breadcrumb-back:after {
    content: '';
    display: inline-block;
    background-color: var(--cg3-color-gray-100);
    height: 1rem;
    width: 0.0625rem;
    position: absolute;
    top: 0.5rem;
    right: 0;
}

.cg3-breadcrumb-back .cg3-button-field.cg3-button-field button:is(button):hover {
    background: none;
}

.cg3-breadcrumb-back .cg3-button-field.cg3-button-field button:is(button) {
    padding-left: 0;
    padding-right: var(--cg3-spacing-half-and-quarter);
}

.cg3-breadcrumb-back .cg3-button-field:has(:is(button):is(button):focus:focus-visible),
.cg3-breadcrumb-back .cg3-button-field button:is(button):focus:focus-visible {
    outline-offset: 0;
}

.cg3-breadcrumb-back .cg3-icon svg {
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-blue-525);
}

.cg3-breadcrumb-back .cg3-icon svg:hover {
    color: var(--cg3-color-blue-750);
}

.cg3-breadcrumb-list {
    display: flex;
    padding: 0;
    margin: 0;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-breadcrumb-ellipsis .breadcrumb-ellipsis-button.breadcrumb-ellipsis-button button {
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
    color: var(--cg3-color-blue-625);
}

.cg3-breadcrumb-ellipsis .breadcrumb-ellipsis-button.breadcrumb-ellipsis-button button:hover {
    color: var(--cg3-color-blue-750);
}

.cg3-breadcrumb-item,
.cg3-breadcrumb-item-hidden {
    display: inline-flex;
    align-items: center;
    height: 2rem;
    margin-top: 0;
    flex: 0 0 auto;
}

.cg3-breadcrumb-item:last-child {
    min-width: calc(2rem + 3ch);
}

.cg3-breadcrumb-item-icon-chevron {
    display: flex;
    flex: 0 0 auto;
    height: 100%;
    align-items: center;
}

.cg3-breadcrumb-item-icon-chevron .breadcrumb-icon {
    color: var(--cg3-color-gray-375);
    font-size: calc(var(--cg3-font-size-base) * 0.625);
}

.cg3-breadcrumb-item-body-hidden {
    display: inline-flex;
}

.cg3-breadcrumb-item:not(.cg3-breadcrumb-visible-item),
.cg3-breadcrumb-item .cg3-breadcrumb-item-body-hidden {
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    top: -100%;
    left: 0;
    max-width: 100%;
    overflow: hidden;
}

.cg3-breadcrumb-item a {
    display: inline-flex;
    align-items: center;
    gap: var(--cg3-spacing-half);
    height: 2rem;
    color: inherit;
    text-decoration: none;
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
    outline-offset: 0;
}

.cg3-breadcrumb-item a:hover {
    color: var(--cg3-color-blue-750);
    text-decoration: underline;
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}



.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-breadcrumb-dropdown-item :is(button, a) {
    color: var(--cg3-color-blue-625);
}

.cg3-breadcrumb-dropdown-item :is(button, a):hover {
    color: var(--cg3-color-blue-750);
}

.cg3-breadcrumb-dropdown-item a {
    display: inline-flex;
    align-items: center;
    gap: var(--cg3-spacing-half);
    text-decoration: none;
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
}

.cg3-breadcrumb-dropdown-item a:focus:focus-visible {
    outline: none;
}

.cg3-breadcrumb-dropdown-item a:hover {
    text-decoration: underline;
}

.cg3-breadcrumb {
    font-family: inherit;
    height: 2rem;
    display: flex;
    align-items: center;
    font-size: var(--cg3-font-size-0);
    position: relative;
    color: var(--cg3-color-blue-525);
    background-color: transparent;
}

.cg3-breadcrumb:not(:has(.cg3-breadcrumb-back)) .cg3-breadcrumb-item:first-child a {
    padding-left: 0;
}


.cg3-breadcrumb-back {
    position: relative;
    margin-right: calc(var(--cg3-spacing-unit) * 2);
}

.cg3-breadcrumb-back:after {
    content: '';
    display: inline-block;
    background-color: var(--cg3-color-gray-100);
    height: 1rem;
    width: 0.0625rem;
    position: absolute;
    top: 0.5rem;
    right: 0;
}

.cg3-breadcrumb-back .cg3-button-field.cg3-button-field button:is(button):hover {
    background: none;
}

.cg3-breadcrumb-back .cg3-button-field.cg3-button-field button:is(button) {
    padding-left: 0;
    padding-right: var(--cg3-spacing-half-and-quarter);
}

.cg3-breadcrumb-back .cg3-button-field:has(:is(button):is(button):focus:focus-visible),
.cg3-breadcrumb-back .cg3-button-field button:is(button):focus:focus-visible {
    outline-offset: 0;
}

.cg3-breadcrumb-back .cg3-icon svg {
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-blue-525);
}

.cg3-breadcrumb-back .cg3-icon svg:hover {
    color: var(--cg3-color-blue-750);
}


.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}




.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-breadcrumb-dropdown-item :is(button, a) {
    color: var(--cg3-color-blue-625);
}

.cg3-breadcrumb-dropdown-item :is(button, a):hover {
    color: var(--cg3-color-blue-750);
}

.cg3-breadcrumb-dropdown-item a {
    display: inline-flex;
    align-items: center;
    gap: var(--cg3-spacing-half);
    text-decoration: none;
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
}

.cg3-breadcrumb-dropdown-item a:focus:focus-visible {
    outline: none;
}

.cg3-breadcrumb-dropdown-item a:hover {
    text-decoration: underline;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-breadcrumb-ellipsis .breadcrumb-ellipsis-button.breadcrumb-ellipsis-button button {
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
    color: var(--cg3-color-blue-625);
}

.cg3-breadcrumb-ellipsis .breadcrumb-ellipsis-button.breadcrumb-ellipsis-button button:hover {
    color: var(--cg3-color-blue-750);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-breadcrumb-ellipsis .breadcrumb-ellipsis-button.breadcrumb-ellipsis-button button {
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
    color: var(--cg3-color-blue-625);
}

.cg3-breadcrumb-ellipsis .breadcrumb-ellipsis-button.breadcrumb-ellipsis-button button:hover {
    color: var(--cg3-color-blue-750);
}

.cg3-breadcrumb-item,
.cg3-breadcrumb-item-hidden {
    display: inline-flex;
    align-items: center;
    height: 2rem;
    margin-top: 0;
    flex: 0 0 auto;
}

.cg3-breadcrumb-item:last-child {
    min-width: calc(2rem + 3ch);
}

.cg3-breadcrumb-item-icon-chevron {
    display: flex;
    flex: 0 0 auto;
    height: 100%;
    align-items: center;
}

.cg3-breadcrumb-item-icon-chevron .breadcrumb-icon {
    color: var(--cg3-color-gray-375);
    font-size: calc(var(--cg3-font-size-base) * 0.625);
}

.cg3-breadcrumb-item-body-hidden {
    display: inline-flex;
}

.cg3-breadcrumb-item:not(.cg3-breadcrumb-visible-item),
.cg3-breadcrumb-item .cg3-breadcrumb-item-body-hidden {
    pointer-events: none;
    visibility: hidden;
    position: absolute;
    top: -100%;
    left: 0;
    max-width: 100%;
    overflow: hidden;
}

.cg3-breadcrumb-item a {
    display: inline-flex;
    align-items: center;
    gap: var(--cg3-spacing-half);
    height: 2rem;
    color: inherit;
    text-decoration: none;
    padding: 0 calc(var(--cg3-spacing-unit) * 11);
    outline-offset: 0;
}

.cg3-breadcrumb-item a:hover {
    color: var(--cg3-color-blue-750);
    text-decoration: underline;
}


.cg3-breadcrumb-list {
    display: flex;
    padding: 0;
    margin: 0;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-responsive-list-container {
    display: flex;
    gap: var(--cg3-spacing);
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg3-responsive-list-item-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.cg3-button-field-icon.cg3-responsive-list-more-button button:is([aria-expanded='true']) {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-button-group {
    height: 100%;
    display: flex;
    width: fit-content;
    box-sizing: border-box;
}

.cg3-button-group-list {
    height: 100%;
}

.cg3-button-group-list > ul {
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
}

.cg3-button-group-list > ul > li:not(:first-of-type) {
    padding-top: var(--cg3-spacing);
}

.cg3-button-group-dropdown {
    position: absolute;
}

.cg3-button-group-horizontal .cg3-button-group-list {
    height: fit-content;
}

.cg3-button-group-horizontal .cg3-button-group-list > ul {
    flex-direction: row;
}

.cg3-button-group-align-end .cg3-button-group-list > ul {
    justify-content: flex-end;
}

.cg3-button-group-horizontal .cg3-button-group-list > ul > li:not(:first-of-type) {
    padding-top: 0;
    padding-left: var(--cg3-spacing-half);
}

.cg3-button-group.cg3-button-group-horizontal {
    height: fit-content;
    width: 100%;
}

.cg3-button-group-horizontal .cg3-button-group-items {
    width: 100%;
    height: fit-content;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-calendar-days-grid,
.cg3-calendar-days-grid *,
.cg3-calendar-days-grid *::before,
.cg3-calendar-days-grid *::after {
    box-sizing: border-box;
}

.cg3-calendar-days-grid {
    padding: 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing-half-and-quarter);
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    user-select: none;
}

.cg3-calendar-days-grid-table {
    table-layout: fixed;
    border-collapse: collapse;
}

.cg3-calendar-days-grid-header-cell,
.cg3-calendar-days-grid-day-cell:has(.cg3-calendar-days-grid-day-cell-inner) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-calendar-days-grid-header-cell {
    font-weight: var(--cg3-font-weight-medium);
    height: 2rem;
}

.cg3-calendar-days-grid-day-cell {
    font-weight: var(--cg3-font-weight-normal);
    position: relative;
}

.cg3-calendar-days-grid-day-cell-inner {
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.cg3-calendar-days-grid-day-cell-inner:not(.cg3-calendar-days-grid-day-cell-inner-selected):is(
        :hover,
        :has(+ .cg3-calendar-days-grid-day-cell-inner-dot:hover)
    ) {
    background-color: var(--cg3-interactive-color-bg-hover);
    color: var(--cg3-color-text-primary);
}

.cg3-calendar-days-grid-day-cell-inner-context {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-selected);
}

.cg3-calendar-days-grid-day-cell-inner-selected:is(:hover, :has(+ .cg3-calendar-days-grid-day-cell-inner-dot:hover)) {
    background-color: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
}

.cg3-calendar-days-grid-day-cell-inner-selected {
    background-color: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-calendar-days-grid-day-cell-inner-disabled {
    color: var(--cg3-color-gray-250);
    background-color: transparent;
}

.cg3-calendar-days-grid-day-cell-inner-showed:not(.cg3-calendar-days-grid-day-cell-inner-disabled) {
    cursor: pointer;
}

:not(.cg3-calendar-days-grid-day-cell-inner-selected) .cg3-calendar-days-grid-day-cell-inner-dot {
    background-color: var(--cg3-interactive-color-icon-selected);
}

.cg3-calendar-days-grid-day-cell-inner-selected .cg3-calendar-days-grid-day-cell-inner-dot {
    background: var(--cg3-color-icon-inverse);
}

.cg3-calendar-days-grid-day-cell-inner-dot {
    position: absolute;
    font-size: 0;
    width: var(--cg3-spacing-quarter);
    height: var(--cg3-spacing-quarter);
    left: calc(var(--cg3-spacing) * 1.125);
    bottom: var(--cg3-spacing-half);
    border-radius: 50%;
    cursor: pointer;
}

/* Filling gaps between selected day cells */
.cg3-calendar-days-grid-day-cell:has(+ .cg3-calendar-days-grid-day-cell .cg3-calendar-days-grid-day-cell-inner-selected)
    .cg3-calendar-days-grid-day-cell-inner-selected {
    box-shadow: calc(var(--cg3-spacing-half)) 0 var(--cg3-interactive-color-bg-selected);
}

/* IMITATE HOVERING MULTIPLE ITEMS */

:is(.cg3-calendar-days-grid-day-cell-inner-selected).cg3-calendar-days-grid-day-cell-inner-toggleable {
    background-color: var(--cg3-color-blue-500);
}

:not(.cg3-calendar-days-grid-day-cell-inner-selected).cg3-calendar-days-grid-day-cell-inner-toggleable {
    background-color: var(--cg3-interactive-color-bg-hover);
}

/* FILLING GAPS BETWEEN DAY CELLS WHEN MULTIHOVER */

/* Toggleable cell before selected toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            .cg3-calendar-days-grid-day-cell-inner-selected.cg3-calendar-days-grid-day-cell-inner-toggleable
    )
    .cg3-calendar-days-grid-day-cell-inner-toggleable {
    box-shadow: calc(var(--cg3-spacing-half)) 0 var(--cg3-color-blue-500);
}

/* toggleable cell before not selected toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            :not(
                .cg3-calendar-days-grid-day-cell-inner-selected
            ).cg3-calendar-days-grid-day-cell-inner-toggleable
    )
    .cg3-calendar-days-grid-day-cell-inner-toggleable,

/* not selected toggleable cell before selected not toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            .cg3-calendar-days-grid-day-cell-inner-selected:not(
                .cg3-calendar-days-grid-day-cell-inner-toggleable
            )
    )
    :not(
        .cg3-calendar-days-grid-day-cell-inner-selected
    ).cg3-calendar-days-grid-day-cell-inner-toggleable,

/* selected not toggleable cell before not selected toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            :not(
                .cg3-calendar-days-grid-day-cell-inner-selected
            ).cg3-calendar-days-grid-day-cell-inner-toggleable
    )
    .cg3-calendar-days-grid-day-cell-inner-selected:not(
        .cg3-calendar-days-grid-day-cell-inner-toggleable
    ) {
    box-shadow: calc(var(--cg3-spacing-half)) 0 var(--cg3-interactive-color-bg-hover);
}

.cg3-calendar-days-grid-day-cell-empty {
    aspect-ratio: 1;
}

.cg3-calendar-days-grid-day-cell-inner:focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * -1);
}


.cg3-calendar-events-container {
    display: inline-flex;
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background-color: var(--cg3-dropdown-color-bg);
    flex-direction: column;
    width: 19rem;
}


.cg3-calendar-events-header,
.cg3-calendar-events-header *,
.cg3-calendar-events-header *::before,
.cg3-calendar-events-header *::after {
    box-sizing: border-box;
}

.cg3-calendar-events-header {
    display: flex;
    padding: var(--cg3-spacing-half-and-quarter) 0;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    align-self: stretch;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-calendar-events-item,
.cg3-calendar-events-item *,
.cg3-calendar-events-item *::before,
.cg3-calendar-events-item *::after {
    box-sizing: border-box;
}

.cg3-calendar-events-item {
    display: grid;
    grid-template-columns: 1rem 1fr;
    grid-template-rows: 1rem 1fr;
    grid-template-areas: 'bar date-time' 'bar title';
}

.cg3-calendar-events-item-bar {
    grid-area: bar;
    width: var(--cg3-spacing-quarter);
    height: calc(var(--cg3-spacing) * 2.25);
    border-radius: var(--cg3-border-radius);
    background: var(--cg3-interactive-border-color-selected);
}

.cg3-calendar-events-item-date-time {
    grid-area: date-time;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--cg3-color-text-tertiary);
}

.cg3-calendar-events-item-date-time .cg3-icon {
    font-size: var(--cg3-font-size-3);
    padding: 0 var(--cg3-spacing-unit);
}

.cg3-calendar-events-item-title {
    grid-area: title;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--cg3-color-text-primary);
}

.cg3-calendar-events-item-dot-wrapper {
    display: inline-block;
    position: relative;
    width: calc(var(--cg3-spacing) * 1.5);
}

.cg3-calendar-events-item-dot {
    position: absolute;
    font-size: 0;
    width: var(--cg3-spacing-quarter);
    height: var(--cg3-spacing-quarter);
    left: calc(var(--cg3-spacing-unit) * 10);
    bottom: calc(var(--cg3-spacing-unit) * 3);
    border-radius: 50%;
    background: var(--cg3-color-icon-tertiary);
}


.cg3-calendar-events-items-container {
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
    display: flex;
    padding: var(--cg3-spacing);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cg3-spacing);
    align-self: stretch;
}


.cg3-card {
    width: fit-content;
    height: fit-content;
    box-sizing: border-box;
    font-family: inherit;
    border-width: var(--cg3-border-width-half);
    border-color: var(--cg3-border-color);
    border-style: solid;
}

.cg3-card-interactive {
    cursor: pointer;
    transition-property: box-shadow;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    will-change: auto;
}

.cg3-card-selected {
    outline: var(--cg3-outline-width) solid var(--cg3-color-blue-625);
    outline-offset: calc(-1 * var(--cg3-outline-width));
    background: var(--cg3-color-blue-25);
}

@media (hover: hover) {
    .cg3-card-interactive:hover:not(.cg3-card-selected) {
        box-shadow: var(--cg3-box-shadow-popout);
    }
}








.cg3-check-mark-input-field {
    display: flex;
    flex-direction: column;
    width: fit-content;
    color: var(--cg3-color-text-primary);
    position: relative;
}

/* Disabled */
.cg3-check-mark-input-field:has(input:disabled, input[aria-disabled='true']) {
    pointer-events: none;
}

/* Focus */
.cg3-check-mark-input-field:has(:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

/* Size */
.cg3-check-mark-input-field-large {
    padding: var(--cg3-spacing-seven-of-eighths) 0;
}

/* Hidden */
.cg3-check-mark-input-field-hidden .cg3-check-mark-field-label-content {
    height: var(--cg3-spacing-unit);
    width: var(--cg3-spacing-unit);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.cg3-check-mark-input-field-large.cg3-check-mark-input-field-hidden {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-host-check-mark-field-header {
    line-height: 0;
}

.cg3-check-mark-field-header {
    line-height: var(--cg3-line-height-0);
    display: inline-flex;
    width: fit-content;
}

/* Disabled */
.cg3-check-mark-field-header-content:has(input:disabled, input[aria-disabled='true']) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-check-mark-field-header-content {
    display: flex;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-check-mark-field-label-content.cg3-check-mark-field-label-content div {
    display: flex;
    line-height: var(--cg3-line-height-1);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    margin: 0 var(--cg3-spacing-half);
}

.cg3-host-check-mark-field-label {
    line-height: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-check-mark-field-description-content {
    padding-left: calc(var(--cg3-spacing-half) * 3);
    padding-right: var(--cg3-spacing-half);
    margin: calc(var(--cg3-spacing-quarter) * 0.5) 0 0 0;
    display: flex;
}

.cg3-check-mark-field:has(input[type='radio']:not([aria-disabled='true'])) label {
    cursor: pointer;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-check-mark-field-description-content {
    padding-left: calc(var(--cg3-spacing-half) * 3);
    padding-right: var(--cg3-spacing-half);
    margin: calc(var(--cg3-spacing-quarter) * 0.5) 0 0 0;
    display: flex;
}


.cg3-host-check-mark-field-header {
    line-height: 0;
}

.cg3-check-mark-field-header {
    line-height: var(--cg3-line-height-0);
    display: inline-flex;
    width: fit-content;
}

/* Disabled */
.cg3-check-mark-field-header-content:has(input:disabled, input[aria-disabled='true']) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-check-mark-field-header-content {
    display: flex;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-check-mark-field-label-content.cg3-check-mark-field-label-content div {
    display: flex;
    line-height: var(--cg3-line-height-1);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    margin: 0 var(--cg3-spacing-half);
}

.cg3-host-check-mark-field-label {
    line-height: 0;
}


.cg3-check-mark-group-field legend {
    margin: 0;
}

.cg3-check-mark-group-field ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cg3-check-mark-group-field-root ul {
    margin-left: calc(var(--cg3-spacing-half) * 3);
}

.cg3-check-mark-group-field-root:has(.cg3-check-mark-input-field-extra-small)
    ul
    .cg3-check-mark-input-field:first-of-type {
    padding: 0;
}

.cg3-check-mark-group-field li:has(.cg3-check-mark-input-field-extra-small):not(:last-child) {
    margin-bottom: var(--cg3-spacing-half);
}

.cg3-check-mark-group-root-item:has(.cg3-check-mark-input-field-extra-small) {
    margin-bottom: var(--cg3-spacing-half);
    margin-top: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-check-mark-group-description.cg3-check-mark-group-description {
    margin-top: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-check-mark-group-group-header {
    margin-bottom: var(--cg3-spacing-half);
}

.cg3-check-mark-group:has(.cg3-check-mark-input-field-large) .cg3-check-mark-group-description {
    margin-bottom: var(--cg3-spacing-half);
}

.cg3-check-mark-group:has(.cg3-check-mark-input-field-extra-small) .cg3-check-mark-group-description {
    margin-bottom: calc(var(--cg3-spacing-quarter) * 3);
}

.cg3-check-mark-group ul:has(.cg3-check-mark-input-field-extra-small) {
    margin-top: var(--cg3-spacing-quarter);
}


.cg3-check-mark-group-field legend {
    margin: 0;
}

.cg3-check-mark-group-field ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.cg3-check-mark-group-field-root ul {
    margin-left: calc(var(--cg3-spacing-half) * 3);
}

.cg3-check-mark-group-field-root:has(.cg3-check-mark-input-field-extra-small)
    ul
    .cg3-check-mark-input-field:first-of-type {
    padding: 0;
}

.cg3-check-mark-group-field li:has(.cg3-check-mark-input-field-extra-small):not(:last-child) {
    margin-bottom: var(--cg3-spacing-half);
}


.cg3-check-mark-group-root-item:has(.cg3-check-mark-input-field-extra-small) {
    margin-bottom: var(--cg3-spacing-half);
    margin-top: var(--cg3-spacing-quarter);
}


.cg3-check-mark-input-field {
    display: flex;
    flex-direction: column;
    width: fit-content;
    color: var(--cg3-color-text-primary);
    position: relative;
}

/* Disabled */
.cg3-check-mark-input-field:has(input:disabled, input[aria-disabled='true']) {
    pointer-events: none;
}

/* Focus */
.cg3-check-mark-input-field:has(:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

/* Size */
.cg3-check-mark-input-field-large {
    padding: var(--cg3-spacing-seven-of-eighths) 0;
}

/* Hidden */
.cg3-check-mark-input-field-hidden .cg3-check-mark-field-label-content {
    height: var(--cg3-spacing-unit);
    width: var(--cg3-spacing-unit);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.cg3-check-mark-input-field-large.cg3-check-mark-input-field-hidden {
    padding: var(--cg3-spacing-seven-of-eighths);
}


.cg3-check-mark-input-field {
    display: flex;
    flex-direction: column;
    width: fit-content;
    color: var(--cg3-color-text-primary);
    position: relative;
}

/* Disabled */
.cg3-check-mark-input-field:has(input:disabled, input[aria-disabled='true']) {
    pointer-events: none;
}

/* Focus */
.cg3-check-mark-input-field:has(:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

/* Size */
.cg3-check-mark-input-field-large {
    padding: var(--cg3-spacing-seven-of-eighths) 0;
}

/* Hidden */
.cg3-check-mark-input-field-hidden .cg3-check-mark-field-label-content {
    height: var(--cg3-spacing-unit);
    width: var(--cg3-spacing-unit);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.cg3-check-mark-input-field-large.cg3-check-mark-input-field-hidden {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-host-check-mark-field-header {
    line-height: 0;
}

.cg3-check-mark-field-header {
    line-height: var(--cg3-line-height-0);
    display: inline-flex;
    width: fit-content;
}

/* Disabled */
.cg3-check-mark-field-header-content:has(input:disabled, input[aria-disabled='true']) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-check-mark-field-header-content {
    display: flex;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-check-mark-field-label-content.cg3-check-mark-field-label-content div {
    display: flex;
    line-height: var(--cg3-line-height-1);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    margin: 0 var(--cg3-spacing-half);
}

.cg3-host-check-mark-field-label {
    line-height: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-check-mark-field-description-content {
    padding-left: calc(var(--cg3-spacing-half) * 3);
    padding-right: var(--cg3-spacing-half);
    margin: calc(var(--cg3-spacing-quarter) * 0.5) 0 0 0;
    display: flex;
}

.cg3-check-mark-field:has(input[type='radio']:not([aria-disabled='true'])) label {
    cursor: pointer;
}

.cg3-checkbox-input-field input[type='checkbox'] {
    width: var(--cg3-spacing);
    min-width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-color: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-radius: 0;
}

.cg3-checkbox-input-field input[type='checkbox']::before {
    box-sizing: border-box;
    border-right: 0;
    border-top: 0;
    border-left: var(--cg3-border-width) solid currentColor;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    height: 6px;
    transform: translate(-50%, -70%) rotate(-50deg) skewX(-3deg);
    width: var(--cg3-spacing-half);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
}

/* Indeterminate  */
.cg3-checkbox-input-field input[type='checkbox']:indeterminate {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

.cg3-checkbox-input-field input[type='checkbox']:indeterminate::before {
    box-sizing: border-box;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    position: absolute;
    width: var(--cg3-spacing-half);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0;
}

/* Hover */
.cg3-checkbox-input-field
    .cg3-check-mark-field-label-content:hover:not(
        :has(input[type='checkbox']:is([aria-disabled='true'], :disabled, [readonly], [aria-readonly='true']))
    ):hover,
.cg3-checkbox-input-field
    input[type='checkbox']:not(:disabled, [aria-disabled='true'], [readonly], [aria-readonly='true']):hover {
    cursor: pointer;
}

.cg3-checkbox-input-field
    input[type='checkbox']:not(
        :indeterminate,
        :checked,
        :disabled,
        [aria-disabled='true'],
        [readonly],
        [aria-readonly='true']
    ):hover {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}

/* Checked */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[type='checkbox'] {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

/* Disabled */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[aria-disabled='true'] {
    background-color: var(--cg3-color-gray-750);
    border-color: var(--cg3-color-gray-750);
}




.cg3-checkbox-input-field input[type='checkbox'] {
    width: var(--cg3-spacing);
    min-width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-color: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-radius: 0;
}

.cg3-checkbox-input-field input[type='checkbox']::before {
    box-sizing: border-box;
    border-right: 0;
    border-top: 0;
    border-left: var(--cg3-border-width) solid currentColor;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    height: 6px;
    transform: translate(-50%, -70%) rotate(-50deg) skewX(-3deg);
    width: var(--cg3-spacing-half);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
}

/* Indeterminate  */
.cg3-checkbox-input-field input[type='checkbox']:indeterminate {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

.cg3-checkbox-input-field input[type='checkbox']:indeterminate::before {
    box-sizing: border-box;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    position: absolute;
    width: var(--cg3-spacing-half);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0;
}

/* Hover */
.cg3-checkbox-input-field
    .cg3-check-mark-field-label-content:hover:not(
        :has(input[type='checkbox']:is([aria-disabled='true'], :disabled, [readonly], [aria-readonly='true']))
    ):hover,
.cg3-checkbox-input-field
    input[type='checkbox']:not(:disabled, [aria-disabled='true'], [readonly], [aria-readonly='true']):hover {
    cursor: pointer;
}

.cg3-checkbox-input-field
    input[type='checkbox']:not(
        :indeterminate,
        :checked,
        :disabled,
        [aria-disabled='true'],
        [readonly],
        [aria-readonly='true']
    ):hover {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}

/* Checked */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[type='checkbox'] {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

/* Disabled */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[aria-disabled='true'] {
    background-color: var(--cg3-color-gray-750);
    border-color: var(--cg3-color-gray-750);
}




/* list */

.cg3-combobox-list {
    box-sizing: border-box;
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    min-height: 2rem;
    padding: var(--cg3-spacing-half) 0;
    margin: 0;
    overflow-y: auto;
}

.cg3-combobox-list:empty {
    display: none;
}

/* option */

.cg3-combobox-list-option {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: 0 var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    margin: 0;
}

.cg3-combobox-list-option:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-combobox-list-option:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

/* disabled */

.cg3-combobox-list-disabled .cg3-combobox-list-option {
    cursor: default;
    text-decoration: none;
}

.cg3-combobox-list-disabled .cg3-combobox-list-option:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-combobox-list-disabled .cg3-combobox-list-option:active {
    background: initial;
}

/* size: medium */

.cg3-combobox-list-medium {
    max-height: 12rem;
}

.cg3-combobox-list-medium .cg3-combobox-list-option {
    height: 2rem;
}

/* size: large */

.cg3-combobox-list-large {
    max-height: 16rem;
}

.cg3-combobox-list-large .cg3-combobox-list-option {
    height: 2.75rem;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}

.cg3-combobox {
    width: 100%;
}

.cg3-combobox .cg3-combobox-input {
    line-height: var(--cg3-line-height-2);
    min-width: 1em;
}

.cg3-combobox .cg3-combobox-body {
    position: relative;
    z-index: 1;
}

.cg3-combobox:has([aria-expanded='true']) .cg3-combobox-body {
    z-index: 3;
}

.cg3-combobox .cg3-combobox-popup {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
}

.cg3-combobox .cg3-combobox-popup [flow-id='popup-area'] {
    width: 100%;
}

.cg3-combobox .cg3-combobox-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-combobox :is(.cg3-combobox-description, .cg3-combobox-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-combobox:has(
        .cg3-combobox-header [flow-id='form-field-visible-label'] > *,
        .cg3-combobox-description,
        .cg3-combobox-error
    )
    .cg3-combobox-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-combobox:has(input:is([aria-disabled='true'], :disabled)) .cg3-combobox-icon-wrapper {
    pointer-events: none;
}

.cg3-combobox-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}


/* list */

.cg3-combobox-list {
    box-sizing: border-box;
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    min-height: 2rem;
    padding: var(--cg3-spacing-half) 0;
    margin: 0;
    overflow-y: auto;
}

.cg3-combobox-list:empty {
    display: none;
}

/* option */

.cg3-combobox-list-option {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: 0 var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    margin: 0;
}

.cg3-combobox-list-option:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-combobox-list-option:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

/* disabled */

.cg3-combobox-list-disabled .cg3-combobox-list-option {
    cursor: default;
    text-decoration: none;
}

.cg3-combobox-list-disabled .cg3-combobox-list-option:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-combobox-list-disabled .cg3-combobox-list-option:active {
    background: initial;
}

/* size: medium */

.cg3-combobox-list-medium {
    max-height: 12rem;
}

.cg3-combobox-list-medium .cg3-combobox-list-option {
    height: 2rem;
}

/* size: large */

.cg3-combobox-list-large {
    max-height: 16rem;
}

.cg3-combobox-list-large .cg3-combobox-list-option {
    height: 2.75rem;
}


.cg3-content-placeholder {
    display: flex;
    justify-content: center;
    background: repeating-linear-gradient(
        135deg,
        var(--cg3-color-gray-25),
        var(--cg3-color-gray-25) 10px,
        transparent 10px,
        transparent 20px
    );
    height: 100%;
}
.cg3-content-placeholder.cg3-dark {
    background: repeating-linear-gradient(
        135deg,
        var(--cg3-color-gray-575),
        var(--cg3-color-gray-575) 10px,
        var(--cg3-color-gray-500) 10px,
        var(--cg3-color-gray-500) 20px
    );
    height: 100%;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-date-picker-input-field-body-container {
    display: flex;
    justify-content: space-between;
}

.cg3-date-picker-input-field-body {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-date-picker-input-field-body input {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: var(--cg3-font-size-1);
    font-family: inherit;
    color: var(--cg3-color-text-primary);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-1);
    text-overflow: ellipsis;
}

.cg3-date-picker-input-field-body-medium input {
    padding: calc(var(--cg3-spacing-unit) * 7) 0 calc(var(--cg3-spacing-unit) * 7) var(--cg3-spacing-half);
}

.cg3-date-picker-input-field-body-large input {
    padding: var(--cg3-spacing-half-and-quarter) 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-2);
}

.cg3-date-picker-input-field-body input::placeholder {
    font-family: inherit;
    color: var(--cg3-color-text-placeholder);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-light);
    line-height: var(--cg3-line-height-1);
    text-overflow: ellipsis;
}

.cg3-date-picker-input-field-body:not(:has(input[readonly])):hover {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-hover);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-hover);
}

.cg3-date-picker-input-field-body:has(input:is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

.cg3-date-picker-input-field-body-disabled {
    opacity: var(--cg3-disabled-opacity);
    pointer-events: none;
}

.cg3-date-picker-input-field-body-container-disabled {
    opacity: 1;
    pointer-events: none;
}

.cg3-date-picker-input-field-body-disabled:has(input:focus) {
    opacity: 1;
}

.cg3-date-picker-input-field-body-container-disabled:has(input:focus) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-date-picker-input-field-body {
    width: inherit;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    background: var(--cg3-input-container-color-bg);
}

/* attributes have been added to increase specificity */
.cg3-date-picker-input-field-body:has(input[role='combobox'][type='text']:focus) {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-focus);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-focus);
}

.cg3-date-picker-input-field-body-error {
    border: var(--cg3-border-width-half) solid var(--cg3-input-container-border-color-error);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-input-container-border-color-error);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-date-picker-input-field .cg3-date-picker-clear-button button:hover:hover:not(:disabled, [aria-disabled='true']) {
    background-color: transparent;
}

.cg3-date-picker-input-field-icons-container {
    width: fit-content;
    display: flex;
}

.cg3-date-picker-input-field-calendar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
}

.cg3-date-picker-input-field-caution-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-date-picker-input-field-caution-icon-large,
.cg3-date-picker-input-field-calendar-icon-large {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-date-picker-input-field :is(.cg3-date-picker-input-field-description, .cg3-date-picker-input-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-date-picker-input-field:has(
        .cg3-date-picker-input-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-date-picker-input-field-description,
        .cg3-date-picker-input-field-error
    )
    .cg3-date-picker-input-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-masked-text-box {
    width: 100%;
}

/* class has been added three times to increase specificity */
input.cg3-masked-text-box.cg3-masked-text-box.cg3-masked-text-box:focus {
    outline: none;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-nav-panel,
.cg3-nav-panel *,
.cg3-nav-panel *::before,
.cg3-nav-panel *::after {
    box-sizing: border-box;
}

.cg3-nav-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--cg3-font-weight-medium);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-0);
    color: var(--cg3-color-text-primary);
    user-select: none;
}

.cg3-nav-panel-button-previous,
.cg3-nav-panel-button-next {
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    height: 2rem;
    width: 2rem;
}

.cg3-nav-panel-header-clickable:hover,
.cg3-nav-panel-button-previous:hover,
.cg3-nav-panel-button-next:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-nav-panel-header {
    display: flex;
    align-items: center;
    height: 2rem;
    padding: 0 var(--cg3-spacing-half);
}

.cg3-nav-panel-header-clickable {
    cursor: pointer;
}

.cg3-nav-panel-button-previous[aria-disabled='true'],
.cg3-nav-panel-button-next[aria-disabled='true'] {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-nav-panel-navigation-button-wrapper:has(
        .cg3-nav-panel-button-previous:focus-visible,
        .cg3-nav-panel-button-next:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-nav-panel-button-previous.cg3-nav-panel-button-previous:focus:focus-visible,
.cg3-nav-panel-button-next.cg3-nav-panel-button-next:focus:focus-visible {
    outline: none;
}

.cg3-nav-panel-header:focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-calendar-days-grid,
.cg3-calendar-days-grid *,
.cg3-calendar-days-grid *::before,
.cg3-calendar-days-grid *::after {
    box-sizing: border-box;
}

.cg3-calendar-days-grid {
    padding: 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing-half-and-quarter);
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    user-select: none;
}

.cg3-calendar-days-grid-table {
    table-layout: fixed;
    border-collapse: collapse;
}

.cg3-calendar-days-grid-header-cell,
.cg3-calendar-days-grid-day-cell:has(.cg3-calendar-days-grid-day-cell-inner) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-calendar-days-grid-header-cell {
    font-weight: var(--cg3-font-weight-medium);
    height: 2rem;
}

.cg3-calendar-days-grid-day-cell {
    font-weight: var(--cg3-font-weight-normal);
    position: relative;
}

.cg3-calendar-days-grid-day-cell-inner {
    width: 2rem;
    height: 2rem;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}

.cg3-calendar-days-grid-day-cell-inner:not(.cg3-calendar-days-grid-day-cell-inner-selected):is(
        :hover,
        :has(+ .cg3-calendar-days-grid-day-cell-inner-dot:hover)
    ) {
    background-color: var(--cg3-interactive-color-bg-hover);
    color: var(--cg3-color-text-primary);
}

.cg3-calendar-days-grid-day-cell-inner-context {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-selected);
}

.cg3-calendar-days-grid-day-cell-inner-selected:is(:hover, :has(+ .cg3-calendar-days-grid-day-cell-inner-dot:hover)) {
    background-color: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
}

.cg3-calendar-days-grid-day-cell-inner-selected {
    background-color: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-calendar-days-grid-day-cell-inner-disabled {
    color: var(--cg3-color-gray-250);
    background-color: transparent;
}

.cg3-calendar-days-grid-day-cell-inner-showed:not(.cg3-calendar-days-grid-day-cell-inner-disabled) {
    cursor: pointer;
}

:not(.cg3-calendar-days-grid-day-cell-inner-selected) .cg3-calendar-days-grid-day-cell-inner-dot {
    background-color: var(--cg3-interactive-color-icon-selected);
}

.cg3-calendar-days-grid-day-cell-inner-selected .cg3-calendar-days-grid-day-cell-inner-dot {
    background: var(--cg3-color-icon-inverse);
}

.cg3-calendar-days-grid-day-cell-inner-dot {
    position: absolute;
    font-size: 0;
    width: var(--cg3-spacing-quarter);
    height: var(--cg3-spacing-quarter);
    left: calc(var(--cg3-spacing) * 1.125);
    bottom: var(--cg3-spacing-half);
    border-radius: 50%;
    cursor: pointer;
}

/* Filling gaps between selected day cells */
.cg3-calendar-days-grid-day-cell:has(+ .cg3-calendar-days-grid-day-cell .cg3-calendar-days-grid-day-cell-inner-selected)
    .cg3-calendar-days-grid-day-cell-inner-selected {
    box-shadow: calc(var(--cg3-spacing-half)) 0 var(--cg3-interactive-color-bg-selected);
}

/* IMITATE HOVERING MULTIPLE ITEMS */

:is(.cg3-calendar-days-grid-day-cell-inner-selected).cg3-calendar-days-grid-day-cell-inner-toggleable {
    background-color: var(--cg3-color-blue-500);
}

:not(.cg3-calendar-days-grid-day-cell-inner-selected).cg3-calendar-days-grid-day-cell-inner-toggleable {
    background-color: var(--cg3-interactive-color-bg-hover);
}

/* FILLING GAPS BETWEEN DAY CELLS WHEN MULTIHOVER */

/* Toggleable cell before selected toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            .cg3-calendar-days-grid-day-cell-inner-selected.cg3-calendar-days-grid-day-cell-inner-toggleable
    )
    .cg3-calendar-days-grid-day-cell-inner-toggleable {
    box-shadow: calc(var(--cg3-spacing-half)) 0 var(--cg3-color-blue-500);
}

/* toggleable cell before not selected toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            :not(
                .cg3-calendar-days-grid-day-cell-inner-selected
            ).cg3-calendar-days-grid-day-cell-inner-toggleable
    )
    .cg3-calendar-days-grid-day-cell-inner-toggleable,

/* not selected toggleable cell before selected not toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            .cg3-calendar-days-grid-day-cell-inner-selected:not(
                .cg3-calendar-days-grid-day-cell-inner-toggleable
            )
    )
    :not(
        .cg3-calendar-days-grid-day-cell-inner-selected
    ).cg3-calendar-days-grid-day-cell-inner-toggleable,

/* selected not toggleable cell before not selected toggleable cell */
.cg3-calendar-days-grid-day-cell:has(
        + .cg3-calendar-days-grid-day-cell
            :not(
                .cg3-calendar-days-grid-day-cell-inner-selected
            ).cg3-calendar-days-grid-day-cell-inner-toggleable
    )
    .cg3-calendar-days-grid-day-cell-inner-selected:not(
        .cg3-calendar-days-grid-day-cell-inner-toggleable
    ) {
    box-shadow: calc(var(--cg3-spacing-half)) 0 var(--cg3-interactive-color-bg-hover);
}

.cg3-calendar-days-grid-day-cell-empty {
    aspect-ratio: 1;
}

.cg3-calendar-days-grid-day-cell-inner:focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-calendar-events-header,
.cg3-calendar-events-header *,
.cg3-calendar-events-header *::before,
.cg3-calendar-events-header *::after {
    box-sizing: border-box;
}

.cg3-calendar-events-header {
    display: flex;
    padding: var(--cg3-spacing-half-and-quarter) 0;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    align-self: stretch;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-calendar-events-item,
.cg3-calendar-events-item *,
.cg3-calendar-events-item *::before,
.cg3-calendar-events-item *::after {
    box-sizing: border-box;
}

.cg3-calendar-events-item {
    display: grid;
    grid-template-columns: 1rem 1fr;
    grid-template-rows: 1rem 1fr;
    grid-template-areas: 'bar date-time' 'bar title';
}

.cg3-calendar-events-item-bar {
    grid-area: bar;
    width: var(--cg3-spacing-quarter);
    height: calc(var(--cg3-spacing) * 2.25);
    border-radius: var(--cg3-border-radius);
    background: var(--cg3-interactive-border-color-selected);
}

.cg3-calendar-events-item-date-time {
    grid-area: date-time;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--cg3-color-text-tertiary);
}

.cg3-calendar-events-item-date-time .cg3-icon {
    font-size: var(--cg3-font-size-3);
    padding: 0 var(--cg3-spacing-unit);
}

.cg3-calendar-events-item-title {
    grid-area: title;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: var(--cg3-color-text-primary);
}

.cg3-calendar-events-item-dot-wrapper {
    display: inline-block;
    position: relative;
    width: calc(var(--cg3-spacing) * 1.5);
}

.cg3-calendar-events-item-dot {
    position: absolute;
    font-size: 0;
    width: var(--cg3-spacing-quarter);
    height: var(--cg3-spacing-quarter);
    left: calc(var(--cg3-spacing-unit) * 10);
    bottom: calc(var(--cg3-spacing-unit) * 3);
    border-radius: 50%;
    background: var(--cg3-color-icon-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-options-grid,
.cg3-options-grid *,
.cg3-options-grid *::before,
.cg3-options-grid *::after {
    box-sizing: border-box;
}
.cg3-options-grid {
    display: flex;
    flex-direction: column;
    gap: calc(var(--cg3-spacing-unit) * 13);
    font-weight: var(--cg3-font-weight-medium);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-0);
    color: var(--cg3-color-text-primary);
    user-select: none;
}

.cg3-options-grid-row {
    display: flex;
    justify-content: space-between;
}

.cg3-options-grid-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(var(--cg3-spacing) * 3);
    min-width: calc(var(--cg3-spacing) * 3);
    font-weight: var(--cg3-font-weight-normal);
    cursor: pointer;
}

.cg3-options-grid-item:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-options-grid-item-selected {
    background-color: var(--cg3-color-blue-625);
    color: var(--cg3-color-monochrome-white);
}

.cg3-options-grid-item-selected:hover {
    background-color: var(--cg3-color-blue-500);
}

.cg3-options-grid-item-context {
    border: var(--cg3-border-width-half) solid var(--cg3-color-blue-625);
}

.cg3-options-grid-item[aria-disabled='true'] {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-options-grid-item:focus:focus-visible {
    outline: none;
}

.cg3-options-grid-item-wrapper .cg3-options-grid-item:focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * -1);
}
.cg3-options-grid-item-wrapper:has(.cg3-options-grid-item:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-calendar-events-container {
    display: inline-flex;
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background-color: var(--cg3-dropdown-color-bg);
    flex-direction: column;
    width: 19rem;
}

.cg3-calendar-events-items-container {
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
    display: flex;
    padding: var(--cg3-spacing);
    flex-direction: column;
    align-items: flex-start;
    gap: var(--cg3-spacing);
    align-self: stretch;
}

.cg3-date-picker-calendar-container {
    display: inline-flex;
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background-color: var(--cg3-dropdown-color-bg);
    flex-direction: column;
    box-shadow: var(--cg3-box-shadow-overlay);
    width: 19rem;
}

.cg3-date-picker {
    width: 100%;
}

.cg3-date-picker-nav-panel {
    padding: var(--cg3-spacing) var(--cg3-spacing) var(--cg3-spacing-half);
}

.cg3-date-picker-options-grid {
    padding: 0 var(--cg3-spacing-double) var(--cg3-spacing);
}

.cg3-date-picker-container {
    display: flex;
}


.cg3-date-picker-calendar-container {
    display: inline-flex;
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background-color: var(--cg3-dropdown-color-bg);
    flex-direction: column;
    box-shadow: var(--cg3-box-shadow-overlay);
    width: 19rem;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-date-picker-input-field-body-container {
    display: flex;
    justify-content: space-between;
}

.cg3-date-picker-input-field-body {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-date-picker-input-field-body input {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: var(--cg3-font-size-1);
    font-family: inherit;
    color: var(--cg3-color-text-primary);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-1);
    text-overflow: ellipsis;
}

.cg3-date-picker-input-field-body-medium input {
    padding: calc(var(--cg3-spacing-unit) * 7) 0 calc(var(--cg3-spacing-unit) * 7) var(--cg3-spacing-half);
}

.cg3-date-picker-input-field-body-large input {
    padding: var(--cg3-spacing-half-and-quarter) 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-2);
}

.cg3-date-picker-input-field-body input::placeholder {
    font-family: inherit;
    color: var(--cg3-color-text-placeholder);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-light);
    line-height: var(--cg3-line-height-1);
    text-overflow: ellipsis;
}

.cg3-date-picker-input-field-body:not(:has(input[readonly])):hover {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-hover);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-hover);
}

.cg3-date-picker-input-field-body:has(input:is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

.cg3-date-picker-input-field-body-disabled {
    opacity: var(--cg3-disabled-opacity);
    pointer-events: none;
}

.cg3-date-picker-input-field-body-container-disabled {
    opacity: 1;
    pointer-events: none;
}

.cg3-date-picker-input-field-body-disabled:has(input:focus) {
    opacity: 1;
}

.cg3-date-picker-input-field-body-container-disabled:has(input:focus) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-date-picker-input-field-body {
    width: inherit;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    background: var(--cg3-input-container-color-bg);
}

/* attributes have been added to increase specificity */
.cg3-date-picker-input-field-body:has(input[role='combobox'][type='text']:focus) {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-focus);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-focus);
}

.cg3-date-picker-input-field-body-error {
    border: var(--cg3-border-width-half) solid var(--cg3-input-container-border-color-error);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-input-container-border-color-error);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-date-picker-input-field .cg3-date-picker-clear-button button:hover:hover:not(:disabled, [aria-disabled='true']) {
    background-color: transparent;
}

.cg3-date-picker-input-field-icons-container {
    width: fit-content;
    display: flex;
}

.cg3-date-picker-input-field-calendar-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
}

.cg3-date-picker-input-field-caution-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-date-picker-input-field-caution-icon-large,
.cg3-date-picker-input-field-calendar-icon-large {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-date-picker-input-field :is(.cg3-date-picker-input-field-description, .cg3-date-picker-input-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-date-picker-input-field:has(
        .cg3-date-picker-input-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-date-picker-input-field-description,
        .cg3-date-picker-input-field-error
    )
    .cg3-date-picker-input-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}


.cg3-date-picker-input-field-body-container {
    display: flex;
    justify-content: space-between;
}

.cg3-date-picker-input-field-body {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-date-picker-input-field-body input {
    border: none;
    outline: none;
    background-color: transparent;
    font-size: var(--cg3-font-size-1);
    font-family: inherit;
    color: var(--cg3-color-text-primary);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-1);
    text-overflow: ellipsis;
}

.cg3-date-picker-input-field-body-medium input {
    padding: calc(var(--cg3-spacing-unit) * 7) 0 calc(var(--cg3-spacing-unit) * 7) var(--cg3-spacing-half);
}

.cg3-date-picker-input-field-body-large input {
    padding: var(--cg3-spacing-half-and-quarter) 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-2);
}

.cg3-date-picker-input-field-body input::placeholder {
    font-family: inherit;
    color: var(--cg3-color-text-placeholder);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-light);
    line-height: var(--cg3-line-height-1);
    text-overflow: ellipsis;
}

.cg3-date-picker-input-field-body:not(:has(input[readonly])):hover {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-hover);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-hover);
}

.cg3-date-picker-input-field-body:has(input:is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

.cg3-date-picker-input-field-body-disabled {
    opacity: var(--cg3-disabled-opacity);
    pointer-events: none;
}

.cg3-date-picker-input-field-body-container-disabled {
    opacity: 1;
    pointer-events: none;
}

.cg3-date-picker-input-field-body-disabled:has(input:focus) {
    opacity: 1;
}

.cg3-date-picker-input-field-body-container-disabled:has(input:focus) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-date-picker-input-field-body {
    width: inherit;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    background: var(--cg3-input-container-color-bg);
}

/* attributes have been added to increase specificity */
.cg3-date-picker-input-field-body:has(input[role='combobox'][type='text']:focus) {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-focus);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-focus);
}

.cg3-date-picker-input-field-body-error {
    border: var(--cg3-border-width-half) solid var(--cg3-input-container-border-color-error);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-input-container-border-color-error);
}


.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}


.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}


.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}


.cg3-dropdown-item-list {
}


.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}


.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}


.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-form-field-container .cg3-form-field-container-body {
    width: fit-content;
}

.cg3-form-field-container .cg3-form-field-container-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-form-field-container :is(.cg3-form-field-container-description, .cg3-form-field-container-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-form-field-container:has(
        .cg3-form-field-container-header [flow-id='form-field-visible-label'] > *,
        .cg3-form-field-container-description,
        .cg3-form-field-container-error
    )
    .cg3-form-field-container-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-file-upload-input {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    gap: var(--cg3-spacing-half);
    justify-content: center;
    text-decoration: none;
    transition: background-color var(--cg3-transition-duration), color var(--cg3-transition-duration),
        border-color var(--cg3-transition-duration);
}

.cg3-file-upload-input:has(input[type='file']:not(:disabled, [aria-disabled='true'])) {
    cursor: pointer;
}

/* INPUT */

.cg3-file-upload-input input[type='file'] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* ICON */

.cg3-file-upload-input [flow-id='icon'] {
    font-size: var(--cg3-font-size-2);
}

.cg3-file-upload-form-field-container .cg3-form-field-body-container {
    outline: 0;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-file-upload-item {
    display: flex;
    font-size: var(--cg3-font-size-0);
    gap: var(--cg3-spacing-half);
    padding: var(--cg3-spacing-quarter);
    box-sizing: border-box;
    height: 3.25rem;
}

.cg3-file-upload-item[tabindex]:hover:not([aria-disabled='true']) {
    background: var(--cg3-interactive-color-bg-hover);
    cursor: pointer;
}

.cg3-file-upload-item[aria-disabled='true'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-file-upload-item[tabindex].cg3-file-upload-item-success {
    background-color: var(--cg3-color-bg-subtle);
    height: 1.5rem;
}

.cg3-file-upload-item-content {
    flex: 1;
    max-width: 100%;
}

.cg3-file-upload-item-content:not(:has(.cg3-file-upload-item-percentage)) {
    flex: 1;
    max-width: calc(100% - var(--cg3-spacing-half) - 1em); /* 100% - gap - icon size */
}

.cg3-file-upload-item-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--cg3-spacing-half);
    justify-content: flex-start;
}

.cg3-file-upload-item-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cg3-file-upload-item-progress-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--cg3-spacing-half);
    justify-content: flex-start;
    width: 100%;
    margin-block: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-file-upload-item-progress {
    appearance: none;
    border: none;
    display: block;
    flex: 1;
    height: 0.25rem;
    margin: 0;
    padding: 0;
    width: 100%;
}

.cg3-file-upload-item-progress::-webkit-progress-bar {
    background: var(--cg3-color-gray-100);
    border-radius: var(--cg3-border-radius-half);
}

.cg3-file-upload-item-progress::-webkit-progress-value {
    background: var(--cg3-color-blue-500);
}

.cg3-file-upload-item-description {
    color: var(--cg3-color-text-tertiary);
}

.cg3-file-upload-item-description-hover {
    display: none;
}

.cg3-file-upload-item[tabindex]:hover:not([aria-disabled='true']) .cg3-file-upload-item-description {
    display: none;
}

.cg3-file-upload-item[tabindex]:hover:not([aria-disabled='true']) .cg3-file-upload-item-description-hover {
    display: block;
}

.cg3-file-upload-item-error :is(.cg3-file-upload-item-description, .cg3-file-upload-item-description-hover) {
    color: var(--cg3-color-text-error);
}

.cg3-file-upload-item-action-icon {
    align-items: center;
    display: flex;
    justify-content: center;
}

.cg3-file-upload-drag-and-drop-zone {
    align-items: center;
    border: var(--cg3-border-width) dashed var(--cg3-border-color);
    display: flex;
    justify-content: center;
    box-sizing: border-box;
}

.cg3-file-upload-drag-and-drop-zone.cg3-file-upload-drag-and-drop-zone:focus:focus-visible,
.cg3-file-upload-drag-and-drop-zone.cg3-file-upload-drag-and-drop-zone-active {
    background: var(--cg3-interactive-color-bg-hover);
    border: var(--cg3-border-width) solid var(--cg3-color-blue-750);
    outline: none;
}

.cg3-file-upload-drag-and-drop-small .cg3-file-upload-drag-and-drop-zone {
    font-size: var(--cg3-font-size-0);
    min-height: 3rem;
}

.cg3-file-upload-drag-and-drop-medium .cg3-file-upload-drag-and-drop-zone {
    font-size: var(--cg3-font-size-1);
    min-height: 6rem;
}

.cg3-file-upload-drag-and-drop-large .cg3-file-upload-drag-and-drop-zone {
    font-size: var(--cg3-font-size-1);
    height: 20rem;
}

.cg3-file-upload-drag-and-drop-zone[aria-disabled='true'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-file-upload-drag-and-drop-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.cg3-file-upload-drag-and-drop-label-active {
    display: none;
}

.cg3-file-upload-drag-and-drop-zone-active .cg3-file-upload-drag-and-drop-label {
    display: none;
}

.cg3-file-upload-drag-and-drop-zone-active .cg3-file-upload-drag-and-drop-label-active {
    display: block;
}

.cg3-file-upload-drag-and-drop-small .cg3-file-upload-drag-and-drop-content {
    gap: var(--cg3-spacing-quarter);
}

.cg3-file-upload-drag-and-drop-medium .cg3-file-upload-drag-and-drop-content {
    gap: var(--cg3-spacing-half);
}

.cg3-file-upload-drag-and-drop-large .cg3-file-upload-drag-and-drop-content {
    gap: var(--cg3-spacing);
}

.cg3-file-upload-drag-and-drop-zone:not([aria-disabled='true']) .cg3-file-upload-drag-and-drop-content {
    cursor: pointer;
}

.cg3-file-upload-drag-and-drop-icon {
    color: var(--cg3-color-icon-tertiary);
    line-height: 1;
}

.cg3-file-upload-drag-and-drop-zone-active .cg3-file-upload-drag-and-drop-icon {
    color: var(--cg3-color-blue-750);
}

.cg3-file-upload-drag-and-drop-small .cg3-file-upload-drag-and-drop-icon {
    font-size: var(--cg3-font-size-base);
}

.cg3-file-upload-drag-and-drop-medium .cg3-file-upload-drag-and-drop-icon {
    font-size: calc(var(--cg3-font-size-base) * 2);
}

.cg3-file-upload-drag-and-drop-large .cg3-file-upload-drag-and-drop-icon {
    font-size: calc(var(--cg3-font-size-base) * 3);
}

.cg3-file-upload-drag-and-drop-input {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

.cg3-file-upload-drag-and-drop-list {
    border-color: var(--cg3-border-color);
    border-style: solid;
    border-width: 0 var(--cg3-border-width) var(--cg3-border-width) var(--cg3-border-width);
    display: flex;
    flex-direction: column;
    gap: var(--cg3-spacing-half);
    padding: var(--cg3-spacing-half);
}

.cg3-file-upload-drag-and-drop-list:empty {
    display: none;
}

.cg3-file-upload-drag-and-drop-zone[aria-disabled='true'] ~ .cg3-file-upload-drag-and-drop-list {
    border-color: rgb(from var(--cg3-border-color) r g b / var(--cg3-disabled-opacity));
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-file-upload-input {
    align-items: center;
    box-sizing: border-box;
    display: inline-flex;
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    gap: var(--cg3-spacing-half);
    justify-content: center;
    text-decoration: none;
    transition: background-color var(--cg3-transition-duration), color var(--cg3-transition-duration),
        border-color var(--cg3-transition-duration);
}

.cg3-file-upload-input:has(input[type='file']:not(:disabled, [aria-disabled='true'])) {
    cursor: pointer;
}

/* INPUT */

.cg3-file-upload-input input[type='file'] {
    border: 0;
    clip: rect(0, 0, 0, 0);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
}

/* ICON */

.cg3-file-upload-input [flow-id='icon'] {
    font-size: var(--cg3-font-size-2);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-file-upload-item {
    display: flex;
    font-size: var(--cg3-font-size-0);
    gap: var(--cg3-spacing-half);
    padding: var(--cg3-spacing-quarter);
    box-sizing: border-box;
    height: 3.25rem;
}

.cg3-file-upload-item[tabindex]:hover:not([aria-disabled='true']) {
    background: var(--cg3-interactive-color-bg-hover);
    cursor: pointer;
}

.cg3-file-upload-item[aria-disabled='true'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-file-upload-item[tabindex].cg3-file-upload-item-success {
    background-color: var(--cg3-color-bg-subtle);
    height: 1.5rem;
}

.cg3-file-upload-item-content {
    flex: 1;
    max-width: 100%;
}

.cg3-file-upload-item-content:not(:has(.cg3-file-upload-item-percentage)) {
    flex: 1;
    max-width: calc(100% - var(--cg3-spacing-half) - 1em); /* 100% - gap - icon size */
}

.cg3-file-upload-item-title {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--cg3-spacing-half);
    justify-content: flex-start;
}

.cg3-file-upload-item-name {
    flex: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cg3-file-upload-item-progress-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    gap: var(--cg3-spacing-half);
    justify-content: flex-start;
    width: 100%;
    margin-block: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-file-upload-item-progress {
    appearance: none;
    border: none;
    display: block;
    flex: 1;
    height: 0.25rem;
    margin: 0;
    padding: 0;
    width: 100%;
}

.cg3-file-upload-item-progress::-webkit-progress-bar {
    background: var(--cg3-color-gray-100);
    border-radius: var(--cg3-border-radius-half);
}

.cg3-file-upload-item-progress::-webkit-progress-value {
    background: var(--cg3-color-blue-500);
}

.cg3-file-upload-item-description {
    color: var(--cg3-color-text-tertiary);
}

.cg3-file-upload-item-description-hover {
    display: none;
}

.cg3-file-upload-item[tabindex]:hover:not([aria-disabled='true']) .cg3-file-upload-item-description {
    display: none;
}

.cg3-file-upload-item[tabindex]:hover:not([aria-disabled='true']) .cg3-file-upload-item-description-hover {
    display: block;
}

.cg3-file-upload-item-error :is(.cg3-file-upload-item-description, .cg3-file-upload-item-description-hover) {
    color: var(--cg3-color-text-error);
}

.cg3-file-upload-item-action-icon {
    align-items: center;
    display: flex;
    justify-content: center;
}


.cg3-avatar-image {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
}

.cg3-avatar-image img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    object-fit: cover;
}

.cg3-avatar-image-small {
    height: 1.5rem;
    width: 1.5rem;
}

.cg3-avatar-image-large {
    height: 2.75rem;
    width: 2.75rem;
}

.cg3-avatar-image-extra-large {
    height: 4rem;
    width: 4rem;
}

.cg3-avatar-image-extreme-large {
    height: 5rem;
    width: 5rem;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-avatar-profile {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    font-size: 1.8rem;
}

.cg3-avatar-profile-user-icon.cg3-avatar-profile-user-icon {
    line-height: 150%;
    color: var(--cg3-color-icon-tertiary);
    background: var(--cg3-color-gray-100);
    border-radius: 50%;
    border-style: solid;
    border-color: var(--cg3-border-color);
    border-width: 0.1rem;
    overflow: hidden;
}

.cg3-avatar-profile-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.35rem;
}

.cg3-avatar-profile-small .cg3-avatar-profile-user-icon {
    border-width: 0.075rem;
}

.cg3-avatar-profile-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: 2.475rem;
}

.cg3-avatar-profile-large .cg3-avatar-profile-user-icon {
    border-width: 0.1375rem;
}

.cg3-avatar-profile-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: 3.6rem;
}

.cg3-avatar-profile-extra-large .cg3-avatar-profile-user-icon {
    border-width: 0.2rem;
}

.cg3-avatar-profile-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: 4.5rem;
}

.cg3-avatar-profile-extreme-large .cg3-avatar-profile-user-icon {
    border-width: 0.25rem;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-avatar-placeholder {
    font-family: inherit;
    user-select: none;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background-color: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}

.cg3-avatar-placeholder-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: var(--cg3-font-size-0);
}

.cg3-avatar-placeholder-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: var(--cg3-font-size-5);
}

.cg3-avatar-placeholder-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: var(--cg3-font-size-8);
}

.cg3-avatar-placeholder-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: var(--cg3-font-size-9);
}

.cg3-fishbowl-container {
    font-family: inherit;
    align-items: center;
    display: inline-flex;
    width: fit-content;
    background: transparent;
    border: none;
    padding: calc(var(--cg3-spacing-unit) * 6);
    margin-left: calc(var(--cg3-spacing-half) * -1);
}

.cg3-fishbowl-thumbs {
    align-items: center;
    display: flex;
    line-height: 0;
    margin-left: var(--cg3-spacing-half);
}

.cg3-fishbowl-labels {
    text-align: right;
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-0);
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-around;
    margin-left: var(--cg3-spacing-half);
}

.cg3-avatar-image {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
}

.cg3-avatar-image img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    object-fit: cover;
}

.cg3-avatar-image-small {
    height: 1.5rem;
    width: 1.5rem;
}

.cg3-avatar-image-large {
    height: 2.75rem;
    width: 2.75rem;
}

.cg3-avatar-image-extra-large {
    height: 4rem;
    width: 4rem;
}

.cg3-avatar-image-extreme-large {
    height: 5rem;
    width: 5rem;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-avatar-placeholder {
    font-family: inherit;
    user-select: none;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background-color: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}

.cg3-avatar-placeholder-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: var(--cg3-font-size-0);
}

.cg3-avatar-placeholder-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: var(--cg3-font-size-5);
}

.cg3-avatar-placeholder-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: var(--cg3-font-size-8);
}

.cg3-avatar-placeholder-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: var(--cg3-font-size-9);
}

.cg3-fishbowl-organization-thumb {
    margin: 0 0 0 calc(var(--cg3-spacing-unit) * -10);
    border-radius: 50%;
    border: calc(var(--cg3-border-width) * 1.25) solid var(--cg3-color-monochrome-white);
    background-color: var(--cg3-color-monochrome-white);
}

.cg3-fishbowl-organization-label {
    color: var(--cg3-color-text-tertiary);
    display: inline-block;
    white-space: nowrap;
}

.cg3-avatar-image {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
}

.cg3-avatar-image img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    object-fit: cover;
}

.cg3-avatar-image-small {
    height: 1.5rem;
    width: 1.5rem;
}

.cg3-avatar-image-large {
    height: 2.75rem;
    width: 2.75rem;
}

.cg3-avatar-image-extra-large {
    height: 4rem;
    width: 4rem;
}

.cg3-avatar-image-extreme-large {
    height: 5rem;
    width: 5rem;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-avatar-profile {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    font-size: 1.8rem;
}

.cg3-avatar-profile-user-icon.cg3-avatar-profile-user-icon {
    line-height: 150%;
    color: var(--cg3-color-icon-tertiary);
    background: var(--cg3-color-gray-100);
    border-radius: 50%;
    border-style: solid;
    border-color: var(--cg3-border-color);
    border-width: 0.1rem;
    overflow: hidden;
}

.cg3-avatar-profile-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.35rem;
}

.cg3-avatar-profile-small .cg3-avatar-profile-user-icon {
    border-width: 0.075rem;
}

.cg3-avatar-profile-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: 2.475rem;
}

.cg3-avatar-profile-large .cg3-avatar-profile-user-icon {
    border-width: 0.1375rem;
}

.cg3-avatar-profile-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: 3.6rem;
}

.cg3-avatar-profile-extra-large .cg3-avatar-profile-user-icon {
    border-width: 0.2rem;
}

.cg3-avatar-profile-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: 4.5rem;
}

.cg3-avatar-profile-extreme-large .cg3-avatar-profile-user-icon {
    border-width: 0.25rem;
}



.cg3-fishbowl-user-label {
    color: var(--cg3-color-text-primary);
    display: inline-block;
    white-space: nowrap;
}

@font-face {
    font-family: 'Fira Sans';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 700;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Code';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff')
            format('woff');
    font-display: swap;
}

html {
    font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-fishbowl {
    font-family: inherit;
    width: fit-content;
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
}


.cg3-fishbowl-thumbs {
    align-items: center;
    display: flex;
    line-height: 0;
    margin-left: var(--cg3-spacing-half);
}


.cg3-fishbowl-container {
    font-family: inherit;
    align-items: center;
    display: inline-flex;
    width: fit-content;
    background: transparent;
    border: none;
    padding: calc(var(--cg3-spacing-unit) * 6);
    margin-left: calc(var(--cg3-spacing-half) * -1);
}


.cg3-fishbowl-labels {
    text-align: right;
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-0);
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: space-around;
    margin-left: var(--cg3-spacing-half);
}


.cg3-avatar-image {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
}

.cg3-avatar-image img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    object-fit: cover;
}

.cg3-avatar-image-small {
    height: 1.5rem;
    width: 1.5rem;
}

.cg3-avatar-image-large {
    height: 2.75rem;
    width: 2.75rem;
}

.cg3-avatar-image-extra-large {
    height: 4rem;
    width: 4rem;
}

.cg3-avatar-image-extreme-large {
    height: 5rem;
    width: 5rem;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-avatar-placeholder {
    font-family: inherit;
    user-select: none;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background-color: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    text-transform: uppercase;
    align-items: center;
    justify-content: center;
}

.cg3-avatar-placeholder-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: var(--cg3-font-size-0);
}

.cg3-avatar-placeholder-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: var(--cg3-font-size-5);
}

.cg3-avatar-placeholder-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: var(--cg3-font-size-8);
}

.cg3-avatar-placeholder-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: var(--cg3-font-size-9);
}

.cg3-fishbowl-organization-thumb {
    margin: 0 0 0 calc(var(--cg3-spacing-unit) * -10);
    border-radius: 50%;
    border: calc(var(--cg3-border-width) * 1.25) solid var(--cg3-color-monochrome-white);
    background-color: var(--cg3-color-monochrome-white);
}


.cg3-fishbowl-organization-label {
    color: var(--cg3-color-text-tertiary);
    display: inline-block;
    white-space: nowrap;
}


.cg3-avatar-image {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
    background: transparent;
}

.cg3-avatar-image img {
    width: inherit;
    height: inherit;
    border-radius: inherit;
    object-fit: cover;
}

.cg3-avatar-image-small {
    height: 1.5rem;
    width: 1.5rem;
}

.cg3-avatar-image-large {
    height: 2.75rem;
    width: 2.75rem;
}

.cg3-avatar-image-extra-large {
    height: 4rem;
    width: 4rem;
}

.cg3-avatar-image-extreme-large {
    height: 5rem;
    width: 5rem;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-avatar-profile {
    font-family: inherit;
    display: inline-flex;
    height: 2rem;
    width: 2rem;
    font-size: 1.8rem;
}

.cg3-avatar-profile-user-icon.cg3-avatar-profile-user-icon {
    line-height: 150%;
    color: var(--cg3-color-icon-tertiary);
    background: var(--cg3-color-gray-100);
    border-radius: 50%;
    border-style: solid;
    border-color: var(--cg3-border-color);
    border-width: 0.1rem;
    overflow: hidden;
}

.cg3-avatar-profile-small {
    height: 1.5rem;
    width: 1.5rem;
    font-size: 1.35rem;
}

.cg3-avatar-profile-small .cg3-avatar-profile-user-icon {
    border-width: 0.075rem;
}

.cg3-avatar-profile-large {
    height: 2.75rem;
    width: 2.75rem;
    font-size: 2.475rem;
}

.cg3-avatar-profile-large .cg3-avatar-profile-user-icon {
    border-width: 0.1375rem;
}

.cg3-avatar-profile-extra-large {
    height: 4rem;
    width: 4rem;
    font-size: 3.6rem;
}

.cg3-avatar-profile-extra-large .cg3-avatar-profile-user-icon {
    border-width: 0.2rem;
}

.cg3-avatar-profile-extreme-large {
    height: 5rem;
    width: 5rem;
    font-size: 4.5rem;
}

.cg3-avatar-profile-extreme-large .cg3-avatar-profile-user-icon {
    border-width: 0.25rem;
}




.cg3-fishbowl-user-label {
    color: var(--cg3-color-text-primary);
    display: inline-block;
    white-space: nowrap;
}




@font-face {
    font-family: 'Fira Sans';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 700;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Code';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff')
            format('woff');
    font-display: swap;
}

html {
    font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-footer {
    line-height: 1.5;
    font-size: var(--cg3-font-size-1);
}

.cg3-footer-responsive {
    display: flex;
    flex-direction: column;
    gap: calc(var(--cg3-spacing) * 1.5);
    justify-content: space-between;
}
@media (min-width: 1024px) {
    .cg3-footer-responsive {
        display: flex;
        flex-direction: row;
        align-items: center;
    }
}

.cg3-footer-nav {
    list-style: none;
    margin: 0;
    padding: 0;
    gap: calc(var(--cg3-spacing) * 1.5);
}

@media (min-width: 1024px) {
    .cg3-footer-nav {
        gap: var(--cg3-spacing-double);
        align-items: center;
    }
}

.cg3-footer-nav-media {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    gap: calc(var(--cg3-spacing) * 1);
    margin-left: calc(var(--cg3-spacing-half) * -1);
}

.cg3-footer-link {
    text-decoration: none;
    color: var(--cg3-color-text-primary);
    display: inline-block;
}
.cg3-footer-link:is(:hover, :active, :focus-visible) {
    text-decoration: underline;
}
.cg3-footer-link:is(:focus:focus-visible):has(.cg3-footer-link-icon) {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-footer-link-icon {
    display: inline-block;
    font-size: var(--cg3-font-size-2);
    line-height: 0;
    padding: var(--cg3-spacing-half);
}

.cg3-footer-divider {
    border-width: var(--cg3-border-width-half) 0 0 0;
    border-style: solid;
    border-color: var(--cg3-border-color);
    height: 0;
    margin: 0;
    padding: 0;
}

@media (min-width: 1024px) {
    .cg3-footer-divider {
        display: none;
    }
}

.cg3-footer-divider:is(:first-child, :last-child) {
    display: none;
}

.cg3-footer-copyright {
    margin: 0;
}


.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}


.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}


.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-form-field-container .cg3-form-field-container-body {
    width: fit-content;
}

.cg3-form-field-container .cg3-form-field-container-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-form-field-container :is(.cg3-form-field-container-description, .cg3-form-field-container-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-form-field-container:has(
        .cg3-form-field-container-header [flow-id='form-field-visible-label'] > *,
        .cg3-form-field-container-description,
        .cg3-form-field-container-error
    )
    .cg3-form-field-container-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}


.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}


.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}


.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}


.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}


.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}


.cg3-fullscreen {
    overflow-x: hidden;
    overflow-y: auto;
}

.cg3-fullscreen.is-animating {
    transition-property: width, height, max-width, max-height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}


.cg3-highlight mark {
    background-color: var(--cg3-color-highlight-yellow);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}










.j3-display-none {
    display: none;
}
.button-row {
    display: flex;
    gap: 2rem;
    padding-bottom: 1rem;
}
.j3c-tab {
    margin: 1rem;
}


.cg3-logo {
    line-height: 0;
}

.cg3-logo-img {
    width: fit-content;
}




.cg3-masked-text-box {
    width: 100%;
}

/* class has been added three times to increase specificity */
input.cg3-masked-text-box.cg3-masked-text-box.cg3-masked-text-box:focus {
    outline: none;
}


.cg3-modal,
.cg3-modal *,
.cg3-modal *::before,
.cg3-modal *::after {
    box-sizing: border-box;
}

.cg3-modal {
    font-family: inherit;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: var(--cg3-z-index-modal);
}

.cg3-modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--cg3-overlay-color);
}

.cg3-modal-container {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-popout);
}

@keyframes cg3-modal-opacity-opening {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cg3-modal-container-opening {
    0% {
        transform: translateY(12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

.cg3-modal.cg3-is-opening .cg3-modal-container {
    animation: cg3-modal-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-modal-container-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-modal.cg3-is-closing .cg3-modal-container {
    animation: cg3-modal-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-modal-container-opening 300ms cubic-bezier(0, 0, 0.2, 1) reverse forwards;
}

.cg3-modal.cg3-is-opening .cg3-modal-overlay {
    animation: cg3-modal-opacity-opening 200ms linear forwards;
}

.cg3-modal.cg3-is-closing .cg3-modal-overlay {
    animation: cg3-modal-opacity-opening 200ms linear reverse forwards;
}


.cg3-mql-listener {
    display: none;
}


.cg3-checkbox-input-field input[type='checkbox'] {
    width: var(--cg3-spacing);
    min-width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-color: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-radius: 0;
}

.cg3-checkbox-input-field input[type='checkbox']::before {
    box-sizing: border-box;
    border-right: 0;
    border-top: 0;
    border-left: var(--cg3-border-width) solid currentColor;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    height: 6px;
    transform: translate(-50%, -70%) rotate(-50deg) skewX(-3deg);
    width: var(--cg3-spacing-half);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
}

/* Indeterminate  */
.cg3-checkbox-input-field input[type='checkbox']:indeterminate {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

.cg3-checkbox-input-field input[type='checkbox']:indeterminate::before {
    box-sizing: border-box;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    position: absolute;
    width: var(--cg3-spacing-half);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0;
}

/* Hover */
.cg3-checkbox-input-field
    .cg3-check-mark-field-label-content:hover:not(
        :has(input[type='checkbox']:is([aria-disabled='true'], :disabled, [readonly], [aria-readonly='true']))
    ):hover,
.cg3-checkbox-input-field
    input[type='checkbox']:not(:disabled, [aria-disabled='true'], [readonly], [aria-readonly='true']):hover {
    cursor: pointer;
}

.cg3-checkbox-input-field
    input[type='checkbox']:not(
        :indeterminate,
        :checked,
        :disabled,
        [aria-disabled='true'],
        [readonly],
        [aria-readonly='true']
    ):hover {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}

/* Checked */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[type='checkbox'] {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

/* Disabled */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[aria-disabled='true'] {
    background-color: var(--cg3-color-gray-750);
    border-color: var(--cg3-color-gray-750);
}

/* list */

.cg3-multiselect-list {
    box-sizing: border-box;
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    min-height: 2rem;
    padding: var(--cg3-spacing-half) 0;
    margin: 0;
    overflow-y: auto;
}

.cg3-multiselect-list:empty {
    display: none;
}

/* option */

.cg3-multiselect-list-option {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: 0 var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    margin: 0;
}

.cg3-multiselect-list-option:has([type='checkbox']:checked) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-selected-subtle);
    text-decoration: none;
}

/* FOCUSED OPTION */
.cg3-multiselect-list-option[aria-selected='true'] {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-color-blue-25);
    text-decoration: none;
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-multiselect-list-option.cg3-multiselect-list-option:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-multiselect-list-option:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-multiselect-list-option [type='checkbox'] {
    cursor: inherit;
    pointer-events: none;
}

.cg3-multiselect-list-option label {
    cursor: inherit;
    pointer-events: none;
}

.cg3-multiselect-list .cg3-multiselect-list-sr-only {
    position: relative;
}

/* disabled */

.cg3-multiselect-list-disabled .cg3-multiselect-list-option {
    cursor: default;
    text-decoration: none;
}

.cg3-multiselect-list-disabled .cg3-multiselect-list-option:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-multiselect-list-disabled .cg3-multiselect-list-option:active {
    background: initial;
}

/* size: medium */

.cg3-multiselect-list-medium {
    max-height: 12rem;
}

.cg3-multiselect-list-medium .cg3-multiselect-list-option {
    height: 2rem;
}

/* size: large */

.cg3-multiselect-list-large {
    max-height: 16rem;
}

.cg3-multiselect-list-large .cg3-multiselect-list-option {
    height: 2.75rem;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}

.cg3-pill-dismissible-field {
    display: inline-flex;
    width: fit-content;
    border-radius: calc(var(--cg3-border-radius) * 2);
}

.cg3-pill-dismissible-field :is(button[type='button'], a) {
    background: var(--cg3-color-gray-50);
    border: 0;
    border-radius: inherit;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--cg3-spacing-unit) * 6);
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-text-primary);
    /* 1.143 * 14px = 16.002px*/
    line-height: 1.143;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    white-space: normal;
}

.cg3-pill-dismissible-field :is(button, a):hover:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-100);
}

.cg3-pill-dismissible-field :is(button, a):active:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-250);
}

.cg3-pill-dismissible-field :is(button, a)[aria-disabled='true'] {
    background: var(--cg3-color-gray-50);
    opacity: var(--cg3-disabled-opacity);
}

.cg3-pill-dismissible-field :is(button, a, a[tabindex]):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-dismissible-field:has(:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-dismissible-field :is(button[type='button'], a):is([aria-disabled='true'], [aria-readonly='true']) {
    cursor: default;
}

.cg3-pill-dismissible-field a:is(:link, :visited) {
    text-decoration: none;
}

.cg3-pill-dismissible-field
    a:is(:focus:focus-visible, :is(:hover, :active):not([aria-disabled='true'], [aria-readonly='true'])) {
    text-decoration: underline;
}

/* sizes */

.cg3-pill-dismissible-field-medium :is(button[type='button'], a) {
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-pill-dismissible-field-small :is(button[type='button'], a) {
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

.cg3-multiselect {
    width: 100%;
}

.cg3-multiselect-body {
    position: relative;
    line-height: var(--cg3-line-height-2);
    min-width: 1em;
    width: 100%;
    z-index: 1;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: var(--cg3-spacing-half);
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-multiselect .cg3-multiselect-body.cg3-multiselect-body:focus:focus-visible {
    outline: none;
}

.cg3-multiselect:has([aria-expanded='true']) .cg3-multiselect-body {
    z-index: 3;
}

.cg3-multiselect-body-placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

.cg3-multiselect-body[aria-disabled='true'] :is(.cg3-multiselect-body-label, .cg3-multiselect-body-placeholder) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-multiselect:has(.cg3-multiselect-label:hover):not(
        :has(.cg3-multiselect-body:is(:focus, [aria-disabled='true'], [aria-readonly='true']))
    )
    .cg3-multiselect-body-container
    > :first-child {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-multiselect .cg3-multiselect-popup {
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 2;
}

.cg3-multiselect-popup [flow-id='popup-area'] {
    width: 100%;
}

.cg3-multiselect .cg3-multiselect-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-multiselect :is(.cg3-multiselect-description, .cg3-multiselect-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-multiselect:has(
        .cg3-multiselect-header [flow-id='form-field-visible-label'] > *,
        .cg3-multiselect-description,
        .cg3-multiselect-error
    )
    .cg3-multiselect-body-container {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}


.cg3-checkbox-input-field input[type='checkbox'] {
    width: var(--cg3-spacing);
    min-width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    background-color: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-radius: 0;
}

.cg3-checkbox-input-field input[type='checkbox']::before {
    box-sizing: border-box;
    border-right: 0;
    border-top: 0;
    border-left: var(--cg3-border-width) solid currentColor;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    height: 6px;
    transform: translate(-50%, -70%) rotate(-50deg) skewX(-3deg);
    width: var(--cg3-spacing-half);
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
}

/* Indeterminate  */
.cg3-checkbox-input-field input[type='checkbox']:indeterminate {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

.cg3-checkbox-input-field input[type='checkbox']:indeterminate::before {
    box-sizing: border-box;
    border-right: 0;
    border-left: 0;
    border-top: 0;
    border-bottom: var(--cg3-border-width) solid currentColor;
    color: var(--cg3-color-icon-inverse);
    content: '';
    position: absolute;
    width: var(--cg3-spacing-half);
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 0;
}

/* Hover */
.cg3-checkbox-input-field
    .cg3-check-mark-field-label-content:hover:not(
        :has(input[type='checkbox']:is([aria-disabled='true'], :disabled, [readonly], [aria-readonly='true']))
    ):hover,
.cg3-checkbox-input-field
    input[type='checkbox']:not(:disabled, [aria-disabled='true'], [readonly], [aria-readonly='true']):hover {
    cursor: pointer;
}

.cg3-checkbox-input-field
    input[type='checkbox']:not(
        :indeterminate,
        :checked,
        :disabled,
        [aria-disabled='true'],
        [readonly],
        [aria-readonly='true']
    ):hover {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}

/* Checked */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[type='checkbox'] {
    background-color: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-color-bg-selected);
}

/* Disabled */
.cg3-checkbox-input-field:has(input[type='checkbox']:enabled:checked) input[aria-disabled='true'] {
    background-color: var(--cg3-color-gray-750);
    border-color: var(--cg3-color-gray-750);
}

/* list */

.cg3-multiselect-list {
    box-sizing: border-box;
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    min-height: 2rem;
    padding: var(--cg3-spacing-half) 0;
    margin: 0;
    overflow-y: auto;
}

.cg3-multiselect-list:empty {
    display: none;
}

/* option */

.cg3-multiselect-list-option {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: 0 var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    margin: 0;
}

.cg3-multiselect-list-option:has([type='checkbox']:checked) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-selected-subtle);
    text-decoration: none;
}

/* FOCUSED OPTION */
.cg3-multiselect-list-option[aria-selected='true'] {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-color-blue-25);
    text-decoration: none;
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-multiselect-list-option.cg3-multiselect-list-option:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-multiselect-list-option:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-multiselect-list-option [type='checkbox'] {
    cursor: inherit;
    pointer-events: none;
}

.cg3-multiselect-list-option label {
    cursor: inherit;
    pointer-events: none;
}

.cg3-multiselect-list .cg3-multiselect-list-sr-only {
    position: relative;
}

/* disabled */

.cg3-multiselect-list-disabled .cg3-multiselect-list-option {
    cursor: default;
    text-decoration: none;
}

.cg3-multiselect-list-disabled .cg3-multiselect-list-option:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-multiselect-list-disabled .cg3-multiselect-list-option:active {
    background: initial;
}

/* size: medium */

.cg3-multiselect-list-medium {
    max-height: 12rem;
}

.cg3-multiselect-list-medium .cg3-multiselect-list-option {
    height: 2rem;
}

/* size: large */

.cg3-multiselect-list-large {
    max-height: 16rem;
}

.cg3-multiselect-list-large .cg3-multiselect-list-option {
    height: 2.75rem;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-nav-panel,
.cg3-nav-panel *,
.cg3-nav-panel *::before,
.cg3-nav-panel *::after {
    box-sizing: border-box;
}

.cg3-nav-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: var(--cg3-font-weight-medium);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-0);
    color: var(--cg3-color-text-primary);
    user-select: none;
}

.cg3-nav-panel-button-previous,
.cg3-nav-panel-button-next {
    border: none;
    background: none;
    color: inherit;
    font: inherit;
    cursor: pointer;
    height: 2rem;
    width: 2rem;
}

.cg3-nav-panel-header-clickable:hover,
.cg3-nav-panel-button-previous:hover,
.cg3-nav-panel-button-next:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-nav-panel-header {
    display: flex;
    align-items: center;
    height: 2rem;
    padding: 0 var(--cg3-spacing-half);
}

.cg3-nav-panel-header-clickable {
    cursor: pointer;
}

.cg3-nav-panel-button-previous[aria-disabled='true'],
.cg3-nav-panel-button-next[aria-disabled='true'] {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-nav-panel-navigation-button-wrapper:has(
        .cg3-nav-panel-button-previous:focus-visible,
        .cg3-nav-panel-button-next:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-nav-panel-button-previous.cg3-nav-panel-button-previous:focus:focus-visible,
.cg3-nav-panel-button-next.cg3-nav-panel-button-next:focus:focus-visible {
    outline: none;
}

.cg3-nav-panel-header:focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * -1);
}


.cg3-nav-tree-item {
    width: 100%;
}

.cg3-nav-tree-item-row {
    display: flex;
}

.cg3-nav-tree-item-label {
    flex: 1;
    position: relative;
    display: inline-block;
    color: var(--cg3-color-text-primary);
    padding: calc(var(--cg3-spacing-quarter) * 0.5) calc(var(--cg3-spacing-quarter) * 0.5)
        calc(var(--cg3-spacing-quarter) * 0.5) var(--cg3-spacing-quarter);
    margin-left: calc(var(--cg3-spacing-unit) * 6);
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
}

.cg3-nav-tree-item-label:not([aria-disabled='true']):hover {
    color: var(--cg3-color-blue-750);
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-nav-tree-item-label:focus {
    z-index: 2;
}

.cg3-nav-tree-item-label[aria-current='page'] {
    font-weight: var(--cg3-font-weight-bold);
    color: var(--cg3-interactive-color-text-selected);
    background-color: var(--cg3-interactive-color-bg-selected-subtle);
}

.cg3-nav-tree-item-label[aria-disabled='true'] {
    cursor: default;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-nav-tree-item-row:not(:has(.cg3-nav-tree-item-arrow)) {
    padding-left: var(--cg3-spacing);
}

.cg3-nav-tree-item-arrow {
    display: inline-flex;
    width: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.cg3-nav-tree-item-arrow {
    cursor: pointer;
}

.cg3-nav-tree-item-arrow:has(~ [aria-expanded='true']) [flow-id='icon'] {
    rotate: -90deg;
}

.cg3-nav-tree-item-icon {
    margin-right: var(--cg3-spacing-half);
}

.cg3-nav-tree-item-subtree {
    display: flex;
    flex-direction: column;
    gap: var(--cg3-spacing-half);
    margin: 0 0 0 var(--cg3-spacing-half);
    padding: 0 0 0 var(--cg3-spacing-half);
    list-style-type: none;
}

.cg3-nav-tree-item-subtree:not(:empty) {
    margin-top: var(--cg3-spacing-half);
}

.cg3-nav-tree-separator {
    height: 0;
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-nav-tree {
    font-size: var(--cg3-font-size-1);
    line-height: calc(var(--cg3-line-height-base) * 2);
}

.cg3-nav-tree-list {
    display: flex;
    flex-direction: column;
    gap: var(--cg3-spacing-half);
    margin: 0;
    padding: 0;
    list-style-type: none;
}


.cg3-nav-tree-item {
    width: 100%;
}

.cg3-nav-tree-item-row {
    display: flex;
}

.cg3-nav-tree-item-label {
    flex: 1;
    position: relative;
    display: inline-block;
    color: var(--cg3-color-text-primary);
    padding: calc(var(--cg3-spacing-quarter) * 0.5) calc(var(--cg3-spacing-quarter) * 0.5)
        calc(var(--cg3-spacing-quarter) * 0.5) var(--cg3-spacing-quarter);
    margin-left: calc(var(--cg3-spacing-unit) * 6);
    text-decoration: none;
    cursor: pointer;
    z-index: 1;
}

.cg3-nav-tree-item-label:not([aria-disabled='true']):hover {
    color: var(--cg3-color-blue-750);
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-nav-tree-item-label:focus {
    z-index: 2;
}

.cg3-nav-tree-item-label[aria-current='page'] {
    font-weight: var(--cg3-font-weight-bold);
    color: var(--cg3-interactive-color-text-selected);
    background-color: var(--cg3-interactive-color-bg-selected-subtle);
}

.cg3-nav-tree-item-label[aria-disabled='true'] {
    cursor: default;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-nav-tree-item-row:not(:has(.cg3-nav-tree-item-arrow)) {
    padding-left: var(--cg3-spacing);
}

.cg3-nav-tree-item-arrow {
    display: inline-flex;
    width: 1rem;
    text-align: center;
    justify-content: center;
    align-items: center;
}

.cg3-nav-tree-item-arrow {
    cursor: pointer;
}

.cg3-nav-tree-item-arrow:has(~ [aria-expanded='true']) [flow-id='icon'] {
    rotate: -90deg;
}

.cg3-nav-tree-item-icon {
    margin-right: var(--cg3-spacing-half);
}

.cg3-nav-tree-item-subtree {
    display: flex;
    flex-direction: column;
    gap: var(--cg3-spacing-half);
    margin: 0 0 0 var(--cg3-spacing-half);
    padding: 0 0 0 var(--cg3-spacing-half);
    list-style-type: none;
}

.cg3-nav-tree-item-subtree:not(:empty) {
    margin-top: var(--cg3-spacing-half);
}


.cg3-nav-tree-separator {
    height: 0;
    border-top: var(--cg3-border-width-half) solid var(--cg3-border-color);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-responsive-list-container {
    display: flex;
    gap: var(--cg3-spacing);
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg3-responsive-list-item-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.cg3-button-field-icon.cg3-responsive-list-more-button button:is([aria-expanded='true']) {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-navbar {
    background: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-1);
    flex: 1;
}

.cg3-navbar-list > ul {
    justify-content: flex-start;
    align-items: stretch;
    gap: 0;
}

.cg3-navbar-dropdown {
    position: absolute;
}

.cg3-navbar-item {
    position: relative;
    height: 2rem;
}

.cg3-navbar-item > *:is(a, span, button) {
    display: inline-flex;
    align-items: center;
    gap: var(--cg3-spacing-half);
    box-sizing: border-box;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    /* 1.129 used, because there is no vars for 15.8px, 1.129 * 14px = 15.806px*/
    line-height: 1.129;
    letter-spacing: 0.1px;
    text-decoration: none;
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    background: none;
    border: none;
    height: 100%;
    cursor: pointer;
}

.cg3-navbar-item
    > *:is(a, span, button):is(:hover, [aria-expanded='true']):not(
        :active,
        :disabled,
        [aria-disabled='true'],
        [aria-current='page'],
        [aria-describedby],
        :has(*:is(a, span, button):is(:disabled, [aria-disabled='true']))
    ) {
    background: var(--cg3-color-opacity-white-3);
}

.cg3-navbar-item
    > a:is(:hover, [aria-expanded='true']):not(
        :active,
        :disabled,
        [aria-disabled='true'],
        [aria-current='page'],
        [aria-describedby],
        :has(*:is(a, span, button):is(:disabled, [aria-disabled='true']))
    ) {
    text-decoration: underline;
}

.cg3-navbar-item
    > *:is(a, span, button):active:not(
        :disabled,
        [aria-disabled='true'],
        [aria-current='page'],
        [aria-describedby],
        :has(*:is(a, span, button):is(:disabled, [aria-disabled='true']))
    ) {
    background: var(--cg3-color-opacity-white-2);
}

.cg3-navbar-item > *:is(a, span, button):focus:focus:focus-visible {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus-inverse);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

.cg3-navbar-item > *:is(a, span, button):is([aria-current='page'], [aria-describedby]) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-navbar-item > *:is(a, span, button):is(:disabled, [aria-disabled='true']),
.cg3-navbar-item > button:has(*:is(a, span, button):is(:disabled, [aria-disabled='true'])) {
    color: var(--cg3-color-gray-250);
    cursor: default;
}

.cg3-navbar
    *:is(.cg3-navbar-item, .cg3-navbar-dropdown)
    *:is(a, span, button):is([aria-current='page'], [aria-describedby]),
.cg3-navbar
    *:is(.cg3-navbar-item, .cg3-navbar-dropdown)
    button:has(*:is(a, span, button):is([aria-current='page'], [aria-describedby])) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
}


@font-face {
    font-family: 'Fira Sans';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 700;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Code';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff')
            format('woff');
    font-display: swap;
}

html {
    font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-notification-inline {
    font-family: inherit;
    background-color: var(--cg3-color-bg);
    border-color: currentColor;
    border-style: solid;
    fill: currentColor;
    border-width: var(--cg3-border-width-half);
    border-left-width: var(--cg3-border-width-double);
    padding-top: calc(var(--cg3-spacing-unit) * 15);
    padding-right: calc(var(--cg3-spacing-unit) * 47);
    padding-bottom: calc(var(--cg3-spacing-unit) * 15);
    padding-left: var(--cg3-spacing);
    font-size: var(--cg3-font-size-1);
    position: relative;
    word-wrap: break-word;
    display: flex;
    align-items: baseline;
    opacity: 1;
    transform: translateY(0);
    max-height: 100%;
    margin: 0 0 var(--cg3-spacing-half);
    box-sizing: border-box;
}

.cg3-notification-inline-icon {
    line-height: 0;
    margin-right: var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
}

.cg3-notification-inline-dismiss {
    position: absolute;
    right: var(--cg3-spacing-unit);
    top: var(--cg3-spacing-unit);
}

.cg3-notification-inline-info {
    color: var(--cg3-color-blue-500);
}

.cg3-notification-inline-success {
    color: var(--cg3-color-success);
}

.cg3-notification-inline-warning {
    color: var(--cg3-color-orange-550);
}

.cg3-notification-inline-error {
    color: var(--cg3-color-error);
}

.cg3-notification-inline-content {
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-3);
    margin: 0;
}

.cg3-notification-inline-actions {
    margin-top: var(--cg3-spacing-half-and-quarter);
}

.cg3-notification-inline-actions:has(div:empty) {
    margin-top: 0;
}

.cg3-notification-inline-box {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.cg3-notification-inline-title {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-notification-inline-title :is(h1, h2, h3, h4, h5, h6, div) {
    margin: 0;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 600px) {
    .cg3-notification-inline {
        margin: var(--cg3-spacing-half);
    }
}

.cg3-notification-toast-container {
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.cg3-notification-toast-container-top-left {
    top: 0;
    left: 0;
}

.cg3-notification-toast-container-top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cg3-notification-toast-container-top-right {
    top: 0;
    right: 0;
}

.cg3-notification-toast-container-bottom-left {
    bottom: 0;
    left: 0;
}

.cg3-notification-toast-container-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cg3-notification-toast-container-bottom-right {
    bottom: 0;
    right: 0;
}

.cg3-notification-toast-container .cg3-notification-inline {
    padding-top: calc(var(--cg3-spacing-unit) * 31);
    margin: 0;
    box-shadow: var(--cg3-box-shadow-popout);
}

.cg3-notification-toast-container .cg3-notification-inline:has(.cg3-notification-inline-actions > div:empty) {
    padding-bottom: calc(var(--cg3-spacing-unit) * 31);
}

@media (min-width: 600px) {
    .cg3-notification-toast-container {
        width: 22.5rem;
    }

    .cg3-notification-toast-container-top-left {
        top: var(--cg3-spacing);
        left: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-top-center {
        top: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-top-right {
        top: var(--cg3-spacing);
        right: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-bottom-left {
        bottom: var(--cg3-spacing);
        left: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-bottom-center {
        bottom: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-bottom-right {
        bottom: var(--cg3-spacing);
        right: var(--cg3-spacing);
    }
}

@media (min-width: 1024px) {
    .cg3-notification-toast-container {
        width: 27rem;
    }
}

.cg3-notification-slide-container {
    opacity: 1;
    transform: translateX(0);
}

.cg3-notification-slide-container-left {
    left: 0;
}
.cg3-notification-slide-container-right {
    right: 0;
}

.cg3-notification-slide-container-top {
    top: 0;
}
.cg3-notification-slide-container-bottom {
    bottom: 0;
}

@keyframes cg3-notification-slide-container-opacity-opening {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cg3-keyframes-notification-slide-container-left-opening {
    0% {
        transform: translateX(-12.5rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-right-opening {
    0% {
        transform: translateX(12.5rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-left-closing {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-12.5rem);
    }
}

@keyframes cg3-keyframes-notification-slide-container-right-closing {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(12.5rem);
    }
}

@keyframes cg3-keyframes-notification-slide-container-top-opening {
    0% {
        transform: translateY(-12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-bottom-opening {
    0% {
        transform: translateY(12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-top-closing {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-12.5rem);
    }
}

@keyframes cg3-keyframes-notification-slide-container-bottom-closing {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(12.5rem);
    }
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-left {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-left-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-right {
    animation: cg3-notification-slide-container-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-right-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-left {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-left-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-right {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-right-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-top {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-top-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-bottom {
    animation: cg3-notification-slide-container-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-bottom-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-top {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-top-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-bottom {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-bottom-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-heading {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cg3-notification-close-button.cg3-button-field.cg3-button-field-icon :is(button[type='button']):hover {
    background-color: transparent;
}


.cg3-notification-inline {
    font-family: inherit;
    background-color: var(--cg3-color-bg);
    border-color: currentColor;
    border-style: solid;
    fill: currentColor;
    border-width: var(--cg3-border-width-half);
    border-left-width: var(--cg3-border-width-double);
    padding-top: calc(var(--cg3-spacing-unit) * 15);
    padding-right: calc(var(--cg3-spacing-unit) * 47);
    padding-bottom: calc(var(--cg3-spacing-unit) * 15);
    padding-left: var(--cg3-spacing);
    font-size: var(--cg3-font-size-1);
    position: relative;
    word-wrap: break-word;
    display: flex;
    align-items: baseline;
    opacity: 1;
    transform: translateY(0);
    max-height: 100%;
    margin: 0 0 var(--cg3-spacing-half);
    box-sizing: border-box;
}

.cg3-notification-inline-icon {
    line-height: 0;
    margin-right: var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
}

.cg3-notification-inline-dismiss {
    position: absolute;
    right: var(--cg3-spacing-unit);
    top: var(--cg3-spacing-unit);
}

.cg3-notification-inline-info {
    color: var(--cg3-color-blue-500);
}

.cg3-notification-inline-success {
    color: var(--cg3-color-success);
}

.cg3-notification-inline-warning {
    color: var(--cg3-color-orange-550);
}

.cg3-notification-inline-error {
    color: var(--cg3-color-error);
}

.cg3-notification-inline-content {
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-3);
    margin: 0;
}

.cg3-notification-inline-actions {
    margin-top: var(--cg3-spacing-half-and-quarter);
}

.cg3-notification-inline-actions:has(div:empty) {
    margin-top: 0;
}

.cg3-notification-inline-box {
    overflow: hidden;
    text-overflow: ellipsis;
    flex: 1;
}

.cg3-notification-inline-title {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-notification-inline-title :is(h1, h2, h3, h4, h5, h6, div) {
    margin: 0;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    overflow: hidden;
    text-overflow: ellipsis;
}

@media (min-width: 600px) {
    .cg3-notification-inline {
        margin: var(--cg3-spacing-half);
    }
}


.cg3-notification-slide-container {
    opacity: 1;
    transform: translateX(0);
}

.cg3-notification-slide-container-left {
    left: 0;
}
.cg3-notification-slide-container-right {
    right: 0;
}

.cg3-notification-slide-container-top {
    top: 0;
}
.cg3-notification-slide-container-bottom {
    bottom: 0;
}

@keyframes cg3-notification-slide-container-opacity-opening {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cg3-keyframes-notification-slide-container-left-opening {
    0% {
        transform: translateX(-12.5rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-right-opening {
    0% {
        transform: translateX(12.5rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-left-closing {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-12.5rem);
    }
}

@keyframes cg3-keyframes-notification-slide-container-right-closing {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(12.5rem);
    }
}

@keyframes cg3-keyframes-notification-slide-container-top-opening {
    0% {
        transform: translateY(-12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-bottom-opening {
    0% {
        transform: translateY(12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

@keyframes cg3-keyframes-notification-slide-container-top-closing {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-12.5rem);
    }
}

@keyframes cg3-keyframes-notification-slide-container-bottom-closing {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(12.5rem);
    }
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-left {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-left-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-right {
    animation: cg3-notification-slide-container-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-right-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-left {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-left-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-right {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-right-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-top {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-top-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-opening.cg3-notification-slide-container-bottom {
    animation: cg3-notification-slide-container-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-notification-slide-container-bottom-opening 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-top {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-top-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-notification-slide-container.cg3-is-closing.cg3-notification-slide-container-bottom {
    animation: cg3-notification-slide-container-opacity-opening 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-notification-slide-container-bottom-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}


.cg3-notification-toast-container {
    position: fixed;
    z-index: 9999;
    width: 100%;
}

.cg3-notification-toast-container-top-left {
    top: 0;
    left: 0;
}

.cg3-notification-toast-container-top-center {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cg3-notification-toast-container-top-right {
    top: 0;
    right: 0;
}

.cg3-notification-toast-container-bottom-left {
    bottom: 0;
    left: 0;
}

.cg3-notification-toast-container-bottom-center {
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.cg3-notification-toast-container-bottom-right {
    bottom: 0;
    right: 0;
}

.cg3-notification-toast-container .cg3-notification-inline {
    padding-top: calc(var(--cg3-spacing-unit) * 31);
    margin: 0;
    box-shadow: var(--cg3-box-shadow-popout);
}

.cg3-notification-toast-container .cg3-notification-inline:has(.cg3-notification-inline-actions > div:empty) {
    padding-bottom: calc(var(--cg3-spacing-unit) * 31);
}

@media (min-width: 600px) {
    .cg3-notification-toast-container {
        width: 22.5rem;
    }

    .cg3-notification-toast-container-top-left {
        top: var(--cg3-spacing);
        left: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-top-center {
        top: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-top-right {
        top: var(--cg3-spacing);
        right: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-bottom-left {
        bottom: var(--cg3-spacing);
        left: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-bottom-center {
        bottom: var(--cg3-spacing);
    }

    .cg3-notification-toast-container-bottom-right {
        bottom: var(--cg3-spacing);
        right: var(--cg3-spacing);
    }
}

@media (min-width: 1024px) {
    .cg3-notification-toast-container {
        width: 27rem;
    }
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-options-grid,
.cg3-options-grid *,
.cg3-options-grid *::before,
.cg3-options-grid *::after {
    box-sizing: border-box;
}
.cg3-options-grid {
    display: flex;
    flex-direction: column;
    gap: calc(var(--cg3-spacing-unit) * 13);
    font-weight: var(--cg3-font-weight-medium);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-0);
    color: var(--cg3-color-text-primary);
    user-select: none;
}

.cg3-options-grid-row {
    display: flex;
    justify-content: space-between;
}

.cg3-options-grid-item {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(var(--cg3-spacing) * 3);
    min-width: calc(var(--cg3-spacing) * 3);
    font-weight: var(--cg3-font-weight-normal);
    cursor: pointer;
}

.cg3-options-grid-item:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-options-grid-item-selected {
    background-color: var(--cg3-color-blue-625);
    color: var(--cg3-color-monochrome-white);
}

.cg3-options-grid-item-selected:hover {
    background-color: var(--cg3-color-blue-500);
}

.cg3-options-grid-item-context {
    border: var(--cg3-border-width-half) solid var(--cg3-color-blue-625);
}

.cg3-options-grid-item[aria-disabled='true'] {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-options-grid-item:focus:focus-visible {
    outline: none;
}

.cg3-options-grid-item-wrapper .cg3-options-grid-item:focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * -1);
}
.cg3-options-grid-item-wrapper:has(.cg3-options-grid-item:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-pagination-list {
    display: flex;
    flex-direction: row;
    list-style: none;
    gap: var(--cg3-spacing-half);
    padding: 0;
    margin: 0;
    user-select: none;
    font-size: var(--cg3-font-size-1);
}

/* Item */

.cg3-pagination-item {
    position: relative;
}

.cg3-pagination-item:has(.cg3-pagination-link:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

/* Link and Ellipsis */

.cg3-pagination-link,
.cg3-pagination-ellipsis {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2rem;
    padding: 0 var(--cg3-spacing-quarter);
    height: 2rem;
    line-height: var(--cg3-line-height-0);
    text-align: center;
    color: var(--cg3-color-text-primary);
    box-sizing: border-box;
}

/* Link */

.cg3-pagination-link {
    text-decoration: none;
    cursor: pointer;
}

.cg3-pagination-item .cg3-pagination-link:is(:hover:not([aria-current='page']), :active, :focus:focus-visible) {
    text-decoration: underline;
}

.cg3-pagination-item .cg3-pagination-link[tabindex]:focus:focus-visible,
.cg3-pagination-item .cg3-pagination-link:focus:focus-visible {
    outline: none;
}

.cg3-pagination-link:not([aria-disabled='true'], [aria-current='page']):hover {
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-pagination-link:not([aria-disabled='true']):hover:active {
    background: var(--cg3-interactive-color-bg-pressed);
}
.cg3-pagination-link[aria-disabled='true']:not([aria-current='page']) {
    pointer-events: none;
}

/* Link selected */

.cg3-pagination-link[aria-current='page'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-text-selected);
    font-weight: var(--cg3-font-weight-medium);
    cursor: not-allowed;
}

.cg3-pagination-link[aria-current='page']:not(:focus:focus-visible)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: var(--cg3-border-width) solid var(--cg3-interactive-border-color-selected);
}

.cg3-pagination-link[aria-disabled='true']:not([aria-current='page']) {
    cursor: default;
    opacity: var(--cg3-disabled-opacity);
}

/* Ellipsis */

.cg3-pagination-ellipsis {
    cursor: default;
}

/* Icon */

.cg3-pagination-list .cg3-pagination-icon {
    border-top: var(--cg3-border-width-half) solid transparent;
    border-bottom: var(--cg3-border-width-half) solid transparent;
}

.cg3-pagination-link:not([aria-disabled='true']):hover .cg3-pagination-icon,
.cg3-pagination-link:focus:focus-visible .cg3-pagination-icon {
    border-bottom-color: currentColor;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-text-field .cg3-text-field-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-text-field :is(.cg3-text-field-description, .cg3-text-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-text-field:has(
        .cg3-text-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-text-field-description,
        .cg3-text-field-error
    )
    .cg3-text-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-select-field-body {
    display: flex;
    width: 100%;
}
.cg3-select-field-body select {
    width: 100%;
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
}



.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-pagination-list {
    display: flex;
    flex-direction: row;
    list-style: none;
    gap: var(--cg3-spacing-half);
    padding: 0;
    margin: 0;
    user-select: none;
    font-size: var(--cg3-font-size-1);
}

/* Item */

.cg3-pagination-item {
    position: relative;
}

.cg3-pagination-item:has(.cg3-pagination-link:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * -1);
}

/* Link and Ellipsis */

.cg3-pagination-link,
.cg3-pagination-ellipsis {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 2rem;
    padding: 0 var(--cg3-spacing-quarter);
    height: 2rem;
    line-height: var(--cg3-line-height-0);
    text-align: center;
    color: var(--cg3-color-text-primary);
    box-sizing: border-box;
}

/* Link */

.cg3-pagination-link {
    text-decoration: none;
    cursor: pointer;
}

.cg3-pagination-item .cg3-pagination-link:is(:hover:not([aria-current='page']), :active, :focus:focus-visible) {
    text-decoration: underline;
}

.cg3-pagination-item .cg3-pagination-link[tabindex]:focus:focus-visible,
.cg3-pagination-item .cg3-pagination-link:focus:focus-visible {
    outline: none;
}

.cg3-pagination-link:not([aria-disabled='true'], [aria-current='page']):hover {
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-pagination-link:not([aria-disabled='true']):hover:active {
    background: var(--cg3-interactive-color-bg-pressed);
}
.cg3-pagination-link[aria-disabled='true']:not([aria-current='page']) {
    pointer-events: none;
}

/* Link selected */

.cg3-pagination-link[aria-current='page'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-text-selected);
    font-weight: var(--cg3-font-weight-medium);
    cursor: not-allowed;
}

.cg3-pagination-link[aria-current='page']:not(:focus:focus-visible)::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    border-bottom: var(--cg3-border-width) solid var(--cg3-interactive-border-color-selected);
}

.cg3-pagination-link[aria-disabled='true']:not([aria-current='page']) {
    cursor: default;
    opacity: var(--cg3-disabled-opacity);
}

/* Ellipsis */

.cg3-pagination-ellipsis {
    cursor: default;
}

/* Icon */

.cg3-pagination-list .cg3-pagination-icon {
    border-top: var(--cg3-border-width-half) solid transparent;
    border-bottom: var(--cg3-border-width-half) solid transparent;
}

.cg3-pagination-link:not([aria-disabled='true']):hover .cg3-pagination-icon,
.cg3-pagination-link:focus:focus-visible .cg3-pagination-icon {
    border-bottom-color: currentColor;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-pagination-bar-nav {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.cg3-pagination-bar-left {
    margin-right: var(--cg3-spacing);
    font-size: var(--cg3-font-size-1);
}

.cg3-pagination-bar-right {
    display: flex;
    align-items: center;
}

.cg3-pagination-bar-select {
    margin-right: var(--cg3-spacing-double);
}

.cg3-pagination-bar-select-small {
    width: 3.5rem;
}

.cg3-pagination-bar-select-large {
    width: 4rem;
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-text-field .cg3-text-field-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-text-field :is(.cg3-text-field-description, .cg3-text-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-text-field:has(
        .cg3-text-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-text-field-description,
        .cg3-text-field-error
    )
    .cg3-text-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-password-field-toggle-button {
    background-color: transparent;
    color: var(--cg3-color-blue-525);
    font-size: var(--cg3-font-size-1);
    display: inline-flex;
    align-items: flex-start;
    border: none;
    height: auto;
    padding: 0;
    position: absolute;
    right: 0;
    top: calc(-1.4 * var(--cg3-spacing));
}

.cg3-password-field-toggle-button:hover {
    text-decoration: underline;
    cursor: pointer;
}

.cg3-password-field-toggle-button .cg3-icon {
    margin-right: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-base);
}

.cg3-password-field :is([flow-id='form-field-description'], [flow-id='form-field-error']) {
    padding-right: 4rem;
}


.cg3-pill-dismissible-field {
    display: inline-flex;
    width: fit-content;
    border-radius: calc(var(--cg3-border-radius) * 2);
}

.cg3-pill-dismissible-field :is(button[type='button'], a) {
    background: var(--cg3-color-gray-50);
    border: 0;
    border-radius: inherit;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--cg3-spacing-unit) * 6);
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-text-primary);
    /* 1.143 * 14px = 16.002px*/
    line-height: 1.143;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    white-space: normal;
}

.cg3-pill-dismissible-field :is(button, a):hover:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-100);
}

.cg3-pill-dismissible-field :is(button, a):active:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-250);
}

.cg3-pill-dismissible-field :is(button, a)[aria-disabled='true'] {
    background: var(--cg3-color-gray-50);
    opacity: var(--cg3-disabled-opacity);
}

.cg3-pill-dismissible-field :is(button, a, a[tabindex]):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-dismissible-field:has(:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-dismissible-field :is(button[type='button'], a):is([aria-disabled='true'], [aria-readonly='true']) {
    cursor: default;
}

.cg3-pill-dismissible-field a:is(:link, :visited) {
    text-decoration: none;
}

.cg3-pill-dismissible-field
    a:is(:focus:focus-visible, :is(:hover, :active):not([aria-disabled='true'], [aria-readonly='true'])) {
    text-decoration: underline;
}

/* sizes */

.cg3-pill-dismissible-field-medium :is(button[type='button'], a) {
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-pill-dismissible-field-small :is(button[type='button'], a) {
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-responsive-list-container {
    display: flex;
    gap: var(--cg3-spacing);
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg3-responsive-list-item-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.cg3-button-field-icon.cg3-responsive-list-more-button button:is([aria-expanded='true']) {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-pill-text-field {
    display: inline-flex;
    width: fit-content;
    border-radius: calc(var(--cg3-border-radius) * 2);
}

.cg3-pill-text-field :is(button[type='button'], a) {
    background: transparent;
    border: 0;
    border-radius: inherit;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--cg3-spacing-unit) * 6);
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-blue-525);
    /* 1.143 * 14px = 16.002px*/
    line-height: 1.143;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.cg3-pill-text-field :is(button, a):hover:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-100);
    color: var(--cg3-color-text-primary);
}

.cg3-pill-text-field :is(button, a):active:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-250);
    color: var(--cg3-color-text-primary);
}

.cg3-pill-text-field :is(button, a)[aria-disabled='true'] {
    background: transparent;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-pill-text-field :is(button, a, a[tabindex]):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-text-field:has(:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-text-field button[type='button'][aria-disabled='true'] {
    cursor: default;
}

.cg3-pill-text-field a:is(:link, :visited) {
    text-decoration: none;
}

.cg3-pill-text-field a:is(:focus:focus-visible, :hover:not([aria-disabled]), :active) {
    text-decoration: underline;
}

/* sizes */

.cg3-pill-text-field-medium :is(button[type='button'], a) {
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-pill-text-field-small :is(button[type='button'], a) {
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

.cg3-pill-group {
    flex: 1;
}

.cg3-pill-group-responsive-list > div {
    gap: var(--cg3-spacing-half);
}


.cg3-pill-suggestion-field {
    display: inline-flex;
    width: fit-content;
    border-radius: calc(var(--cg3-border-radius) * 2);
}

.cg3-pill-suggestion-field :is(button[type='button'], a) {
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-radius: inherit;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--cg3-spacing-unit) * 6);
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-text-primary);
    /* 1.143 * 14px = 16.002px*/
    line-height: 1.143;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    white-space: normal;
}

.cg3-pill-suggestion-field :is(button, a):hover:not([aria-disabled='true']) {
    background: var(--cg3-interactive-color-bg-hover);
}

.cg3-pill-suggestion-field :is(button, a):active:not([aria-disabled='true']) {
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-pill-suggestion-field.cg3-pill-suggestion-field-selected :is(a, button):not([aria-disabled='true']) {
    background: var(--cg3-interactive-color-bg-selected);
    border-color: var(--cg3-interactive-border-color-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-pill-suggestion-field :is(button, a)[aria-disabled='true'] {
    background: transparent;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-pill-suggestion-field :is(button, a, a[tabindex]):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-suggestion-field:has(:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-suggestion-field :is(button[type='button'], a)[aria-disabled='true'] {
    cursor: default;
}

.cg3-pill-suggestion-field a:is(:link, :visited) {
    text-decoration: none;
}

.cg3-pill-suggestion-field a:is(:focus:focus-visible, :is(:hover, :active):not([aria-disabled])) {
    text-decoration: underline;
}

/* sizes */

.cg3-pill-suggestion-field-medium :is(button[type='button'], a) {
    padding: calc(var(--cg3-spacing-unit) * 7) calc(var(--cg3-spacing-unit) * 9);
}

.cg3-pill-suggestion-field-small :is(button[type='button'], a) {
    padding: calc(var(--cg3-spacing-unit) * 3) calc(var(--cg3-spacing-unit) * 5);
}


.cg3-pill-text-field {
    display: inline-flex;
    width: fit-content;
    border-radius: calc(var(--cg3-border-radius) * 2);
}

.cg3-pill-text-field :is(button[type='button'], a) {
    background: transparent;
    border: 0;
    border-radius: inherit;
    display: inline-flex;
    align-items: center;
    gap: calc(var(--cg3-spacing-unit) * 6);
    font-family: inherit;
    font-size: var(--cg3-font-size-1);
    color: var(--cg3-color-blue-525);
    /* 1.143 * 14px = 16.002px*/
    line-height: 1.143;
    text-align: left;
    cursor: pointer;
    overflow: hidden;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
}

.cg3-pill-text-field :is(button, a):hover:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-100);
    color: var(--cg3-color-text-primary);
}

.cg3-pill-text-field :is(button, a):active:not([aria-disabled='true']) {
    background: var(--cg3-color-gray-250);
    color: var(--cg3-color-text-primary);
}

.cg3-pill-text-field :is(button, a)[aria-disabled='true'] {
    background: transparent;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-pill-text-field :is(button, a, a[tabindex]):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-text-field:has(:focus:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-pill-text-field button[type='button'][aria-disabled='true'] {
    cursor: default;
}

.cg3-pill-text-field a:is(:link, :visited) {
    text-decoration: none;
}

.cg3-pill-text-field a:is(:focus:focus-visible, :hover:not([aria-disabled]), :active) {
    text-decoration: underline;
}

/* sizes */

.cg3-pill-text-field-medium :is(button[type='button'], a) {
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-pill-text-field-small :is(button[type='button'], a) {
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}


.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}




.cg3-check-mark-input-field {
    display: flex;
    flex-direction: column;
    width: fit-content;
    color: var(--cg3-color-text-primary);
    position: relative;
}

/* Disabled */
.cg3-check-mark-input-field:has(input:disabled, input[aria-disabled='true']) {
    pointer-events: none;
}

/* Focus */
.cg3-check-mark-input-field:has(:focus-visible) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

/* Size */
.cg3-check-mark-input-field-large {
    padding: var(--cg3-spacing-seven-of-eighths) 0;
}

/* Hidden */
.cg3-check-mark-input-field-hidden .cg3-check-mark-field-label-content {
    height: var(--cg3-spacing-unit);
    width: var(--cg3-spacing-unit);
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: absolute;
}

.cg3-check-mark-input-field-large.cg3-check-mark-input-field-hidden {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-host-check-mark-field-header {
    line-height: 0;
}

.cg3-check-mark-field-header {
    line-height: var(--cg3-line-height-0);
    display: inline-flex;
    width: fit-content;
}

/* Disabled */
.cg3-check-mark-field-header-content:has(input:disabled, input[aria-disabled='true']) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-check-mark-field-header-content {
    display: flex;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-check-mark-field-label-content.cg3-check-mark-field-label-content div {
    display: flex;
    line-height: var(--cg3-line-height-1);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    margin: 0 var(--cg3-spacing-half);
}

.cg3-host-check-mark-field-label {
    line-height: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-check-mark-field-description-content {
    padding-left: calc(var(--cg3-spacing-half) * 3);
    padding-right: var(--cg3-spacing-half);
    margin: calc(var(--cg3-spacing-quarter) * 0.5) 0 0 0;
    display: flex;
}

.cg3-check-mark-field:has(input[type='radio']:not([aria-disabled='true'])) label {
    cursor: pointer;
}

.cg3-radio-field-check-mark {
    display: flex;
    position: relative;
    user-select: none;
}

.cg3-radio-field-check-mark input[type='radio'] {
    opacity: 0;
}

.cg3-radio-field-check-mark-marker {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: var(--cg3-color-bg);
    border-radius: 50%;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    box-sizing: border-box;
}

.cg3-radio-field-check-mark input[type='radio']:checked ~ .cg3-radio-field-check-mark-marker {
    background-color: var(--cg3-interactive-color-bg-selected);
    border: none;
}

.cg3-radio-field-check-mark-marker:after {
    content: '';
    position: absolute;
    display: none;
}

.cg3-radio-field-check-mark input[type='radio']:checked ~ .cg3-radio-field-check-mark-marker:after {
    display: block;
}

.cg3-radio-field-check-mark input[type='radio']:not(:checked) ~ .cg3-radio-field-check-mark-marker:hover {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}

.cg3-radio-field-check-mark .cg3-radio-field-check-mark-marker:after {
    border: var(--cg3-border-width) solid var(--cg3-color-icon-inverse);
    border-radius: 50%;
}

.cg3-radio-field-check-mark:has(input[type='radio']:not([aria-disabled='true'])) .cg3-radio-field-check-mark-marker,
.cg3-radio-field-check-mark input[type='radio']:not([aria-disabled='true']) {
    cursor: pointer;
}

.cg3-radio-input-field input[type='radio'] {
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

/* Hover */
.cg3-radio-input-field input[type='radio']:not(:checked):not(:disabled):hover ~ .cg3-radio-field-check-mark-marker {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}




.cg3-radio-field-check-mark {
    display: flex;
    position: relative;
    user-select: none;
}

.cg3-radio-field-check-mark input[type='radio'] {
    opacity: 0;
}

.cg3-radio-field-check-mark-marker {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    height: 1rem;
    width: 1rem;
    background-color: var(--cg3-color-bg);
    border-radius: 50%;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    box-sizing: border-box;
}

.cg3-radio-field-check-mark input[type='radio']:checked ~ .cg3-radio-field-check-mark-marker {
    background-color: var(--cg3-interactive-color-bg-selected);
    border: none;
}

.cg3-radio-field-check-mark-marker:after {
    content: '';
    position: absolute;
    display: none;
}

.cg3-radio-field-check-mark input[type='radio']:checked ~ .cg3-radio-field-check-mark-marker:after {
    display: block;
}

.cg3-radio-field-check-mark input[type='radio']:not(:checked) ~ .cg3-radio-field-check-mark-marker:hover {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}

.cg3-radio-field-check-mark .cg3-radio-field-check-mark-marker:after {
    border: var(--cg3-border-width) solid var(--cg3-color-icon-inverse);
    border-radius: 50%;
}

.cg3-radio-field-check-mark:has(input[type='radio']:not([aria-disabled='true'])) .cg3-radio-field-check-mark-marker,
.cg3-radio-field-check-mark input[type='radio']:not([aria-disabled='true']) {
    cursor: pointer;
}


.cg3-radio-input-field input[type='radio'] {
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    margin: 0;
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
}

/* Hover */
.cg3-radio-input-field input[type='radio']:not(:checked):not(:disabled):hover ~ .cg3-radio-field-check-mark-marker {
    border: var(--cg3-border-width) solid var(--cg3-interactive-border-color-default);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-responsive-list-container {
    display: flex;
    gap: var(--cg3-spacing);
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg3-responsive-list-item-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.cg3-button-field-icon.cg3-responsive-list-more-button button:is([aria-expanded='true']) {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-search-button button[flow-id='button-search'][flow-id='button-search'] {
    height: calc(var(--cg3-spacing) * 3);
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-search-button button[aria-disabled='true'] {
    pointer-events: none;
}


.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-search-button button[flow-id='button-search'][flow-id='button-search'] {
    height: calc(var(--cg3-spacing) * 3);
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-search-button button[aria-disabled='true'] {
    pointer-events: none;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}

.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-field-body,
.cg3-host-search-field-body {
    display: flex;
    width: 100%;
}

.cg3-search-field-container {
    line-height: var(--cg3-line-height-1);
    display: flex;
    width: 100%;
}

.cg3-search-field-container input[type='search']::-ms-clear {
    display: none;
}

/* // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). */
.cg3-search-field-container input[type='search']::-webkit-search-cancel-button,
.cg3-search-field-container input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

.cg3-search-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-1);
    display: flex;
    justify-content: space-between;
}

.cg3-search-field input[type='search'] {
    text-overflow: ellipsis;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}

.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-field-body,
.cg3-host-search-field-body {
    display: flex;
    width: 100%;
}

.cg3-search-field-container {
    line-height: var(--cg3-line-height-1);
    display: flex;
    width: 100%;
}

.cg3-search-field-container input[type='search']::-ms-clear {
    display: none;
}

/* // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). */
.cg3-search-field-container input[type='search']::-webkit-search-cancel-button,
.cg3-search-field-container input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}


.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-pre-filter-button-field {
    display: contents;
}

.cg3-search-pre-filter-button-field button [flow-id='icon']:nth-child(2),
.cg3-search-pre-filter-button-field button .cg3-host-icon:nth-child(2) {
    display: none;
}

.cg3-search-pre-filter-button-field [aria-expanded='true'],
.cg3-search-pre-filter-button-field button:active {
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-search-pre-filter-button-field
    button:is(:active, [aria-expanded='true'])
    :is([flow-id='icon'], .cg3-host-icon):nth-child(2) {
    display: flex;
}
.cg3-search-pre-filter-button-field
    button:is(:active, [aria-expanded='true'])
    :is([flow-id='icon']:first-child:not(:only-child), .cg3-host-icon:nth-child(1)) {
    display: none;
}

.cg3-search-pre-filter-button-field button::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-border-color);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-pre-filter-button-field .cg3-search-button-field-large-medium button::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-pre-filter-button-field
    .cg3-search-button-field-large-medium
    button::after {
    right: 0;
}


.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}


.cg3-mql-listener {
    display: none;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-search-button button[flow-id='button-search'][flow-id='button-search'] {
    height: calc(var(--cg3-spacing) * 3);
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-search-button button[aria-disabled='true'] {
    pointer-events: none;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}

.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-field-body,
.cg3-host-search-field-body {
    display: flex;
    width: 100%;
}

.cg3-search-field-container {
    line-height: var(--cg3-line-height-1);
    display: flex;
    width: 100%;
}

.cg3-search-field-container input[type='search']::-ms-clear {
    display: none;
}

/* // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). */
.cg3-search-field-container input[type='search']::-webkit-search-cancel-button,
.cg3-search-field-container input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

.cg3-search-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-1);
    display: flex;
    justify-content: space-between;
}

.cg3-search-field input[type='search'] {
    text-overflow: ellipsis;
}

.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}

.cg3-search-suggestions-category {
    box-sizing: border-box;
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    min-height: var(--cg3-spacing);
    padding: 0;
    margin: 0;
}

.cg3-search-suggestions-category-title {
    letter-spacing: var(--cg3-spacing-unit);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
    margin: 0 var(--cg3-spacing) var(--cg3-spacing-half);
    color: var(--cg3-color-text-tertiary);
}

.cg3-search-suggestions-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg3-search-suggestions-category li:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-search-suggestions-category li:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-search-suggestions-category li {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: calc(var(--cg3-spacing-half) / 4 * 3) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: calc(var(--cg3-spacing-quarter) * 3);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    min-height: 2.75rem;
    height: 100%;
}

.cg3-search-suggestions-category .cg3-search-suggestions-text {
    display: flex;
    flex-direction: column;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-description {
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-secondary);
}

.cg3-search-suggestions-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: var(--cg3-spacing-half) 0 var(--cg3-spacing);
}



/* When the input has a prefilter button, the popup should appear ONLY when the INPUT is clicked.
Additionally, the popup should be positioned under the full search field.
It is not possible to change the target of the popup from an 'input' element to a non-interactive element.
From an accessibility (a11y) perspective, the target element must have an aria-expanded attribute,
which is only allowed on interactive elements.*/
.cg3-search-suggestions-desktop .cg3-popup-area {
    left: 0 !important;
    width: 100%;
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-overlay);
    padding-bottom: var(--cg3-spacing-half);
    padding-top: var(--cg3-spacing);
    box-sizing: border-box;
    max-height: 600px;
    overflow-y: auto;
    background: var(--cg3-dropdown-color-bg);
    width: 100%;
}

.cg3-search-suggestions-popup-medium.cg3-search-suggestions-popup-medium li {
    min-height: 2rem;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-search-button button[flow-id='button-search'][flow-id='button-search'] {
    height: calc(var(--cg3-spacing) * 3);
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-search-button button[aria-disabled='true'] {
    pointer-events: none;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}

.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-field-body,
.cg3-host-search-field-body {
    display: flex;
    width: 100%;
}

.cg3-search-field-container {
    line-height: var(--cg3-line-height-1);
    display: flex;
    width: 100%;
}

.cg3-search-field-container input[type='search']::-ms-clear {
    display: none;
}

/* // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). */
.cg3-search-field-container input[type='search']::-webkit-search-cancel-button,
.cg3-search-field-container input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

.cg3-search-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-1);
    display: flex;
    justify-content: space-between;
}

.cg3-search-field input[type='search'] {
    text-overflow: ellipsis;
}

.cg3-search-suggestions-category {
    box-sizing: border-box;
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    min-height: var(--cg3-spacing);
    padding: 0;
    margin: 0;
}

.cg3-search-suggestions-category-title {
    letter-spacing: var(--cg3-spacing-unit);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
    margin: 0 var(--cg3-spacing) var(--cg3-spacing-half);
    color: var(--cg3-color-text-tertiary);
}

.cg3-search-suggestions-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg3-search-suggestions-category li:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-search-suggestions-category li:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-search-suggestions-category li {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: calc(var(--cg3-spacing-half) / 4 * 3) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: calc(var(--cg3-spacing-quarter) * 3);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    min-height: 2.75rem;
    height: 100%;
}

.cg3-search-suggestions-category .cg3-search-suggestions-text {
    display: flex;
    flex-direction: column;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-description {
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-secondary);
}

.cg3-search-suggestions-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: var(--cg3-spacing-half) 0 var(--cg3-spacing);
}



.cg3-modal,
.cg3-modal *,
.cg3-modal *::before,
.cg3-modal *::after {
    box-sizing: border-box;
}

.cg3-modal {
    font-family: inherit;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: var(--cg3-z-index-modal);
}

.cg3-modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--cg3-overlay-color);
}

.cg3-modal-container {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-popout);
}

@keyframes cg3-modal-opacity-opening {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cg3-modal-container-opening {
    0% {
        transform: translateY(12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

.cg3-modal.cg3-is-opening .cg3-modal-container {
    animation: cg3-modal-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-modal-container-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-modal.cg3-is-closing .cg3-modal-container {
    animation: cg3-modal-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-modal-container-opening 300ms cubic-bezier(0, 0, 0.2, 1) reverse forwards;
}

.cg3-modal.cg3-is-opening .cg3-modal-overlay {
    animation: cg3-modal-opacity-opening 200ms linear forwards;
}

.cg3-modal.cg3-is-closing .cg3-modal-overlay {
    animation: cg3-modal-opacity-opening 200ms linear reverse forwards;
}

.cg3-fullscreen {
    overflow-x: hidden;
    overflow-y: auto;
}

.cg3-fullscreen.is-animating {
    transition-property: width, height, max-width, max-height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}

.cg3-search-suggestions-modal .cg3-search-field {
    padding: var(--cg3-spacing);
}

.cg3-search-suggestions-modal-extra-large .cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-search-suggestions-modal-extra-large .cg3-search-button-wrapper button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-suggestions-modal-container {
    position: sticky;
    top: 0;
    background: var(--cg3-color-bg);
}

.cg3-search-suggestions-modal .cg3-modal:is(.cg3-is-opening, .cg3-is-closing) .cg3-modal-container {
    animation: none;
}

.cg3-search-suggestions {
    width: 100%;
    position: relative;
}

.cg3-search-suggestions-extra-large .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}


.cg3-search-suggestions-category {
    box-sizing: border-box;
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    min-height: var(--cg3-spacing);
    padding: 0;
    margin: 0;
}

.cg3-search-suggestions-category-title {
    letter-spacing: var(--cg3-spacing-unit);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
    margin: 0 var(--cg3-spacing) var(--cg3-spacing-half);
    color: var(--cg3-color-text-tertiary);
}

.cg3-search-suggestions-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg3-search-suggestions-category li:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-search-suggestions-category li:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-search-suggestions-category li {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: calc(var(--cg3-spacing-half) / 4 * 3) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: calc(var(--cg3-spacing-quarter) * 3);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    min-height: 2.75rem;
    height: 100%;
}

.cg3-search-suggestions-category .cg3-search-suggestions-text {
    display: flex;
    flex-direction: column;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-description {
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-secondary);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-search-button button[flow-id='button-search'][flow-id='button-search'] {
    height: calc(var(--cg3-spacing) * 3);
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-search-button button[aria-disabled='true'] {
    pointer-events: none;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}

.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-field-body,
.cg3-host-search-field-body {
    display: flex;
    width: 100%;
}

.cg3-search-field-container {
    line-height: var(--cg3-line-height-1);
    display: flex;
    width: 100%;
}

.cg3-search-field-container input[type='search']::-ms-clear {
    display: none;
}

/* // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). */
.cg3-search-field-container input[type='search']::-webkit-search-cancel-button,
.cg3-search-field-container input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

.cg3-search-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-1);
    display: flex;
    justify-content: space-between;
}

.cg3-search-field input[type='search'] {
    text-overflow: ellipsis;
}

.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}

.cg3-search-suggestions-category {
    box-sizing: border-box;
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    min-height: var(--cg3-spacing);
    padding: 0;
    margin: 0;
}

.cg3-search-suggestions-category-title {
    letter-spacing: var(--cg3-spacing-unit);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
    margin: 0 var(--cg3-spacing) var(--cg3-spacing-half);
    color: var(--cg3-color-text-tertiary);
}

.cg3-search-suggestions-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg3-search-suggestions-category li:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-search-suggestions-category li:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-search-suggestions-category li {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: calc(var(--cg3-spacing-half) / 4 * 3) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: calc(var(--cg3-spacing-quarter) * 3);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    min-height: 2.75rem;
    height: 100%;
}

.cg3-search-suggestions-category .cg3-search-suggestions-text {
    display: flex;
    flex-direction: column;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-description {
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-secondary);
}

.cg3-search-suggestions-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: var(--cg3-spacing-half) 0 var(--cg3-spacing);
}



/* When the input has a prefilter button, the popup should appear ONLY when the INPUT is clicked.
Additionally, the popup should be positioned under the full search field.
It is not possible to change the target of the popup from an 'input' element to a non-interactive element.
From an accessibility (a11y) perspective, the target element must have an aria-expanded attribute,
which is only allowed on interactive elements.*/
.cg3-search-suggestions-desktop .cg3-popup-area {
    left: 0 !important;
    width: 100%;
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-overlay);
    padding-bottom: var(--cg3-spacing-half);
    padding-top: var(--cg3-spacing);
    box-sizing: border-box;
    max-height: 600px;
    overflow-y: auto;
    background: var(--cg3-dropdown-color-bg);
    width: 100%;
}

.cg3-search-suggestions-popup-medium.cg3-search-suggestions-popup-medium li {
    min-height: 2rem;
}


.cg3-search-suggestions-category {
    box-sizing: border-box;
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    min-height: var(--cg3-spacing);
    padding: 0;
    margin: 0;
}

.cg3-search-suggestions-category-title {
    letter-spacing: var(--cg3-spacing-unit);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
    margin: 0 var(--cg3-spacing) var(--cg3-spacing-half);
    color: var(--cg3-color-text-tertiary);
}

.cg3-search-suggestions-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg3-search-suggestions-category li:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-search-suggestions-category li:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-search-suggestions-category li {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: calc(var(--cg3-spacing-half) / 4 * 3) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: calc(var(--cg3-spacing-quarter) * 3);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    min-height: 2.75rem;
    height: 100%;
}

.cg3-search-suggestions-category .cg3-search-suggestions-text {
    display: flex;
    flex-direction: column;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-description {
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-secondary);
}

.cg3-search-suggestions-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: var(--cg3-spacing-half) 0 var(--cg3-spacing);
}




/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-search-button button[flow-id='button-search'][flow-id='button-search'] {
    height: calc(var(--cg3-spacing) * 3);
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-search-button button[aria-disabled='true'] {
    pointer-events: none;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-search-spinner {
    height: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    color: var(--cg3-color-icon-primary);
}

.cg3-search-button-field {
    height: 100%;
    width: fit-content;
    position: relative;
}

.cg3-search-button-field button {
    position: relative;
    height: 100%;
    width: 100%;
    aspect-ratio: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    cursor: pointer;
    color: var(--cg3-color-text-primary);
}

.cg3-search-button-field:has([flow-id='back-button'])::after {
    content: ' ';
    height: 50%;
    width: 1px;
    position: absolute;
    background: var(--cg3-color-gray-100);
    right: 0;
    display: block;
    top: 25%;
}

.cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: -1px;
}

.cg3-search-suggestions-container-extra-large
    .cg3-search-button-field-large-medium:has([flow-id='back-button'])::after {
    right: 0;
}

.cg3-search-button-field button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    z-index: 1;
}

.cg3-search-field-container:not(:has(.cg3-form-field-body button[flow-id='button-search']))
    .cg3-search-button-field
    button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-button-field [aria-disabled='true'] {
    pointer-events: none;
}

.cg3-search-button-field [aria-disabled='true'] [flow-id='icon'] {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-search-field-body,
.cg3-host-search-field-body {
    display: flex;
    width: 100%;
}

.cg3-search-field-container {
    line-height: var(--cg3-line-height-1);
    display: flex;
    width: 100%;
}

.cg3-search-field-container input[type='search']::-ms-clear {
    display: none;
}

/* // Remove inner padding and search cancel button in Safari and Chrome on OS X.
// Safari (but not Chrome) clips the cancel button when the search input has
// padding (and `textfield` appearance). */
.cg3-search-field-container input[type='search']::-webkit-search-cancel-button,
.cg3-search-field-container input[type='search']::-webkit-search-decoration {
    -webkit-appearance: none;
}

.cg3-search-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-1);
    display: flex;
    justify-content: space-between;
}

.cg3-search-field input[type='search'] {
    text-overflow: ellipsis;
}

.cg3-search-suggestions-category {
    box-sizing: border-box;
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    min-height: var(--cg3-spacing);
    padding: 0;
    margin: 0;
}

.cg3-search-suggestions-category-title {
    letter-spacing: var(--cg3-spacing-unit);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
    margin: 0 var(--cg3-spacing) var(--cg3-spacing-half);
    color: var(--cg3-color-text-tertiary);
}

.cg3-search-suggestions-category ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.cg3-search-suggestions-category li:is(:hover, [aria-selected='true']) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-search-suggestions-category li:active {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-search-suggestions-category li {
    box-sizing: border-box;
    width: 100%;
    border: none;
    background: transparent;
    padding: calc(var(--cg3-spacing-half) / 4 * 3) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: calc(var(--cg3-spacing-quarter) * 3);
    cursor: pointer;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
    min-height: 2.75rem;
    height: 100%;
}

.cg3-search-suggestions-category .cg3-search-suggestions-text {
    display: flex;
    flex-direction: column;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

.cg3-search-suggestions-category .cg3-search-suggestions-description {
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-secondary);
}

.cg3-search-suggestions-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: var(--cg3-spacing-half) 0 var(--cg3-spacing);
}



.cg3-modal,
.cg3-modal *,
.cg3-modal *::before,
.cg3-modal *::after {
    box-sizing: border-box;
}

.cg3-modal {
    font-family: inherit;
    display: flex;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    justify-content: center;
    align-items: center;
    z-index: var(--cg3-z-index-modal);
}

.cg3-modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--cg3-overlay-color);
}

.cg3-modal-container {
    position: relative;
    display: flex;
    flex-direction: column;
    background: var(--cg3-color-bg);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-popout);
}

@keyframes cg3-modal-opacity-opening {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cg3-modal-container-opening {
    0% {
        transform: translateY(12.5rem);
    }
    100% {
        transform: translateY(0);
    }
}

.cg3-modal.cg3-is-opening .cg3-modal-container {
    animation: cg3-modal-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-modal-container-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-modal.cg3-is-closing .cg3-modal-container {
    animation: cg3-modal-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-modal-container-opening 300ms cubic-bezier(0, 0, 0.2, 1) reverse forwards;
}

.cg3-modal.cg3-is-opening .cg3-modal-overlay {
    animation: cg3-modal-opacity-opening 200ms linear forwards;
}

.cg3-modal.cg3-is-closing .cg3-modal-overlay {
    animation: cg3-modal-opacity-opening 200ms linear reverse forwards;
}

.cg3-fullscreen {
    overflow-x: hidden;
    overflow-y: auto;
}

.cg3-fullscreen.is-animating {
    transition-property: width, height, max-width, max-height;
    transition-duration: 0.3s;
    transition-timing-function: ease-in;
}

.cg3-search-suggestions-modal .cg3-search-field {
    padding: var(--cg3-spacing);
}

.cg3-search-suggestions-modal-extra-large .cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-search-suggestions-modal-extra-large .cg3-search-button-wrapper button:focus {
    outline-offset: calc(var(--cg3-outline-width) * -2);
}

.cg3-search-suggestions-modal-container {
    position: sticky;
    top: 0;
    background: var(--cg3-color-bg);
}

.cg3-search-suggestions-modal .cg3-modal:is(.cg3-is-opening, .cg3-is-closing) .cg3-modal-container {
    animation: none;
}


.cg3-search-suggestions-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: var(--cg3-spacing-half) 0 var(--cg3-spacing);
}


.cg3-segmented-control-item {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    width: 100%;
    height: 1.75rem;
    min-width: 6rem;
    padding: calc(var(--cg3-spacing-unit) * 5) calc(var(--cg3-spacing-unit) * 13);
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--cg3-font-weight-normal);
    text-decoration: none;
    white-space: nowrap;
    color: var(--cg3-color-text-secondary);
    background-color: transparent;
    border: var(--cg3-border-width-half) solid transparent;
    border-radius: var(--cg3-border-radius-double);
    transition: background-color var(--cg3-transition-duration), color var(--cg3-transition-duration),
        border-color var(--cg3-transition-duration);
}

.cg3-segmented-control-item:not([aria-disabled='true']) {
    cursor: pointer;
}

.cg3-segmented-control-item:is(:hover, :active):not([aria-disabled='true']) {
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-segmented-control-item:focus-visible {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    border-radius: var(--cg3-border-radius-double);
    position: relative;
    z-index: 1;
}

.cg3-segmented-control-item[aria-current='true'] {
    background-color: var(--cg3-color-monochrome-white);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-raised);
    font-weight: var(--cg3-font-weight-medium);
    color: var(--cg3-color-text-primary);
}

.cg3-segmented-control-item[aria-disabled='true'] {
    cursor: default;
}

.cg3-segmented-control-item-content-disabled {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-segmented-control-label {
    line-height: var(--cg3-line-height-0);
    margin-bottom: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-segmented-control-label span {
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-1);
}

.cg3-segmented-control-list {
    display: grid;
    grid-template-rows: auto;
    grid-gap: var(--cg3-spacing-quarter);
    box-sizing: content-box;
    position: relative;
    width: max-content;
    height: 1.75rem;
    margin: 0;
    padding: calc(var(--cg3-spacing-unit) * 2);
    list-style-type: none;
    background-color: var(--cg3-color-gray-50);
    border-radius: calc(var(--cg3-border-radius-double) * 1.5);
    font-size: var(--cg3-font-size-1);
}

.cg3-segmented-control-list:has(> :nth-child(1)) {
    grid-template-columns: repeat(1, 1fr);
}

.cg3-segmented-control-list:has(> :nth-child(2)) {
    grid-template-columns: repeat(2, 1fr);
}

.cg3-segmented-control-list:has(> :nth-child(3)) {
    grid-template-columns: repeat(3, 1fr);
}

.cg3-segmented-control-list:has(> :nth-child(4)) {
    grid-template-columns: repeat(4, 1fr);
}

.cg3-segmented-control-list:has(> :nth-child(5)) {
    grid-template-columns: repeat(5, 1fr);
}

.cg3-segmented-control:not(:has(.cg3-segmented-control-item:not([aria-disabled='true']))) .cg3-segmented-control-list {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-segmented-control:not(:has(.cg3-segmented-control-item:not([aria-disabled='true'])))
    .cg3-segmented-control-item-content-disabled {
    opacity: revert;
}


.cg3-segmented-control-item {
    position: relative;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    width: 100%;
    height: 1.75rem;
    min-width: 6rem;
    padding: calc(var(--cg3-spacing-unit) * 5) calc(var(--cg3-spacing-unit) * 13);
    font-family: inherit;
    font-size: inherit;
    font-weight: var(--cg3-font-weight-normal);
    text-decoration: none;
    white-space: nowrap;
    color: var(--cg3-color-text-secondary);
    background-color: transparent;
    border: var(--cg3-border-width-half) solid transparent;
    border-radius: var(--cg3-border-radius-double);
    transition: background-color var(--cg3-transition-duration), color var(--cg3-transition-duration),
        border-color var(--cg3-transition-duration);
}

.cg3-segmented-control-item:not([aria-disabled='true']) {
    cursor: pointer;
}

.cg3-segmented-control-item:is(:hover, :active):not([aria-disabled='true']) {
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-segmented-control-item:focus-visible {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    border-radius: var(--cg3-border-radius-double);
    position: relative;
    z-index: 1;
}

.cg3-segmented-control-item[aria-current='true'] {
    background-color: var(--cg3-color-monochrome-white);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-shadow: var(--cg3-box-shadow-raised);
    font-weight: var(--cg3-font-weight-medium);
    color: var(--cg3-color-text-primary);
}

.cg3-segmented-control-item[aria-disabled='true'] {
    cursor: default;
}

.cg3-segmented-control-item-content-disabled {
    opacity: var(--cg3-disabled-opacity);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-text-field .cg3-text-field-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-text-field :is(.cg3-text-field-description, .cg3-text-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-text-field:has(
        .cg3-text-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-text-field-description,
        .cg3-text-field-error
    )
    .cg3-text-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-select-field-body {
    display: flex;
    width: 100%;
}
.cg3-select-field-body select {
    width: 100%;
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
}




.cg3-select-field-body {
    display: flex;
    width: 100%;
}
.cg3-select-field-body select {
    width: 100%;
    position: absolute;
    appearance: none;
    -webkit-appearance: none;
}


.cg3-side-modal,
.cg3-side-modal *,
.cg3-side-modal *::before,
.cg3-side-modal *::after {
    box-sizing: border-box;
}

.cg3-side-modal {
    font-family: inherit;
    bottom: 0;
    box-sizing: border-box;
    display: flex;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: var(--cg3-z-index-modal);
}

.cg3-side-modal-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: var(--cg3-overlay-color);
}

.cg3-side-modal-content {
    position: fixed;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    background: var(--cg3-color-bg);
    box-shadow: var(--cg3-box-shadow-popout);
    height: 100dvh;
    width: 23.5rem;
    max-width: calc(100% - 4.25rem);
}

.cg3-side-modal-content-left {
    left: 0;
    top: 0;
    border-right: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

.cg3-side-modal-content-right {
    right: 0;
    top: 0;
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

@keyframes cg3-side-modal-content-opacity-opening {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cg3-keyframes-side-modal-content-left-opening {
    0% {
        transform: translateX(-12.5rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cg3-keyframes-side-modal-content-right-opening {
    0% {
        transform: translateX(12.5rem);
    }
    100% {
        transform: translateX(0);
    }
}

@keyframes cg3-keyframes-side-modal-content-left-closing {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-12.5rem);
    }
}

@keyframes cg3-keyframes-side-modal-content-right-closing {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(12.5rem);
    }
}

@keyframes cg3-keyframes-side-modal-opacity {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.cg3-side-modal.cg3-is-opening .cg3-side-modal-content-left {
    animation: cg3-side-modal-content-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-side-modal-content-left-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-side-modal.cg3-is-opening .cg3-side-modal-content-right {
    animation: cg3-side-modal-content-opacity-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards,
        cg3-keyframes-side-modal-content-right-opening 300ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-side-modal.cg3-is-opening .cg3-side-modal-overlay {
    animation: cg3-keyframes-side-modal-opacity 200ms linear forwards;
}

.cg3-side-modal.cg3-is-closing .cg3-side-modal-content-left {
    animation: cg3-keyframes-side-modal-opacity 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-side-modal-content-left-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-side-modal.cg3-is-closing .cg3-side-modal-content-right {
    animation: cg3-keyframes-side-modal-opacity 200ms cubic-bezier(0, 0, 0.2, 1) reverse forwards,
        cg3-keyframes-side-modal-content-right-closing 200ms cubic-bezier(0, 0, 0.2, 1) forwards;
}

.cg3-side-modal.cg3-is-closing .cg3-side-modal-overlay {
    animation: cg3-keyframes-side-modal-opacity 200ms linear reverse forwards;
}


.cg3-simple-table {
    width: 100%;
    overflow: auto;
}

.cg3-simple-table table {
    width: 100%;
    border: 1px solid var(--cg3-border-color);
    border-collapse: collapse;
    font-size: var(--cg3-font-size-1);
}

.cg3-simple-table table td,
.cg3-simple-table table th {
    text-align: left;
}

.cg3-simple-table table th {
    font-weight: var(--cg3-font-weight-medium);
}

/* TYPE: default */

.cg3-simple-table-type-default table tr:not([aria-expanded]) {
    border-top: 1px solid var(--cg3-border-color);
}

/* TYPE: striped */

.cg3-simple-table-type-striped
    table
    tbody
    tr:is(:nth-child(odd of :not([aria-expanded])), :nth-child(odd of [aria-expanded])) {
    border-top: 1px solid var(--cg3-color-gray-50);
    background: var(--cg3-color-gray-50);
}

/* SIZE: small */

.cg3-simple-table-size-small table td,
.cg3-simple-table-size-small table th {
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing);
}

/* SIZE: medium */

.cg3-simple-table-size-medium table td,
.cg3-simple-table-size-medium table th {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
}

/* SIZE: large */

.cg3-simple-table-size-large table td,
.cg3-simple-table-size-large table th {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* EXPANDABLE */

.cg3-simple-table table tr[aria-expanded],
.cg3-simple-table table tr[aria-expanded] td,
.cg3-simple-table table tr[aria-expanded] td > * {
    transition: height var(--cg3-transition-duration), padding-top var(--cg3-transition-duration),
        padding-bottom var(--cg3-transition-duration), line-height var(--cg3-transition-duration),
        opacity var(--cg3-transition-duration);
    overflow: hidden;
}

.cg3-simple-table table tr[aria-expanded='false'],
.cg3-simple-table table tr[aria-expanded='false'] td,
.cg3-simple-table table tr[aria-expanded='false'] td > * {
    height: 0;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 0;
    opacity: 0;
}


.cg3-skip-to-content {
    background: var(--cg3-color-bg-subtle);
    height: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.cg3-skip-to-content:focus-within {
    height: 3rem;
}

.cg3-skip-to-content a {
    font-size: var(--cg3-font-size-1);
    line-height: 1.143; /*16px;*/
    padding-block: var(--cg3-spacing-seven-of-eighths);
}

.cg3-skip-to-content a:focus:focus-visible {
    outline-offset: 0;
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-slider-field {
    position: relative;
    width: 100%;
    display: grid;
    column-gap: var(--cg3-spacing);
    font-size: var(--cg3-font-size-1);
}

.cg3-slider-field-label {
    grid-area: label;
    font-weight: var(--cg3-font-weight-medium);
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 1.143;
}

.cg3-slider-field-content {
    grid-area: content;
    position: relative;
}

.cg3-slider-field-text {
    grid-area: text;
    align-content: center;
    white-space: nowrap;
    line-height: var(--cg3-line-height-1);
}

.cg3-slider-field:has(.cg3-slider-field-label-visible) {
    row-gap: calc(var(--cg3-spacing) * 0.375);
}

.cg3-slider-field:has(.cg3-slider-field-label-visible):has(.cg3-slider-field-text) {
    grid-template-rows: auto 2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'label label' 'content text';
}

.cg3-slider-field:has(.cg3-slider-field-label-visible):not(:has(.cg3-slider-field-text)) {
    grid-template-rows: auto 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'content';
}

.cg3-slider-field:not(:has(.cg3-slider-field-label-visible)):has(.cg3-slider-field-text) {
    grid-template-rows: 2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'content text';
}

.cg3-slider-field:not(:has(.cg3-slider-field-label-visible)):not(:has(.cg3-slider-field-text)) {
    grid-template-rows: 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'content';
}

.cg3-slider-field-label:not(.cg3-slider-field-label-visible),
.cg3-slider-field-text:empty {
    display: none;
}

.cg3-slider-field-text-divider {
    padding: 0 var(--cg3-spacing-quarter);
}

.cg3-slider-track {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5rem;
    translate: 0 -50%;
}

.cg3-slider-track-area {
    position: absolute;
    left: -0.75rem;
    right: -0.75rem;
    height: 100%;
}

.cg3-slider-track-interactive .cg3-slider-track-area {
    cursor: pointer;
}

.cg3-slider-track-background,
.cg3-slider-track-range {
    border-radius: var(--cg3-border-radius);
    position: absolute;
    top: 50%;
    height: 0.25rem;
    pointer-events: none;
    translate: 0 -50%;
}

.cg3-slider-track-background {
    background: var(--cg3-color-gray-375);
    width: 100%;
}

.cg3-slider-track-range {
    background: var(--cg3-color-blue-500);
    width: 0;
}

.cg3-slider-track-disabled {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-slider-thumb {
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    translate: -50% -50%;
    cursor: pointer;
    z-index: 1;
    touch-action: none;
}

.cg3-slider-thumb-circle,
.cg3-slider-thumb-circle-wrapper,
.cg3-slider-thumb-circle-background {
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    transition: width var(--cg3-transition-duration), height var(--cg3-transition-duration);
}

.cg3-slider-thumb-circle-wrapper {
    z-index: 2;
}
.cg3-slider-thumb-circle-background {
    z-index: 1;
    background-color: var(--cg3-color-monochrome-white);
}

.cg3-slider-thumb-circle {
    border: calc(var(--cg3-border-width) / 2) solid var(--cg3-color-gray-375);
    box-shadow: var(--cg3-box-shadow-raised);
    background-color: var(--cg3-color-monochrome-white);
    box-sizing: border-box;
    z-index: 3;
}

.cg3-slider-thumb:hover:not([aria-disabled='true']) .cg3-slider-thumb-circle,
.cg3-slider-thumb:focus:not([aria-disabled='true']) .cg3-slider-thumb-circle,
.cg3-slider-thumb:hover:not([aria-disabled='true']) .cg3-slider-thumb-circle-wrapper,
.cg3-slider-thumb:focus:not([aria-disabled='true']) .cg3-slider-thumb-circle-wrapper {
    width: 1.5rem;
    height: 1.5rem;
}

/** triple selector is used to increase specificity */
.cg3-slider-thumb.cg3-slider-thumb.cg3-slider-thumb:focus:focus {
    outline: none;
    z-index: 2;
}

.cg3-slider-thumb:focus .cg3-slider-thumb-circle-wrapper {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-slider-thumb[aria-disabled='true'] {
    cursor: default;
}

.cg3-slider-thumb[aria-disabled='true'] .cg3-slider-thumb-circle {
    box-shadow: none;
    opacity: var(--cg3-disabled-opacity);
}




.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-slider-field {
    position: relative;
    width: 100%;
    display: grid;
    column-gap: var(--cg3-spacing);
    font-size: var(--cg3-font-size-1);
}

.cg3-slider-field-label {
    grid-area: label;
    font-weight: var(--cg3-font-weight-medium);
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 1.143;
}

.cg3-slider-field-content {
    grid-area: content;
    position: relative;
}

.cg3-slider-field-text {
    grid-area: text;
    align-content: center;
    white-space: nowrap;
    line-height: var(--cg3-line-height-1);
}

.cg3-slider-field:has(.cg3-slider-field-label-visible) {
    row-gap: calc(var(--cg3-spacing) * 0.375);
}

.cg3-slider-field:has(.cg3-slider-field-label-visible):has(.cg3-slider-field-text) {
    grid-template-rows: auto 2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'label label' 'content text';
}

.cg3-slider-field:has(.cg3-slider-field-label-visible):not(:has(.cg3-slider-field-text)) {
    grid-template-rows: auto 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'content';
}

.cg3-slider-field:not(:has(.cg3-slider-field-label-visible)):has(.cg3-slider-field-text) {
    grid-template-rows: 2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'content text';
}

.cg3-slider-field:not(:has(.cg3-slider-field-label-visible)):not(:has(.cg3-slider-field-text)) {
    grid-template-rows: 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'content';
}

.cg3-slider-field-label:not(.cg3-slider-field-label-visible),
.cg3-slider-field-text:empty {
    display: none;
}

.cg3-slider-field-text-divider {
    padding: 0 var(--cg3-spacing-quarter);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-slider-field {
    position: relative;
    width: 100%;
    display: grid;
    column-gap: var(--cg3-spacing);
    font-size: var(--cg3-font-size-1);
}

.cg3-slider-field-label {
    grid-area: label;
    font-weight: var(--cg3-font-weight-medium);
    margin: 0;
    padding: 0;
    cursor: default;
    line-height: 1.143;
}

.cg3-slider-field-content {
    grid-area: content;
    position: relative;
}

.cg3-slider-field-text {
    grid-area: text;
    align-content: center;
    white-space: nowrap;
    line-height: var(--cg3-line-height-1);
}

.cg3-slider-field:has(.cg3-slider-field-label-visible) {
    row-gap: calc(var(--cg3-spacing) * 0.375);
}

.cg3-slider-field:has(.cg3-slider-field-label-visible):has(.cg3-slider-field-text) {
    grid-template-rows: auto 2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'label label' 'content text';
}

.cg3-slider-field:has(.cg3-slider-field-label-visible):not(:has(.cg3-slider-field-text)) {
    grid-template-rows: auto 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'label' 'content';
}

.cg3-slider-field:not(:has(.cg3-slider-field-label-visible)):has(.cg3-slider-field-text) {
    grid-template-rows: 2rem;
    grid-template-columns: 1fr auto;
    grid-template-areas: 'content text';
}

.cg3-slider-field:not(:has(.cg3-slider-field-label-visible)):not(:has(.cg3-slider-field-text)) {
    grid-template-rows: 2rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'content';
}

.cg3-slider-field-label:not(.cg3-slider-field-label-visible),
.cg3-slider-field-text:empty {
    display: none;
}

.cg3-slider-field-text-divider {
    padding: 0 var(--cg3-spacing-quarter);
}

.cg3-slider-track {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5rem;
    translate: 0 -50%;
}

.cg3-slider-track-area {
    position: absolute;
    left: -0.75rem;
    right: -0.75rem;
    height: 100%;
}

.cg3-slider-track-interactive .cg3-slider-track-area {
    cursor: pointer;
}

.cg3-slider-track-background,
.cg3-slider-track-range {
    border-radius: var(--cg3-border-radius);
    position: absolute;
    top: 50%;
    height: 0.25rem;
    pointer-events: none;
    translate: 0 -50%;
}

.cg3-slider-track-background {
    background: var(--cg3-color-gray-375);
    width: 100%;
}

.cg3-slider-track-range {
    background: var(--cg3-color-blue-500);
    width: 0;
}

.cg3-slider-track-disabled {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-slider-thumb {
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    translate: -50% -50%;
    cursor: pointer;
    z-index: 1;
    touch-action: none;
}

.cg3-slider-thumb-circle,
.cg3-slider-thumb-circle-wrapper,
.cg3-slider-thumb-circle-background {
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    transition: width var(--cg3-transition-duration), height var(--cg3-transition-duration);
}

.cg3-slider-thumb-circle-wrapper {
    z-index: 2;
}
.cg3-slider-thumb-circle-background {
    z-index: 1;
    background-color: var(--cg3-color-monochrome-white);
}

.cg3-slider-thumb-circle {
    border: calc(var(--cg3-border-width) / 2) solid var(--cg3-color-gray-375);
    box-shadow: var(--cg3-box-shadow-raised);
    background-color: var(--cg3-color-monochrome-white);
    box-sizing: border-box;
    z-index: 3;
}

.cg3-slider-thumb:hover:not([aria-disabled='true']) .cg3-slider-thumb-circle,
.cg3-slider-thumb:focus:not([aria-disabled='true']) .cg3-slider-thumb-circle,
.cg3-slider-thumb:hover:not([aria-disabled='true']) .cg3-slider-thumb-circle-wrapper,
.cg3-slider-thumb:focus:not([aria-disabled='true']) .cg3-slider-thumb-circle-wrapper {
    width: 1.5rem;
    height: 1.5rem;
}

/** triple selector is used to increase specificity */
.cg3-slider-thumb.cg3-slider-thumb.cg3-slider-thumb:focus:focus {
    outline: none;
    z-index: 2;
}

.cg3-slider-thumb:focus .cg3-slider-thumb-circle-wrapper {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-slider-thumb[aria-disabled='true'] {
    cursor: default;
}

.cg3-slider-thumb[aria-disabled='true'] .cg3-slider-thumb-circle {
    box-shadow: none;
    opacity: var(--cg3-disabled-opacity);
}




.cg3-slider-thumb {
    box-sizing: border-box;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: 50%;
    left: 0;
    translate: -50% -50%;
    cursor: pointer;
    z-index: 1;
    touch-action: none;
}

.cg3-slider-thumb-circle,
.cg3-slider-thumb-circle-wrapper,
.cg3-slider-thumb-circle-background {
    width: 1rem;
    height: 1rem;
    top: 50%;
    left: 50%;
    translate: -50% -50%;
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    transition: width var(--cg3-transition-duration), height var(--cg3-transition-duration);
}

.cg3-slider-thumb-circle-wrapper {
    z-index: 2;
}
.cg3-slider-thumb-circle-background {
    z-index: 1;
    background-color: var(--cg3-color-monochrome-white);
}

.cg3-slider-thumb-circle {
    border: calc(var(--cg3-border-width) / 2) solid var(--cg3-color-gray-375);
    box-shadow: var(--cg3-box-shadow-raised);
    background-color: var(--cg3-color-monochrome-white);
    box-sizing: border-box;
    z-index: 3;
}

.cg3-slider-thumb:hover:not([aria-disabled='true']) .cg3-slider-thumb-circle,
.cg3-slider-thumb:focus:not([aria-disabled='true']) .cg3-slider-thumb-circle,
.cg3-slider-thumb:hover:not([aria-disabled='true']) .cg3-slider-thumb-circle-wrapper,
.cg3-slider-thumb:focus:not([aria-disabled='true']) .cg3-slider-thumb-circle-wrapper {
    width: 1.5rem;
    height: 1.5rem;
}

/** triple selector is used to increase specificity */
.cg3-slider-thumb.cg3-slider-thumb.cg3-slider-thumb:focus:focus {
    outline: none;
    z-index: 2;
}

.cg3-slider-thumb:focus .cg3-slider-thumb-circle-wrapper {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-slider-thumb[aria-disabled='true'] {
    cursor: default;
}

.cg3-slider-thumb[aria-disabled='true'] .cg3-slider-thumb-circle {
    box-shadow: none;
    opacity: var(--cg3-disabled-opacity);
}


.cg3-slider-track {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 1.5rem;
    translate: 0 -50%;
}

.cg3-slider-track-area {
    position: absolute;
    left: -0.75rem;
    right: -0.75rem;
    height: 100%;
}

.cg3-slider-track-interactive .cg3-slider-track-area {
    cursor: pointer;
}

.cg3-slider-track-background,
.cg3-slider-track-range {
    border-radius: var(--cg3-border-radius);
    position: absolute;
    top: 50%;
    height: 0.25rem;
    pointer-events: none;
    translate: 0 -50%;
}

.cg3-slider-track-background {
    background: var(--cg3-color-gray-375);
    width: 100%;
}

.cg3-slider-track-range {
    background: var(--cg3-color-blue-500);
    width: 0;
}

.cg3-slider-track-disabled {
    opacity: var(--cg3-disabled-opacity);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

:root {
    --cg3-color-slot-instance-background: rgba(229, 32, 46, 0.04);
    --cg3-slot-instance-border: var(--cg3-border-width-half) dashed #ac1823;
    --cg3-color-slot-instance-text: #ac1823;
}

.cg3-host-slot-instance {
    display: block;
    width: 100%;
    height: 100%;
}
.cg3-slot-instance {
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--cg3-spacing-half);
    background: var(--cg3-color-slot-instance-background);
    border: var(--cg3-slot-instance-border);
    color: var(--cg3-color-slot-instance-text);
    height: var(--cg3-spacing-double);
    width: 100%;
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-2);
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-dropdown-list {
    width: 100%;
    margin: 0;
    padding: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-list-group.cg3-dropdown-list-group {
    padding: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.cg3-dropdown-list-item.cg3-dropdown-list-item:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field {
    width: 100%;
    position: relative;
    z-index: 0;
}

.cg3-dropdown-item-field-focus-mask {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    pointer-events: none;
    border: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-host-dropdown-item-field {
    display: block;
    width: 100%;
    position: relative;
}

.cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
    width: 100%;
    border: none;
    background: transparent;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    gap: var(--cg3-spacing-half);
    cursor: pointer;
    font: inherit;
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field .cg3-icon {
    display: flex;
    font-size: var(--cg3-font-size-2);
}

@media (min-width: 1024px) {
    .cg3-dropdown-item-field > *:not([class|='cg3-host']):first-child,
    .cg3-dropdown-item-field > [class|='cg3-host'] > *:first-child {
        padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 15);
    }
}

.cg3-dropdown-item-field.cg3-dropdown-item-field > *:first-child:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-field > *:first-child:hover {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-hover);
    text-decoration: none;
}

.cg3-dropdown-item-field > *:first-child:active,
.cg3-dropdown-item-field > *:first-child[aria-pressed='true']:not(:hover) {
    color: var(--cg3-color-text-primary);
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-field > *:first-child[aria-current='page']:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-field > a:first-child:hover {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:active {
    text-decoration: underline;
}

.cg3-dropdown-item-field > a:first-child:focus-visible,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > a:first-child:focus-visible {
    text-decoration: underline;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:not([class|='cg3-host']):first-child,
.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > [class|='cg3-host'] > *:first-child {
    opacity: var(--cg3-disabled-opacity);
    cursor: not-allowed;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:hover {
    background: transparent;
    color: inherit;
    text-decoration: none;
}

.cg3-dropdown-item-field-disabled.cg3-dropdown-item-field-disabled > *:first-child:active {
    background: initial;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox {
    display: flex;
    width: 100%;
    gap: inherit;
}

.cg3-dropdown-item-checkbox-label {
    z-index: 1;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox'] {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    height: 0;
    width: 0;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:focus:focus-visible {
    outline: none;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-checked {
    display: flex;
}

.cg3-dropdown-item-checkbox input[type='checkbox']:checked ~ .cg3-dropdown-item-checkbox-icon-unchecked {
    display: none;
}

.cg3-dropdown-item-checkbox-active-background {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}

/* item hovered*/
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected hovered */
.cg3-dropdown-item-checkbox:hover:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-hover);
}

/* item selected */
.cg3-dropdown-item-checkbox:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-selected-subtle);
}

/* item selected pressed */
.cg3-dropdown-item-checkbox:active:not(.cg3-dropdown-item-checkbox-checked-disabled)
    input[type='checkbox']:checked
    + .cg3-dropdown-item-checkbox-active-background {
    display: block;
    background: var(--cg3-interactive-color-bg-pressed);
}

.cg3-dropdown-item-checkbox-icon-checked {
    display: none;
    background: var(--cg3-interactive-color-bg-selected);
}

.cg3-dropdown-item-checkbox-icon-unchecked {
    display: flex;
    background: transparent;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

.cg3-dropdown-item-checkbox-icon-wrapper {
    z-index: 1;
    font-size: var(--cg3-font-size-0);
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing);
    height: var(--cg3-spacing);
    color: var(--cg3-color-icon-inverse);
}

.cg3-dropdown-item-checkbox-checked-disabled .cg3-dropdown-item-checkbox-icon-checked {
    background: var(--cg3-interactive-border-color-default);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-dropdown-item-with-submenu {
    width: 100%;
}

.cg3-host-dropdown-item-with-submenu {
    display: block;
    width: 100%;
}

.cg3-dropdown-item-with-submenu-button {
    position: relative;
}

.cg3-dropdown-item-with-submenu-button.cg3-dropdown-item-with-submenu-button-open:not(:hover) {
    background: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-dropdown-item-with-submenu-button-chevron {
    margin-left: auto;
}

.cg3-dropdown-item-with-submenu-area {
    display: flex;
    flex-direction: column;
    position: absolute;
    left: 100%;
    top: 0;
    max-height: 37.5rem;
    min-width: 12.5rem;

    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

.cg3-dropdown-item-with-submenu-wrapper-hidden {
    display: none;
}

.cg3-dropdown-item-with-submenu-content-area {
    z-index: 1;
    height: 100%;
    overflow-y: auto;
}

.cg3-dropdown-item-separator {
    background: var(--cg3-border-color);
    width: 100%;
    height: var(--cg3-border-width-half);
    margin: var(--cg3-spacing-half) 0;
}

.cg3-dropdown-category-title {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    display: flex;
    align-items: center;
    justify-content: left;
    letter-spacing: var(--cg3-spacing-unit);
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-0);
    font-weight: var(--cg3-font-weight-medium);
    line-height: var(--cg3-line-height-2);
    text-transform: uppercase;
}

.cg3-dropdown,
.cg3-dropdown *,
.cg3-dropdown *::before,
.cg3-dropdown *::after {
    box-sizing: border-box;
}

.cg3-dropdown {
    display: inline-block;
    height: 0;
    width: 0;
}

.cg3-dropdown-area {
    position: absolute;
    z-index: var(--cg3-z-index-dropdown);
    border-radius: var(--cg3-border-radius-half);
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background: var(--cg3-dropdown-color-bg);
    color: var(--cg3-color-text-primary);
    box-shadow: var(--cg3-box-shadow-overlay);
    display: flex;
    flex-direction: column;
    min-width: 12.5rem;
    max-height: 37.5rem;
}
.cg3-dropdown-area-hidden {
    display: none;
}

.cg3-dropdown-content-area {
    height: 100%;
    overflow-y: auto;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-responsive-list-container {
    display: flex;
    gap: var(--cg3-spacing);
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cg3-responsive-list-item-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.cg3-button-field-icon.cg3-responsive-list-more-button button:is([aria-expanded='true']) {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-tooltip {
    position: absolute;
    white-space: nowrap;
    background: var(--cg3-color-gray-750);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-0);
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing-half);
    display: inline-block;
    z-index: var(--cg3-z-index-tooltip);
    box-sizing: border-box;
    line-height: var(--cg3-line-height-2);
}

.cg3-tooltip::after,
.cg3-tooltip::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.cg3-tooltip-is-open {
    opacity: 1;
}

.cg3-tooltip-is-hidden-cg-unique {
    opacity: 0;
    display: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

/* indicator */

.cg3-tooltip-is-open.cg3-tooltip-indicator {
    max-height: 1.5rem;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator::after,
.cg3-tooltip-is-open.cg3-tooltip-indicator::before {
    border-width: calc(var(--cg3-border-width) * 3);
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom.cg3-tooltip-indicator::before {
    top: calc(var(--cg3-spacing-unit) * -11);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator::before {
    left: calc(var(--cg3-spacing-unit) * -11);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator::after {
    right: calc(var(--cg3-spacing-unit) * -11);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-top.cg3-tooltip-indicator::after {
    bottom: calc(var(--cg3-spacing-unit) * -11);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

/* description */

.cg3-tooltip-description {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    max-width: 14rem;
    white-space: normal;
}

.cg3-tooltip-description::after,
.cg3-tooltip-description::before {
    border-width: calc(var(--cg3-border-width) * 4.5);
}

.cg3-tooltip-position-bottom.cg3-tooltip-description::before {
    top: calc(var(--cg3-spacing-unit) * -17);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-right.cg3-tooltip-description::before {
    left: calc(var(--cg3-spacing-unit) * -17);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-left.cg3-tooltip-description::after {
    right: calc(var(--cg3-spacing-unit) * -17);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-top.cg3-tooltip-description::after {
    bottom: calc(var(--cg3-spacing-unit) * -17);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

/* animation*/

.cg3-tooltip-is-open.cg3-tooltip-position-right {
    transform: translateX(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator {
    transform: translateX(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left {
    transform: translateX(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator {
    transform: translateX(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-top {
    transform: translateY(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-top {
    transform: translateY(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom {
    transform: translateY(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    transform: translateY(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-opening;
}

.cg3-tooltip.cg3-is-closing {
    opacity: 0;
    visibility: visible;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

.cg3-is-closing.cg3-tooltip-position-right {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-right.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-left {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-left.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-closing;
}

@keyframes cg3-tooltip-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
}
@keyframes cg3-tooltip-left-closing {
    0% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(1rem);
    }
}
@keyframes cg3-tooltip-indicator-left-closing {
    0% {
        opacity: 1;
        transform: translateX(1rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
}
@keyframes cg3-tooltip-top-closing {
    0% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}
@keyframes cg3-tooltip-indicator-top-closing {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}

.cg3-spine-item {
    width: 100%;
}

.cg3-spine-item-wrapper {
    font-family: inherit;
    color: var(--cg3-color-gray-100);
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 3.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 var(--cg3-spacing);
    gap: var(--cg3-spacing);
    cursor: pointer;
    transition: background-color var(--cg3-transition-duration);
    background: none;
    border: none;
    text-decoration: none;
}

a.cg3-spine-item-wrapper:is(:hover, :active) {
    color: var(--cg3-color-text-inverse);
}

ul[role='tree'] {
    --itemPadding: 2.5rem;
}

ul[role='tree'] ul {
    --ulPadding: calc(var(--itemPadding) + 1rem);
}

ul[role='tree'] ul li {
    --itemPadding: calc(var(--ulPadding));
}

ul[role='tree'] ul :is(.cg3-spine-item, .cg3-spine-item-parent) .cg3-spine-item-wrapper {
    height: 2rem;
    padding-left: calc(var(--itemPadding));
}

ul[role='tree'] ul .cg3-spine-item .cg3-spine-item-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    left: 1.75rem;
    top: 0;
    width: var(--cg3-border-width);
    bottom: 0;
    background: var(--cg3-color-gray-375);
}

/* bar before item text */
ul[role='tree'] ul .cg3-spine-item .cg3-spine-item-wrapper[aria-selected='true']::before {
    background: var(--cg3-color-monochrome-white);
}

/* ancestor of selected item */
:is(.cg3-host-spine-item, .cg3-spine-item):has(+ ul .cg3-spine-item-wrapper[aria-selected='true'])
    .cg3-spine-item-wrapper.cg3-spine-item-wrapper {
    background: var(--cg3-color-gray-500);
    color: var(--cg3-color-text-inverse);
}

/* bar on the left from spine item text */
:is(.cg3-host-spine-item, .cg3-spine-item):has(+ ul .cg3-spine-item-wrapper[aria-selected='true'])
    .cg3-spine-item-wrapper.cg3-spine-item-wrapper::before {
    background: var(--cg3-color-monochrome-white);
}

.cg3-spine-item .cg3-spine-item-wrapper.cg3-spine-item-wrapper:focus:focus-visible {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus-inverse);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-spine-icon-underline {
    box-shadow: 0 1px 0 transparent;
}

.cg3-spine:not(.cg3-spine-expanded) a.cg3-spine-item-wrapper:focus:focus-visible .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-gray-100);
}

.cg3-spine-item a.cg3-spine-item-wrapper.cg3-spine-item-wrapper:focus:focus-visible {
    text-decoration: underline;
}

.cg3-spine-item .cg3-spine-item-wrapper.cg3-spine-item-wrapper:focus:focus-visible::before {
    top: var(--cg3-outline-width);
    bottom: var(--cg3-outline-width);
}

@media (hover: hover) {
    .cg3-spine-item-wrapper:hover {
        background: var(--cg3-color-gray-500);
        color: var(--cg3-color-text-inverse);
    }
}

@media (hover: hover) {
    a.cg3-spine-item-wrapper:hover {
        text-decoration: underline;
    }
}

.cg3-spine:not(.cg3-spine-expanded) a.cg3-spine-item-wrapper:hover .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-icon-inverse);
}

a.cg3-spine-item-wrapper:active {
    text-decoration: underline;
}

.cg3-spine-item-wrapper:active {
    background: var(--cg3-color-gray-625);
}

a.cg3-spine:not(.cg3-spine-expanded) .cg3-spine-item-wrapper:active .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-icon-inverse);
}

.cg3-spine-item-wrapper[aria-selected='true'] {
    color: var(--cg3-color-text-inverse);
    font-weight: var(--cg3-font-weight-medium);
}

a.cg3-spine-item-wrapper[aria-selected='true'] {
    background: var(--cg3-color-blue-500);
}

.cg3-spine:not(.cg3-spine-expanded)
    a.cg3-spine-item-wrapper[aria-selected='true']:focus:focus-visible
    .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-icon-inverse);
}

.cg3-spine-item-wrapper :is(.cg3-spine-item-icon, .cg3-spine-item-active-icon) {
    font-size: var(--cg3-font-size-6);
}

.cg3-responsive-list-item:not(:has(.cg3-spine-item-parent)):not(:has([aria-selected='true']))
    .cg3-spine-item-active-icon {
    display: none;
}

.cg3-spine-item:has([aria-selected='true']) .cg3-spine-item-icon {
    display: none;
}

.cg3-spine-item-parent:not(:has([aria-selected='true'])) .cg3-spine-item-active-icon {
    display: none;
}

.cg3-spine-expanded div.cg3-spine-item-wrapper .cg3-spine-item-active-icon {
    display: none;
}

.cg3-spine:not(:is(.cg3-spine-expanded)) .cg3-spine-item-parent:has([aria-selected='true']) .cg3-spine-item-icon {
    display: none;
}

.cg3-spine-item-expand-icon.cg3-icon {
    margin-left: auto;
    font-size: var(--cg3-font-size-2);
}

.cg3-spine-item [aria-expanded='false'] + * {
    display: none;
}

.cg3-spine-item-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.cg3-tooltip {
    position: absolute;
    white-space: nowrap;
    background: var(--cg3-color-gray-750);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-0);
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing-half);
    display: inline-block;
    z-index: var(--cg3-z-index-tooltip);
    box-sizing: border-box;
    line-height: var(--cg3-line-height-2);
}

.cg3-tooltip::after,
.cg3-tooltip::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.cg3-tooltip-is-open {
    opacity: 1;
}

.cg3-tooltip-is-hidden-cg-unique {
    opacity: 0;
    display: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

/* indicator */

.cg3-tooltip-is-open.cg3-tooltip-indicator {
    max-height: 1.5rem;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator::after,
.cg3-tooltip-is-open.cg3-tooltip-indicator::before {
    border-width: calc(var(--cg3-border-width) * 3);
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom.cg3-tooltip-indicator::before {
    top: calc(var(--cg3-spacing-unit) * -11);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator::before {
    left: calc(var(--cg3-spacing-unit) * -11);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator::after {
    right: calc(var(--cg3-spacing-unit) * -11);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-top.cg3-tooltip-indicator::after {
    bottom: calc(var(--cg3-spacing-unit) * -11);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

/* description */

.cg3-tooltip-description {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    max-width: 14rem;
    white-space: normal;
}

.cg3-tooltip-description::after,
.cg3-tooltip-description::before {
    border-width: calc(var(--cg3-border-width) * 4.5);
}

.cg3-tooltip-position-bottom.cg3-tooltip-description::before {
    top: calc(var(--cg3-spacing-unit) * -17);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-right.cg3-tooltip-description::before {
    left: calc(var(--cg3-spacing-unit) * -17);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-left.cg3-tooltip-description::after {
    right: calc(var(--cg3-spacing-unit) * -17);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-top.cg3-tooltip-description::after {
    bottom: calc(var(--cg3-spacing-unit) * -17);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

/* animation*/

.cg3-tooltip-is-open.cg3-tooltip-position-right {
    transform: translateX(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator {
    transform: translateX(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left {
    transform: translateX(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator {
    transform: translateX(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-top {
    transform: translateY(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-top {
    transform: translateY(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom {
    transform: translateY(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    transform: translateY(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-opening;
}

.cg3-tooltip.cg3-is-closing {
    opacity: 0;
    visibility: visible;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

.cg3-is-closing.cg3-tooltip-position-right {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-right.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-left {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-left.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-closing;
}

@keyframes cg3-tooltip-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
}
@keyframes cg3-tooltip-left-closing {
    0% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(1rem);
    }
}
@keyframes cg3-tooltip-indicator-left-closing {
    0% {
        opacity: 1;
        transform: translateX(1rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
}
@keyframes cg3-tooltip-top-closing {
    0% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}
@keyframes cg3-tooltip-indicator-top-closing {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}

.cg3-spine-item-parent {
    width: 100%;
}

.cg3-spine-item-parent[role='treeitem'][tabindex]:focus:focus-visible {
    outline: none;
}

.cg3-spine-item-parent:focus:focus-visible > :first-child .cg3-spine-item-wrapper {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus-inverse);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-spine-item-parent:focus:focus-visible > :first-child a.cg3-spine-item-wrapper {
    text-decoration: underline;
}

.cg3-spine-item-parent:focus:focus-visible > :first-child .cg3-spine-item-wrapper::before {
    top: var(--cg3-outline-width);
    bottom: var(--cg3-outline-width);
}

:is(.cg3-spine:not(.cg3-spine-expanded), .cg3-spine-item-parent[aria-expanded='false']) .cg3-spine-item-parent-subtree,
.cg3-spine-item-parent [aria-expanded='false'] + * {
    display: none;
}

/* spine item subtree */

.cg3-spine-item-parent-subtree {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: var(--cg3-spacing-half);
}

.cg3-spine-item-parent-subtree .cg3-spine-item-parent-subtree {
    padding-top: 0;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-spine-toggle .cg3-spine-toggle-button button:is([type='button'], [type='button']:focus) {
    color: var(--cg3-color-gray-100);
}

.cg3-spine-toggle .cg3-spine-toggle-button button:is([type='button']:active, [type='button']:hover) {
    color: var(--cg3-color-icon-inverse);
}

.cg3-spine-toggle
    .cg3-spine-toggle-button
    button[type='button']:is(:hover, :active):not(:disabled, [aria-disabled='true']) {
    background: transparent;
}

.cg3-spine-toggle .cg3-spine-toggle-button:has(button[type='button']:focus:focus-visible) {
    outline-color: var(--cg3-interactive-border-color-focus-inverse);
}

.cg3-tooltip {
    position: absolute;
    white-space: nowrap;
    background: var(--cg3-color-gray-750);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-0);
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing-half);
    display: inline-block;
    z-index: var(--cg3-z-index-tooltip);
    box-sizing: border-box;
    line-height: var(--cg3-line-height-2);
}

.cg3-tooltip::after,
.cg3-tooltip::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.cg3-tooltip-is-open {
    opacity: 1;
}

.cg3-tooltip-is-hidden-cg-unique {
    opacity: 0;
    display: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

/* indicator */

.cg3-tooltip-is-open.cg3-tooltip-indicator {
    max-height: 1.5rem;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator::after,
.cg3-tooltip-is-open.cg3-tooltip-indicator::before {
    border-width: calc(var(--cg3-border-width) * 3);
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom.cg3-tooltip-indicator::before {
    top: calc(var(--cg3-spacing-unit) * -11);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator::before {
    left: calc(var(--cg3-spacing-unit) * -11);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator::after {
    right: calc(var(--cg3-spacing-unit) * -11);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-top.cg3-tooltip-indicator::after {
    bottom: calc(var(--cg3-spacing-unit) * -11);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

/* description */

.cg3-tooltip-description {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    max-width: 14rem;
    white-space: normal;
}

.cg3-tooltip-description::after,
.cg3-tooltip-description::before {
    border-width: calc(var(--cg3-border-width) * 4.5);
}

.cg3-tooltip-position-bottom.cg3-tooltip-description::before {
    top: calc(var(--cg3-spacing-unit) * -17);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-right.cg3-tooltip-description::before {
    left: calc(var(--cg3-spacing-unit) * -17);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-left.cg3-tooltip-description::after {
    right: calc(var(--cg3-spacing-unit) * -17);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-top.cg3-tooltip-description::after {
    bottom: calc(var(--cg3-spacing-unit) * -17);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

/* animation*/

.cg3-tooltip-is-open.cg3-tooltip-position-right {
    transform: translateX(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator {
    transform: translateX(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left {
    transform: translateX(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator {
    transform: translateX(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-top {
    transform: translateY(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-top {
    transform: translateY(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom {
    transform: translateY(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    transform: translateY(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-opening;
}

.cg3-tooltip.cg3-is-closing {
    opacity: 0;
    visibility: visible;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

.cg3-is-closing.cg3-tooltip-position-right {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-right.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-left {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-left.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-closing;
}

@keyframes cg3-tooltip-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
}
@keyframes cg3-tooltip-left-closing {
    0% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(1rem);
    }
}
@keyframes cg3-tooltip-indicator-left-closing {
    0% {
        opacity: 1;
        transform: translateX(1rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
}
@keyframes cg3-tooltip-top-closing {
    0% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}
@keyframes cg3-tooltip-indicator-top-closing {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}

.cg3-spine {
    box-sizing: border-box;
    background: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    min-width: 3.5rem;
    width: 3.5rem;
    height: 100%;
    font-size: var(--cg3-font-size-1);
    transition: width var(--cg3-transition-duration), min-width var(--cg3-transition-duration);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cg3-spine-expanded {
    min-width: 17rem;
    width: 17rem;
}

.cg3-spine-list.cg3-spine-list {
    height: 100%;
    overflow: hidden;
}

.cg3-spine-list.cg3-spine-list > ul {
    flex-direction: column;
    flex-wrap: nowrap;
    gap: var(--cg3-spacing-half);
}

.cg3-spine-expanded .cg3-spine-list {
    overflow-x: hidden;
    overflow-y: auto;
}

.cg3-spine-expanded .cg3-spine-list > ul {
    width: 17rem;
}

.cg3-spine-list > ul > li:first-child {
    margin-top: var(--cg3-spacing);
}

.cg3-spine-expanded .cg3-spine-list.cg3-spine-list > ul > li {
    width: 100%;
}

/* spine more button */

.cg3-spine .cg3-spine-more-button.cg3-spine-more-button {
    margin-bottom: var(--cg3-spacing);
}

.cg3-spine .cg3-spine-more-button.cg3-spine-more-button button[type='button'] {
    color: var(--cg3-color-gray-100);
    height: 3.5rem;
    padding: var(--cg3-spacing);
    transition: background-color var(--cg3-transition-duration);
    background: none;
    border: none;
    text-decoration: none;
}

.cg3-spine .cg3-spine-more-button.cg3-spine-more-button button[type='button']:is(:active, :hover) {
    color: var(--cg3-color-icon-inverse);
}

.cg3-spine .cg3-spine-more-button.cg3-spine-more-button button[type='button'].cg3-spine-more-button-active {
    color: var(--cg3-color-icon-inverse);
    font-weight: var(--cg3-font-weight-medium);
    background: var(--cg3-color-blue-500);
}

.cg3-spine .cg3-spine-more-button:has(button[type='button']:focus:focus-visible),
.cg3-spine .cg3-spine-more-button button[type='button']:focus:focus-visible {
    outline-color: var(--cg3-interactive-border-color-focus-inverse);
    color: var(--cg3-color-gray-100);
}

.cg3-spine .cg3-spine-more-button button[type='button'].cg3-spine-more-button-active:focus:focus-visible {
    color: var(--cg3-color-icon-inverse);
}

@media (hover: hover) {
    .cg3-spine
        .cg3-spine-more-button.cg3-spine-more-button
        button[type='button']:not(.cg3-spine-more-button-active):hover {
        background: var(--cg3-color-gray-500);
    }
}

.cg3-spine .cg3-spine-more-button.cg3-spine-more-button button[type='button']:active {
    background: var(--cg3-color-gray-625);
}

.cg3-spine .cg3-spine-more-button.cg3-spine-more-button button[type='button'][aria-selected='true'] {
    background: var(--cg3-color-blue-500);
}

.cg3-spine .cg3-spine-more-button .cg3-spine-more-button-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-spine-expanded li:has(.cg3-spine-more-button) {
    display: none;
}

/* spine footer - contains toggle button */

.cg3-spine-footer {
    box-sizing: border-box;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    align-self: flex-end;
    padding: calc(var(--cg3-spacing-unit) * 6);
    width: 100%;
}

.cg3-spine-expanded.cg3-spine-scrollable .cg3-spine-footer {
    background: var(--cg3-color-gray-625);
}

/* level 0 parent item with selected child, if spine collapsed */

.cg3-spine:not(.cg3-spine-expanded)
    :is(.cg3-host-spine-item, .cg3-spine-item):has(+ ul .cg3-spine-item-wrapper[aria-selected='true'])
    .cg3-spine-item-wrapper {
    background: var(--cg3-color-blue-500);
}




.cg3-tooltip {
    position: absolute;
    white-space: nowrap;
    background: var(--cg3-color-gray-750);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-0);
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing-half);
    display: inline-block;
    z-index: var(--cg3-z-index-tooltip);
    box-sizing: border-box;
    line-height: var(--cg3-line-height-2);
}

.cg3-tooltip::after,
.cg3-tooltip::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.cg3-tooltip-is-open {
    opacity: 1;
}

.cg3-tooltip-is-hidden-cg-unique {
    opacity: 0;
    display: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

/* indicator */

.cg3-tooltip-is-open.cg3-tooltip-indicator {
    max-height: 1.5rem;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator::after,
.cg3-tooltip-is-open.cg3-tooltip-indicator::before {
    border-width: calc(var(--cg3-border-width) * 3);
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom.cg3-tooltip-indicator::before {
    top: calc(var(--cg3-spacing-unit) * -11);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator::before {
    left: calc(var(--cg3-spacing-unit) * -11);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator::after {
    right: calc(var(--cg3-spacing-unit) * -11);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-top.cg3-tooltip-indicator::after {
    bottom: calc(var(--cg3-spacing-unit) * -11);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

/* description */

.cg3-tooltip-description {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    max-width: 14rem;
    white-space: normal;
}

.cg3-tooltip-description::after,
.cg3-tooltip-description::before {
    border-width: calc(var(--cg3-border-width) * 4.5);
}

.cg3-tooltip-position-bottom.cg3-tooltip-description::before {
    top: calc(var(--cg3-spacing-unit) * -17);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-right.cg3-tooltip-description::before {
    left: calc(var(--cg3-spacing-unit) * -17);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-left.cg3-tooltip-description::after {
    right: calc(var(--cg3-spacing-unit) * -17);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-top.cg3-tooltip-description::after {
    bottom: calc(var(--cg3-spacing-unit) * -17);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

/* animation*/

.cg3-tooltip-is-open.cg3-tooltip-position-right {
    transform: translateX(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator {
    transform: translateX(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left {
    transform: translateX(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator {
    transform: translateX(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-top {
    transform: translateY(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-top {
    transform: translateY(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom {
    transform: translateY(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    transform: translateY(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-opening;
}

.cg3-tooltip.cg3-is-closing {
    opacity: 0;
    visibility: visible;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

.cg3-is-closing.cg3-tooltip-position-right {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-right.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-left {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-left.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-closing;
}

@keyframes cg3-tooltip-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
}
@keyframes cg3-tooltip-left-closing {
    0% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(1rem);
    }
}
@keyframes cg3-tooltip-indicator-left-closing {
    0% {
        opacity: 1;
        transform: translateX(1rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
}
@keyframes cg3-tooltip-top-closing {
    0% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}
@keyframes cg3-tooltip-indicator-top-closing {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}

.cg3-spine-item {
    width: 100%;
}

.cg3-spine-item-wrapper {
    font-family: inherit;
    color: var(--cg3-color-gray-100);
    position: relative;
    box-sizing: border-box;
    width: 100%;
    height: 3.5rem;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    padding: 0 var(--cg3-spacing);
    gap: var(--cg3-spacing);
    cursor: pointer;
    transition: background-color var(--cg3-transition-duration);
    background: none;
    border: none;
    text-decoration: none;
}

a.cg3-spine-item-wrapper:is(:hover, :active) {
    color: var(--cg3-color-text-inverse);
}

ul[role='tree'] {
    --itemPadding: 2.5rem;
}

ul[role='tree'] ul {
    --ulPadding: calc(var(--itemPadding) + 1rem);
}

ul[role='tree'] ul li {
    --itemPadding: calc(var(--ulPadding));
}

ul[role='tree'] ul :is(.cg3-spine-item, .cg3-spine-item-parent) .cg3-spine-item-wrapper {
    height: 2rem;
    padding-left: calc(var(--itemPadding));
}

ul[role='tree'] ul .cg3-spine-item .cg3-spine-item-wrapper::before {
    content: '';
    display: block;
    position: absolute;
    left: 1.75rem;
    top: 0;
    width: var(--cg3-border-width);
    bottom: 0;
    background: var(--cg3-color-gray-375);
}

/* bar before item text */
ul[role='tree'] ul .cg3-spine-item .cg3-spine-item-wrapper[aria-selected='true']::before {
    background: var(--cg3-color-monochrome-white);
}

/* ancestor of selected item */
:is(.cg3-host-spine-item, .cg3-spine-item):has(+ ul .cg3-spine-item-wrapper[aria-selected='true'])
    .cg3-spine-item-wrapper.cg3-spine-item-wrapper {
    background: var(--cg3-color-gray-500);
    color: var(--cg3-color-text-inverse);
}

/* bar on the left from spine item text */
:is(.cg3-host-spine-item, .cg3-spine-item):has(+ ul .cg3-spine-item-wrapper[aria-selected='true'])
    .cg3-spine-item-wrapper.cg3-spine-item-wrapper::before {
    background: var(--cg3-color-monochrome-white);
}

.cg3-spine-item .cg3-spine-item-wrapper.cg3-spine-item-wrapper:focus:focus-visible {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus-inverse);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-spine-icon-underline {
    box-shadow: 0 1px 0 transparent;
}

.cg3-spine:not(.cg3-spine-expanded) a.cg3-spine-item-wrapper:focus:focus-visible .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-gray-100);
}

.cg3-spine-item a.cg3-spine-item-wrapper.cg3-spine-item-wrapper:focus:focus-visible {
    text-decoration: underline;
}

.cg3-spine-item .cg3-spine-item-wrapper.cg3-spine-item-wrapper:focus:focus-visible::before {
    top: var(--cg3-outline-width);
    bottom: var(--cg3-outline-width);
}

@media (hover: hover) {
    .cg3-spine-item-wrapper:hover {
        background: var(--cg3-color-gray-500);
        color: var(--cg3-color-text-inverse);
    }
}

@media (hover: hover) {
    a.cg3-spine-item-wrapper:hover {
        text-decoration: underline;
    }
}

.cg3-spine:not(.cg3-spine-expanded) a.cg3-spine-item-wrapper:hover .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-icon-inverse);
}

a.cg3-spine-item-wrapper:active {
    text-decoration: underline;
}

.cg3-spine-item-wrapper:active {
    background: var(--cg3-color-gray-625);
}

a.cg3-spine:not(.cg3-spine-expanded) .cg3-spine-item-wrapper:active .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-icon-inverse);
}

.cg3-spine-item-wrapper[aria-selected='true'] {
    color: var(--cg3-color-text-inverse);
    font-weight: var(--cg3-font-weight-medium);
}

a.cg3-spine-item-wrapper[aria-selected='true'] {
    background: var(--cg3-color-blue-500);
}

.cg3-spine:not(.cg3-spine-expanded)
    a.cg3-spine-item-wrapper[aria-selected='true']:focus:focus-visible
    .cg3-spine-icon-underline {
    box-shadow: 0 1px 0 var(--cg3-color-icon-inverse);
}

.cg3-spine-item-wrapper :is(.cg3-spine-item-icon, .cg3-spine-item-active-icon) {
    font-size: var(--cg3-font-size-6);
}

.cg3-responsive-list-item:not(:has(.cg3-spine-item-parent)):not(:has([aria-selected='true']))
    .cg3-spine-item-active-icon {
    display: none;
}

.cg3-spine-item:has([aria-selected='true']) .cg3-spine-item-icon {
    display: none;
}

.cg3-spine-item-parent:not(:has([aria-selected='true'])) .cg3-spine-item-active-icon {
    display: none;
}

.cg3-spine-expanded div.cg3-spine-item-wrapper .cg3-spine-item-active-icon {
    display: none;
}

.cg3-spine:not(:is(.cg3-spine-expanded)) .cg3-spine-item-parent:has([aria-selected='true']) .cg3-spine-item-icon {
    display: none;
}

.cg3-spine-item-expand-icon.cg3-icon {
    margin-left: auto;
    font-size: var(--cg3-font-size-2);
}

.cg3-spine-item [aria-expanded='false'] + * {
    display: none;
}

.cg3-spine-item-label {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


.cg3-tooltip {
    position: absolute;
    white-space: nowrap;
    background: var(--cg3-color-gray-750);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-0);
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing-half);
    display: inline-block;
    z-index: var(--cg3-z-index-tooltip);
    box-sizing: border-box;
    line-height: var(--cg3-line-height-2);
}

.cg3-tooltip::after,
.cg3-tooltip::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.cg3-tooltip-is-open {
    opacity: 1;
}

.cg3-tooltip-is-hidden-cg-unique {
    opacity: 0;
    display: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

/* indicator */

.cg3-tooltip-is-open.cg3-tooltip-indicator {
    max-height: 1.5rem;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator::after,
.cg3-tooltip-is-open.cg3-tooltip-indicator::before {
    border-width: calc(var(--cg3-border-width) * 3);
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom.cg3-tooltip-indicator::before {
    top: calc(var(--cg3-spacing-unit) * -11);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator::before {
    left: calc(var(--cg3-spacing-unit) * -11);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator::after {
    right: calc(var(--cg3-spacing-unit) * -11);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-top.cg3-tooltip-indicator::after {
    bottom: calc(var(--cg3-spacing-unit) * -11);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

/* description */

.cg3-tooltip-description {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    max-width: 14rem;
    white-space: normal;
}

.cg3-tooltip-description::after,
.cg3-tooltip-description::before {
    border-width: calc(var(--cg3-border-width) * 4.5);
}

.cg3-tooltip-position-bottom.cg3-tooltip-description::before {
    top: calc(var(--cg3-spacing-unit) * -17);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-right.cg3-tooltip-description::before {
    left: calc(var(--cg3-spacing-unit) * -17);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-left.cg3-tooltip-description::after {
    right: calc(var(--cg3-spacing-unit) * -17);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-top.cg3-tooltip-description::after {
    bottom: calc(var(--cg3-spacing-unit) * -17);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

/* animation*/

.cg3-tooltip-is-open.cg3-tooltip-position-right {
    transform: translateX(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator {
    transform: translateX(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left {
    transform: translateX(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator {
    transform: translateX(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-top {
    transform: translateY(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-top {
    transform: translateY(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom {
    transform: translateY(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    transform: translateY(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-opening;
}

.cg3-tooltip.cg3-is-closing {
    opacity: 0;
    visibility: visible;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

.cg3-is-closing.cg3-tooltip-position-right {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-right.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-left {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-left.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-closing;
}

@keyframes cg3-tooltip-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
}
@keyframes cg3-tooltip-left-closing {
    0% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(1rem);
    }
}
@keyframes cg3-tooltip-indicator-left-closing {
    0% {
        opacity: 1;
        transform: translateX(1rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
}
@keyframes cg3-tooltip-top-closing {
    0% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}
@keyframes cg3-tooltip-indicator-top-closing {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}

.cg3-spine-item-parent {
    width: 100%;
}

.cg3-spine-item-parent[role='treeitem'][tabindex]:focus:focus-visible {
    outline: none;
}

.cg3-spine-item-parent:focus:focus-visible > :first-child .cg3-spine-item-wrapper {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus-inverse);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-spine-item-parent:focus:focus-visible > :first-child a.cg3-spine-item-wrapper {
    text-decoration: underline;
}

.cg3-spine-item-parent:focus:focus-visible > :first-child .cg3-spine-item-wrapper::before {
    top: var(--cg3-outline-width);
    bottom: var(--cg3-outline-width);
}

:is(.cg3-spine:not(.cg3-spine-expanded), .cg3-spine-item-parent[aria-expanded='false']) .cg3-spine-item-parent-subtree,
.cg3-spine-item-parent [aria-expanded='false'] + * {
    display: none;
}

/* spine item subtree */

.cg3-spine-item-parent-subtree {
    margin: 0;
    padding: 0;
    list-style: none;
    padding-top: var(--cg3-spacing-half);
}

.cg3-spine-item-parent-subtree .cg3-spine-item-parent-subtree {
    padding-top: 0;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-spine-toggle .cg3-spine-toggle-button button:is([type='button'], [type='button']:focus) {
    color: var(--cg3-color-gray-100);
}

.cg3-spine-toggle .cg3-spine-toggle-button button:is([type='button']:active, [type='button']:hover) {
    color: var(--cg3-color-icon-inverse);
}

.cg3-spine-toggle
    .cg3-spine-toggle-button
    button[type='button']:is(:hover, :active):not(:disabled, [aria-disabled='true']) {
    background: transparent;
}

.cg3-spine-toggle .cg3-spine-toggle-button:has(button[type='button']:focus:focus-visible) {
    outline-color: var(--cg3-interactive-border-color-focus-inverse);
}


.cg3-splitpane-panel {
    min-height: 100%;
    position: relative;
    width: 0;
    background: var(--cg3-color-bg);
}

.cg3-splitpane-panel-transition {
    transition: width 300ms linear;
    overflow: hidden;
}

.cg3-splitpane-panel-resizable {
    flex: 0 0 auto;
}

.cg3-splitpane-panel-resizable-closed {
    flex: 0 0 auto;
    width: calc(var(--cg3-spacing-double) * 2);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-splitpane-separator {
    display: flex;
}
.cg3-splitpane-separator {
    margin: 0 var(--cg3-spacing);
    position: relative;
    color: inherit;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing-half);
    cursor: ew-resize;
    box-sizing: border-box;
    border-left: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-right: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}
.cg3-splitpane-separator[tabindex='-1'] {
    width: 1px;
    border: none;
    background: var(--cg3-border-color);
    cursor: default;
}
.cg3-splitpane-separator[tabindex='-1'] .cg3-splitpane-separator-bar {
    display: none;
}
.cg3-splitpane-separator:hover {
    background: var(--cg3-color-gray-100);
    border-color: transparent;
}
/* double :focus is used here to increase specificity */
.cg3-splitpane-separator:not([tabindex='-1']):focus:focus:focus-visible {
    outline: none;
    background: var(--cg3-color-gray-100);
    border-color: transparent;
}
.cg3-splitpane-separator:focus-visible .cg3-splitpane-separator-icon {
    display: flex;
}
.cg3-splitpane-separator:not([tabindex='-1']):active {
    background: var(--cg3-color-monochrome-white);
    border-color: var(--cg3-interactive-border-color-default);
}
.cg3-splitpane-separator:hover .cg3-splitpane-separator-bar {
    background: var(--cg3-interactive-border-color-default);
}
.cg3-splitpane-separator:active .cg3-splitpane-separator-bar {
    background: var(--cg3-interactive-border-color-selected);
}
.cg3-splitpane-separator:focus:focus-visible .cg3-splitpane-separator-bar {
    background: var(--cg3-interactive-border-color-focus);
    width: var(--cg3-border-width);
}
.cg3-splitpane-separator-bar {
    display: block;
    height: 100%;
    width: var(--cg3-border-width);
}
.cg3-splitpane-separator-icon {
    display: none;
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: calc(50% - 1rem);
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--cg3-font-size-2);
    border: var(--cg3-border-width) solid var(--cg3-color-monochrome-black);
    box-shadow: var(--cg3-box-shadow-flat);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-icon-inverse);
}

.cg3-splitpane {
    display: flex;
    flex: 1;
    position: relative;
    height: 100%;
}


.cg3-splitpane-panel {
    min-height: 100%;
    position: relative;
    width: 0;
    background: var(--cg3-color-bg);
}

.cg3-splitpane-panel-transition {
    transition: width 300ms linear;
    overflow: hidden;
}

.cg3-splitpane-panel-resizable {
    flex: 0 0 auto;
}

.cg3-splitpane-panel-resizable-closed {
    flex: 0 0 auto;
    width: calc(var(--cg3-spacing-double) * 2);
}


.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-host-splitpane-separator {
    display: flex;
}
.cg3-splitpane-separator {
    margin: 0 var(--cg3-spacing);
    position: relative;
    color: inherit;
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: var(--cg3-spacing-half);
    cursor: ew-resize;
    box-sizing: border-box;
    border-left: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    border-right: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}
.cg3-splitpane-separator[tabindex='-1'] {
    width: 1px;
    border: none;
    background: var(--cg3-border-color);
    cursor: default;
}
.cg3-splitpane-separator[tabindex='-1'] .cg3-splitpane-separator-bar {
    display: none;
}
.cg3-splitpane-separator:hover {
    background: var(--cg3-color-gray-100);
    border-color: transparent;
}
/* double :focus is used here to increase specificity */
.cg3-splitpane-separator:not([tabindex='-1']):focus:focus:focus-visible {
    outline: none;
    background: var(--cg3-color-gray-100);
    border-color: transparent;
}
.cg3-splitpane-separator:focus-visible .cg3-splitpane-separator-icon {
    display: flex;
}
.cg3-splitpane-separator:not([tabindex='-1']):active {
    background: var(--cg3-color-monochrome-white);
    border-color: var(--cg3-interactive-border-color-default);
}
.cg3-splitpane-separator:hover .cg3-splitpane-separator-bar {
    background: var(--cg3-interactive-border-color-default);
}
.cg3-splitpane-separator:active .cg3-splitpane-separator-bar {
    background: var(--cg3-interactive-border-color-selected);
}
.cg3-splitpane-separator:focus:focus-visible .cg3-splitpane-separator-bar {
    background: var(--cg3-interactive-border-color-focus);
    width: var(--cg3-border-width);
}
.cg3-splitpane-separator-bar {
    display: block;
    height: 100%;
    width: var(--cg3-border-width);
}
.cg3-splitpane-separator-icon {
    display: none;
    height: 2rem;
    width: 2rem;
    position: absolute;
    top: calc(50% - 1rem);
    left: 50%;
    transform: translateX(-50%);
    font-size: var(--cg3-font-size-2);
    border: var(--cg3-border-width) solid var(--cg3-color-monochrome-black);
    box-shadow: var(--cg3-box-shadow-flat);
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-icon-inverse);
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}


.cg3-tabs-line {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.cg3-tabs-line-hover,
.cg3-tabs-line-active {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: var(--cg3-border-width);
    margin-top: calc(var(--cg3-border-width) * -1);
    transition: left var(--cg3-transition-duration), width var(--cg3-transition-duration);
}

.cg3-tabs-line-hover {
    background: var(--cg3-color-text-primary);
    visibility: visible;
}

.cg3-tabs-line-active {
    background: var(--cg3-interactive-border-color-selected);
}

.cg3-tabs-item-field {
    padding: 0 var(--cg3-spacing);
}

:not(.cg3-host-tabs-item-field) > .cg3-tabs-item-field:first-of-type,
.cg3-host-tabs-item-field:first-of-type > .cg3-tabs-item-field {
    padding-left: 0;
}
:not(.cg3-host-tabs-item-field) > .cg3-tabs-item-field:nth-last-of-type(2),
.cg3-host-tabs-item-field:last-of-type > .cg3-tabs-item-field {
    padding-right: 0;
}

.cg3-tabs-item-field > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: var(--cg3-spacing-half);
    box-sizing: border-box;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    font-family: inherit;
    /* 16px/14px = 1.1429 */
    line-height: 1.1429;
    text-decoration: none;
    padding: var(--cg3-spacing-seven-of-eighths) 0;
    border: 0;
    background: none;
    height: 100%;
    min-width: 1.5rem;
    cursor: pointer;
    white-space: nowrap;
}

.cg3-tabs-item-field > button[aria-selected='true'] {
    color: var(--cg3-interactive-color-text-selected);
    cursor: default;
    position: relative;
}

.cg3-tabs-item-field > button:is(:disabled, [aria-disabled='true']) {
    color: var(--cg3-color-gray-250);
    cursor: default;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-tabs {
    flex: 1;
    position: relative; /* for tabs-line positioning */
}

.cg3-tabs-list {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
}

.cg3-tabs:not(.cg3-tabs-borderless)::before {
    content: '';
    position: absolute;
    height: 0;
    width: 100%;
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    bottom: 0;
    left: 0;
}

.cg3-tabs-item-field:has(button[aria-selected='true']:focus:focus-visible) ~ :has(.cg3-tabs-line-active),
.cg3-host-tabs-item-field:has(button[aria-selected='true']:focus:focus-visible) ~ :has(.cg3-tabs-line-active) {
    visibility: hidden;
}


.cg3-tabs-item-field {
    padding: 0 var(--cg3-spacing);
}

:not(.cg3-host-tabs-item-field) > .cg3-tabs-item-field:first-of-type,
.cg3-host-tabs-item-field:first-of-type > .cg3-tabs-item-field {
    padding-left: 0;
}
:not(.cg3-host-tabs-item-field) > .cg3-tabs-item-field:nth-last-of-type(2),
.cg3-host-tabs-item-field:last-of-type > .cg3-tabs-item-field {
    padding-right: 0;
}

.cg3-tabs-item-field > button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    gap: var(--cg3-spacing-half);
    box-sizing: border-box;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-1);
    font-family: inherit;
    /* 16px/14px = 1.1429 */
    line-height: 1.1429;
    text-decoration: none;
    padding: var(--cg3-spacing-seven-of-eighths) 0;
    border: 0;
    background: none;
    height: 100%;
    min-width: 1.5rem;
    cursor: pointer;
    white-space: nowrap;
}

.cg3-tabs-item-field > button[aria-selected='true'] {
    color: var(--cg3-interactive-color-text-selected);
    cursor: default;
    position: relative;
}

.cg3-tabs-item-field > button:is(:disabled, [aria-disabled='true']) {
    color: var(--cg3-color-gray-250);
    cursor: default;
}


.cg3-tabs-line {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.cg3-tabs-line-hover,
.cg3-tabs-line-active {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: var(--cg3-border-width);
    margin-top: calc(var(--cg3-border-width) * -1);
    transition: left var(--cg3-transition-duration), width var(--cg3-transition-duration);
}

.cg3-tabs-line-hover {
    background: var(--cg3-color-text-primary);
    visibility: visible;
}

.cg3-tabs-line-active {
    background: var(--cg3-interactive-border-color-selected);
}


.cg3-tag-group {
    display: flex;
    gap: var(--cg3-spacing-half);
}

.cg3-tag {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 var(--cg3-spacing-half);
    border-radius: 0.5rem;
    /* 0.6875rem is equal to 11px, but we don't have variable with this value */
    font-size: 0.6875rem;
    font-weight: var(--cg3-font-weight-medium);
    text-transform: uppercase;
    height: 1rem;
    /* 1.0625 is used, because the text seems to be vertically centered on both chrome and firefox with this value */
    line-height: calc(1rem * 1.0625);
    white-space: nowrap;
    letter-spacing: calc(var(--cg3-spacing-half) * 0.1);
}

/* TYPE: DARK */

.cg3-tag-dark.cg3-tag-info {
    background-color: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
}

.cg3-tag-dark.cg3-tag-danger {
    background-color: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
}

.cg3-tag-dark.cg3-tag-success {
    background-color: var(--cg3-color-green-500);
    color: var(--cg3-color-text-contrast);
}

.cg3-tag-dark.cg3-tag-warning {
    background-color: var(--cg3-color-orange-500);
    color: var(--cg3-color-text-contrast);
}

.cg3-tag-dark.cg3-tag-strong {
    background-color: var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
}

/* TYPE: LIGHT */

.cg3-tag-light.cg3-tag-info {
    background-color: var(--cg3-color-blue-175);
    color: var(--cg3-color-text-contrast);
}

.cg3-tag-light.cg3-tag-danger {
    background-color: var(--cg3-color-red-175);
    color: var(--cg3-color-text-contrast);
}

.cg3-tag-light.cg3-tag-success {
    background-color: var(--cg3-color-green-175);
    color: var(--cg3-color-text-contrast);
}

.cg3-tag-light.cg3-tag-warning {
    background-color: var(--cg3-color-orange-175);
    color: var(--cg3-color-text-contrast);
}

.cg3-tag-light.cg3-tag-strong {
    background-color: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-contrast);
}

/* TYPE: TEXT */

.cg3-tag-text.cg3-tag-info {
    color: var(--cg3-color-blue-625);
}

.cg3-tag-text.cg3-tag-danger {
    color: var(--cg3-color-text-error);
}

.cg3-tag-text.cg3-tag-success {
    color: var(--cg3-color-green-750);
}

.cg3-tag-text.cg3-tag-warning {
    /* warning color has too low contrast */
    color: inherit;
}

.cg3-tag-text.cg3-tag-strong {
    color: var(--cg3-color-text-primary);
}


.cg3-tag-group {
    display: flex;
    gap: var(--cg3-spacing-half);
}




.cg3-test-cg-content-all-red {
    background: red;
}

.cg3-test-cg-content-all-lime {
    background: lime;
}










.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-text-field .cg3-text-field-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-text-field :is(.cg3-text-field-description, .cg3-text-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-text-field:has(
        .cg3-text-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-text-field-description,
        .cg3-text-field-error
    )
    .cg3-text-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}


.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-textarea-field {
    width: 100%;
    display: flex;
}

.cg3-textarea-field textarea {
    height: 8.625rem;
    overflow-y: auto;
    resize: vertical;
    white-space: pre-wrap;
}

.cg3-textarea-field .cg3-textarea-field-header {
    margin-bottom: var(--cg3-spacing-quarter);
    height: 1rem;
}

.cg3-textarea-field :is(.cg3-textarea-field-description, .cg3-textarea-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-textarea:has(
        .cg3-textarea-header [flow-id='form-field-visible-label'] > *,
        .cg3-textarea-description,
        .cg3-textarea-error
    )
    .cg3-textarea-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}


.cg3-time-picker-panel-list {
    background: var(--cg3-dropdown-color-bg);
    display: flex;
}

.cg3-time-picker-panel-list-container {
    list-style: none;
    padding-inline-start: 0;
    margin: 0;
    height: 15rem;
    width: 3.75rem;
    overflow-x: hidden;
    overflow-y: hidden;
}

.cg3-time-picker-panel-list-container:hover {
    overflow-y: auto;
}

.cg3-time-picker-panel-list-item {
    box-sizing: border-box;
    width: 3.5rem;
    margin: calc(var(--cg3-spacing-unit) * 2);
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    cursor: default;
    user-select: none;
    text-align: center;
}

.cg3-time-picker-panel-list-item:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-time-picker-panel-list-item.cg3-item-selected:focus {
    box-shadow: none;
}

.cg3-item-selected {
    background-color: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-item-selected:hover {
    background-color: var(--cg3-color-blue-500);
}

.cg3-time-picker-panel {
    background: var(--cg3-dropdown-color-bg);
    display: flex;
    flex-direction: row;
    width: fit-content;
}

.cg3-time-picker-panel .time-picker-panel-list-not-first {
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-time-picker-input-field-body-container {
    display: flex;
    width: 100%;
}

.cg3-time-picker-input-field-body:not(:has(input[readonly])):hover {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-hover);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-hover);
}

.cg3-time-picker-input-field-body:has(input:is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

.cg3-time-picker-input-field-body {
    display: flex;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    justify-content: space-between;
    background: var(--cg3-input-container-color-bg);
}

.cg3-time-picker-input-field-body input {
    border: none;
    outline: none;
    background-color: transparent;
}

.cg3-time-picker-input-field-body input::placeholder {
    font-family: inherit;
    color: var(--cg3-color-text-placeholder);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-light);
    line-height: var(--cg3-line-height-1);
}

.cg3-time-picker-input-field-body-disabled {
    opacity: var(--cg3-disabled-opacity);
    pointer-events: none;
}

.cg3-time-picker-input-field-body-container-disabled {
    opacity: 1;
    pointer-events: none;
}

.cg3-time-picker-input-field-body-disabled:has(input:focus) {
    opacity: 1;
}

.cg3-time-picker-input-field-body-container-disabled:has(input:focus) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-time-picker-input-field-body-error {
    border: var(--cg3-border-width-half) solid var(--cg3-input-container-border-color-error);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-input-container-border-color-error);
}

.cg3-time-picker-input-field-body.cg3-time-picker-input-field-body:has(input:focus) {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-focus);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-focus);
}

.cg3-host-time-picker-input-field {
    width: inherit;
}

.cg3-time-picker-input-field {
    width: 100%;
}

.cg3-time-picker-input-field .cg3-time-picker-clear-button button:hover:hover:not(:disabled, [aria-disabled='true']) {
    background-color: transparent;
}

.cg3-time-picker-input-field-icons-container {
    width: fit-content;
    display: flex;
}

.cg3-time-picker-input-field-clock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
}

.cg3-time-picker-input-field-clock-icon-large {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-time-picker-input-field-caution-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-time-picker-input-field :is(.cg3-time-picker-input-field-description, .cg3-time-picker-input-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-time-picker-input-field:has(
        .cg3-time-picker-input-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-time-picker-input-field-description,
        .cg3-time-picker-input-field-error
    )
    .cg3-time-picker-input-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-time-picker-input-field
    .cg3-time-picker-input-field-icons-container
    .cg3-time-picker-clear-button
    button:is([aria-disabled='true']) {
    opacity: 100%;
}

.cg3-time-picker-input {
    font-size: var(--cg3-font-size-1);
    width: 100%;
    border: none;
    padding: var(--cg3-spacing-half) 0 var(--cg3-spacing-half) var(--cg3-spacing-half);
}

.cg3-time-picker-input:focus {
    outline: none;
}

.cg3-time-picker-input[aria-disabled='true'] {
    pointer-events: none;
}

.cg3-time-picker-input-medium {
    padding: calc(var(--cg3-spacing-unit) * 7) 0 calc(var(--cg3-spacing-unit) * 7) var(--cg3-spacing-half);
}

.cg3-time-picker-input-large {
    padding: var(--cg3-spacing-half-and-quarter) 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-2);
}

/* class has been added three times to increase specificity */
input.cg3-time-picker-input.cg3-time-picker-input.cg3-time-picker-input:focus {
    outline: none;
}

.cg3-time-picker-panel-container {
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background-color: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}

@font-face {
    font-family: 'Fira Sans';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Light.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-LightItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Italic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Medium.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-style: italic;
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-MediumItalic.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans';
    font-weight: 700;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSans-Bold.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Code';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff2') format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraCode-Regular.woff') format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 300;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Light.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 400;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Regular.woff')
            format('woff');
    font-display: swap;
}
@font-face {
    font-family: 'Fira Sans Condensed';
    font-weight: 500;
    src: url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff2')
            format('woff2'),
        url('https://cdn.wolterskluwer.io/wk/jumpstart-v3-assets/0.x.x/fonts/FiraSansCondensed-Medium.woff')
            format('woff');
    font-display: swap;
}

html {
    font-family: 'Fira Sans', 'Helvetica Neue', Helvetica, 'Roboto', Arial, sans-serif;
    font-size: 1rem;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-popup {
    height: 0;
    width: 0;
}

.cg3-popup-area {
    position: absolute;
}

.cg3-popup-area-hidden {
    display: none;
}

.cg3-time-picker {
    width: 100%;
}


.cg3-time-picker-input {
    font-size: var(--cg3-font-size-1);
    width: 100%;
    border: none;
    padding: var(--cg3-spacing-half) 0 var(--cg3-spacing-half) var(--cg3-spacing-half);
}

.cg3-time-picker-input:focus {
    outline: none;
}

.cg3-time-picker-input[aria-disabled='true'] {
    pointer-events: none;
}

.cg3-time-picker-input-medium {
    padding: calc(var(--cg3-spacing-unit) * 7) 0 calc(var(--cg3-spacing-unit) * 7) var(--cg3-spacing-half);
}

.cg3-time-picker-input-large {
    padding: var(--cg3-spacing-half-and-quarter) 0 var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    line-height: var(--cg3-line-height-2);
}

/* class has been added three times to increase specificity */
input.cg3-time-picker-input.cg3-time-picker-input.cg3-time-picker-input:focus {
    outline: none;
}


/* BUTTON */

.cg3-button-field {
    display: inline-block;
    font-size: var(--cg3-font-size-1);
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible {
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field:has(
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):focus:focus-visible
    ) {
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
    outline-offset: calc(var(--cg3-outline-width) * (-1));
}

.cg3-button-field :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    font-family: inherit;
    font-size: inherit;
    box-sizing: border-box;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    gap: var(--cg3-spacing-half);
    transition: background-color 0.2s, color 0.2s, border-color 0.2s;
    text-decoration: none;
}

.cg3-button-field a:is(:hover, :focus, :active) {
    text-decoration: underline;
}

.cg3-button-field
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):not(
        :disabled,
        [aria-disabled='true']
    ) {
    cursor: pointer;
}

/* ICON */

.cg3-button-field .cg3-icon {
    font-size: var(--cg3-font-size-2);
}

/* TYPE: PRIMARY */

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-blue-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-red-500);
    color: var(--cg3-color-text-inverse);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-primary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-primary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
}

.cg3-button-field-primary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
}

.cg3-button-field-primary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: SECONDARY */

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-blue-625);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-blue-625) inset;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-text-error);
    /* inset border is achieved by using box-shadow */
    border: none;
    box-shadow: 0 0 0 var(--cg3-border-width-half) var(--cg3-color-error) inset;
}

@media (hover: hover) {
    .cg3-button-field-secondary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }

    .cg3-button-field-secondary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
        color: var(--cg3-color-text-inverse);
        box-shadow: none;
    }
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
        :disabled,
        [aria-disabled='true']
    ) {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
    box-shadow: none;
}

.cg3-button-field-secondary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
    border: none;
    box-shadow: none;
}

.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TERTIARY */

.cg3-button-field-tertiary :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: var(--cg3-color-gray-50);
    color: var(--cg3-color-text-primary);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-tertiary
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-tertiary.cg3-button-field-info
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-tertiary.cg3-button-field-danger
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-red-625);
    color: var(--cg3-color-text-inverse);
}

@media (hover: hover) {
    .cg3-button-field-tertiary.cg3-button-field-info
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-blue-750);
    }

    .cg3-button-field-tertiary.cg3-button-field-danger
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true']:hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-color-red-750);
    }
}

.cg3-button-field-tertiary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: TEXT */

.cg3-button-field-text :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: transparent;
    color: var(--cg3-color-blue-525);
    border: none;
}

@media (hover: hover) {
    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-100);
    }

    .cg3-button-field-text
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        color: var(--cg3-color-text-primary);
        background: var(--cg3-color-gray-250);
    }
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-color-blue-625);
    color: var(--cg3-color-text-inverse);
}

.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

/* TYPE: ICON */

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    background: none;
    color: var(--cg3-color-icon-primary);
    border: none;
    flex-direction: column;
}

@media (hover: hover) {
    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):hover:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-hover);
    }

    .cg3-button-field-icon
        :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):active:not(
            :disabled,
            [aria-disabled='true']
        ) {
        background: var(--cg3-interactive-color-bg-pressed);
    }
}

/* icon selected */
.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset'])[aria-pressed='true'] {
    background: var(--cg3-interactive-color-bg-selected-subtle);
    color: var(--cg3-interactive-color-icon-selected);
}

.cg3-button-field-icon
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']):is(
        :disabled,
        [aria-disabled='true']
    ) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-button-field-icon :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) .cg3-icon {
    margin-right: 0;
    margin-left: 0;
}

/* SIZE: SMALL */

.cg3-button-field-small.cg3-button-field-text
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 1.5rem;
    padding: var(--cg3-spacing-quarter) calc(var(--cg3-spacing-unit) * 6);
}

/* SIZE: MEDIUM */

.cg3-button-field-medium :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2rem;
    padding: var(--cg3-spacing-half) calc(var(--cg3-spacing-unit) * 10);
}

.cg3-button-field-medium.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-half) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing-unit) * 10 - var(--cg3-border-width-half));
}

/* SIZE: LARGE */

.cg3-button-field-large :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    height: 2.75rem;
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-button-field-large.cg3-button-field-secondary
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing-seven-of-eighths) - var(--cg3-border-width-half))
        calc(var(--cg3-spacing) - var(--cg3-border-width-half));
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: MEDIUM*/

.cg3-button-field-icon.cg3-button-field-medium
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-half);
    min-height: 2rem;
    height: auto;
}

.cg3-button-field-icon.cg3-button-field-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-seven-of-eighths);
    min-height: 2.75rem;
    height: auto;
}

/* TYPE: ICON, SIZE: LARGE, SIZE: MEDIUM, ICON_SIZE: LARGE */

.cg3-button-field.cg3-button-field-icon-large .cg3-icon {
    font-size: var(--cg3-font-size-6);
}

.cg3-button-field-icon.cg3-button-field-medium.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: var(--cg3-spacing-quarter);
}

.cg3-button-field-icon.cg3-button-field-large.cg3-button-field-icon-large
    :is(button, a, input[type='button'], input[type='submit'], input[type='reset']) {
    padding: calc(var(--cg3-spacing) * 0.625);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-icon {
    font-size: inherit;
    line-height: 0;
    vertical-align: middle;
    display: inline-block;
}

.cg3-icon svg {
    color: inherit;
    fill: currentColor;
    width: 1em;
    height: 1em;
}

.cg3-icon-spin {
    animation: cg3-spin 2s infinite linear;
}

@keyframes cg3-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* adds styles for icon sprites here instead of generating hundreds of identical CSS rules for each sprite */
.cg3-icon-sprite {
    position: absolute;
    width: 0;
    height: 0;
}

.cg3-host-icon {
    line-height: 0;
}

/* Hide wk-icon-* sprites host element in angular */
[class^='cg3-host-wk-icon-'] {
    display: contents;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-time-picker-input-field-body-container {
    display: flex;
    width: 100%;
}

.cg3-time-picker-input-field-body:not(:has(input[readonly])):hover {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-hover);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-hover);
}

.cg3-time-picker-input-field-body:has(input:is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

.cg3-time-picker-input-field-body {
    display: flex;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    justify-content: space-between;
    background: var(--cg3-input-container-color-bg);
}

.cg3-time-picker-input-field-body input {
    border: none;
    outline: none;
    background-color: transparent;
}

.cg3-time-picker-input-field-body input::placeholder {
    font-family: inherit;
    color: var(--cg3-color-text-placeholder);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-light);
    line-height: var(--cg3-line-height-1);
}

.cg3-time-picker-input-field-body-disabled {
    opacity: var(--cg3-disabled-opacity);
    pointer-events: none;
}

.cg3-time-picker-input-field-body-container-disabled {
    opacity: 1;
    pointer-events: none;
}

.cg3-time-picker-input-field-body-disabled:has(input:focus) {
    opacity: 1;
}

.cg3-time-picker-input-field-body-container-disabled:has(input:focus) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-time-picker-input-field-body-error {
    border: var(--cg3-border-width-half) solid var(--cg3-input-container-border-color-error);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-input-container-border-color-error);
}

.cg3-time-picker-input-field-body.cg3-time-picker-input-field-body:has(input:focus) {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-focus);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-focus);
}

.cg3-host-time-picker-input-field {
    width: inherit;
}

.cg3-time-picker-input-field {
    width: 100%;
}

.cg3-time-picker-input-field .cg3-time-picker-clear-button button:hover:hover:not(:disabled, [aria-disabled='true']) {
    background-color: transparent;
}

.cg3-time-picker-input-field-icons-container {
    width: fit-content;
    display: flex;
}

.cg3-time-picker-input-field-clock-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
}

.cg3-time-picker-input-field-clock-icon-large {
    padding: var(--cg3-spacing-seven-of-eighths);
}

.cg3-time-picker-input-field-caution-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--cg3-spacing-half);
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-time-picker-input-field :is(.cg3-time-picker-input-field-description, .cg3-time-picker-input-field-error) {
    margin-bottom: var(--cg3-spacing-quarter);
}

.cg3-time-picker-input-field:has(
        .cg3-time-picker-input-field-header [flow-id='form-field-visible-label'] > *,
        .cg3-time-picker-input-field-description,
        .cg3-time-picker-input-field-error
    )
    .cg3-time-picker-input-field-body {
    margin-top: calc(var(--cg3-spacing-quarter) * 1.5);
}

.cg3-time-picker-input-field
    .cg3-time-picker-input-field-icons-container
    .cg3-time-picker-clear-button
    button:is([aria-disabled='true']) {
    opacity: 100%;
}


.cg3-time-picker-input-field-body-container {
    display: flex;
    width: 100%;
}

.cg3-time-picker-input-field-body:not(:has(input[readonly])):hover {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-hover);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-hover);
}

.cg3-time-picker-input-field-body:has(input:is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

.cg3-time-picker-input-field-body {
    display: flex;
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
    justify-content: space-between;
    background: var(--cg3-input-container-color-bg);
}

.cg3-time-picker-input-field-body input {
    border: none;
    outline: none;
    background-color: transparent;
}

.cg3-time-picker-input-field-body input::placeholder {
    font-family: inherit;
    color: var(--cg3-color-text-placeholder);
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-light);
    line-height: var(--cg3-line-height-1);
}

.cg3-time-picker-input-field-body-disabled {
    opacity: var(--cg3-disabled-opacity);
    pointer-events: none;
}

.cg3-time-picker-input-field-body-container-disabled {
    opacity: 1;
    pointer-events: none;
}

.cg3-time-picker-input-field-body-disabled:has(input:focus) {
    opacity: 1;
}

.cg3-time-picker-input-field-body-container-disabled:has(input:focus) {
    opacity: var(--cg3-disabled-opacity);
}

.cg3-time-picker-input-field-body-error {
    border: var(--cg3-border-width-half) solid var(--cg3-input-container-border-color-error);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-input-container-border-color-error);
}

.cg3-time-picker-input-field-body.cg3-time-picker-input-field-body:has(input:focus) {
    border: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-focus);
    box-shadow: inset 0 0 0 var(--cg3-border-width-half) var(--cg3-interactive-border-color-focus);
}


.cg3-time-picker-panel-list {
    background: var(--cg3-dropdown-color-bg);
    display: flex;
}

.cg3-time-picker-panel-list-container {
    list-style: none;
    padding-inline-start: 0;
    margin: 0;
    height: 15rem;
    width: 3.75rem;
    overflow-x: hidden;
    overflow-y: hidden;
}

.cg3-time-picker-panel-list-container:hover {
    overflow-y: auto;
}

.cg3-time-picker-panel-list-item {
    box-sizing: border-box;
    width: 3.5rem;
    margin: calc(var(--cg3-spacing-unit) * 2);
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    cursor: default;
    user-select: none;
    text-align: center;
}

.cg3-time-picker-panel-list-item:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-time-picker-panel-list-item.cg3-item-selected:focus {
    box-shadow: none;
}

.cg3-item-selected {
    background-color: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-item-selected:hover {
    background-color: var(--cg3-color-blue-500);
}

.cg3-time-picker-panel {
    background: var(--cg3-dropdown-color-bg);
    display: flex;
    flex-direction: row;
    width: fit-content;
}

.cg3-time-picker-panel .time-picker-panel-list-not-first {
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
}


.cg3-time-picker-panel-container {
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    background-color: var(--cg3-dropdown-color-bg);
    box-shadow: var(--cg3-box-shadow-overlay);
}


.cg3-time-picker-panel-list {
    background: var(--cg3-dropdown-color-bg);
    display: flex;
}

.cg3-time-picker-panel-list-container {
    list-style: none;
    padding-inline-start: 0;
    margin: 0;
    height: 15rem;
    width: 3.75rem;
    overflow-x: hidden;
    overflow-y: hidden;
}

.cg3-time-picker-panel-list-container:hover {
    overflow-y: auto;
}

.cg3-time-picker-panel-list-item {
    box-sizing: border-box;
    width: 3.5rem;
    margin: calc(var(--cg3-spacing-unit) * 2);
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    cursor: default;
    user-select: none;
    text-align: center;
}

.cg3-time-picker-panel-list-item:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-time-picker-panel-list-item.cg3-item-selected:focus {
    box-shadow: none;
}

.cg3-item-selected {
    background-color: var(--cg3-interactive-color-bg-selected);
    color: var(--cg3-color-text-inverse);
}

.cg3-item-selected:hover {
    background-color: var(--cg3-color-blue-500);
}


.cg3-tooltip {
    position: absolute;
    white-space: nowrap;
    background: var(--cg3-color-gray-750);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-750);
    color: var(--cg3-color-text-inverse);
    font-size: var(--cg3-font-size-0);
    padding: var(--cg3-spacing-quarter) var(--cg3-spacing-half);
    display: inline-block;
    z-index: var(--cg3-z-index-tooltip);
    box-sizing: border-box;
    line-height: var(--cg3-line-height-2);
}

.cg3-tooltip::after,
.cg3-tooltip::before {
    border: solid transparent;
    content: ' ';
    height: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
}

.cg3-tooltip-is-open {
    opacity: 1;
}

.cg3-tooltip-is-hidden-cg-unique {
    opacity: 0;
    display: none;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

/* indicator */

.cg3-tooltip-is-open.cg3-tooltip-indicator {
    max-height: 1.5rem;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator::after,
.cg3-tooltip-is-open.cg3-tooltip-indicator::before {
    border-width: calc(var(--cg3-border-width) * 3);
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom.cg3-tooltip-indicator::before {
    top: calc(var(--cg3-spacing-unit) * -11);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator::before {
    left: calc(var(--cg3-spacing-unit) * -11);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator::after {
    right: calc(var(--cg3-spacing-unit) * -11);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -6);
}

.cg3-tooltip-is-open.cg3-tooltip-position-top.cg3-tooltip-indicator::after {
    bottom: calc(var(--cg3-spacing-unit) * -11);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -6);
}

/* description */

.cg3-tooltip-description {
    padding: var(--cg3-spacing-half) var(--cg3-spacing);
    max-width: 14rem;
    white-space: normal;
}

.cg3-tooltip-description::after,
.cg3-tooltip-description::before {
    border-width: calc(var(--cg3-border-width) * 4.5);
}

.cg3-tooltip-position-bottom.cg3-tooltip-description::before {
    top: calc(var(--cg3-spacing-unit) * -17);
    border-bottom-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-right.cg3-tooltip-description::before {
    left: calc(var(--cg3-spacing-unit) * -17);
    border-right-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-left.cg3-tooltip-description::after {
    right: calc(var(--cg3-spacing-unit) * -17);
    border-left-color: var(--cg3-color-gray-750);
    top: 50%;
    margin-top: calc(var(--cg3-spacing-unit) * -9);
}

.cg3-tooltip-position-top.cg3-tooltip-description::after {
    bottom: calc(var(--cg3-spacing-unit) * -17);
    border-top-color: var(--cg3-color-gray-750);
    left: 50%;
    margin-left: calc(var(--cg3-spacing-unit) * -9);
}

/* animation*/

.cg3-tooltip-is-open.cg3-tooltip-position-right {
    transform: translateX(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-right.cg3-tooltip-indicator {
    transform: translateX(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left {
    transform: translateX(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-left.cg3-tooltip-indicator {
    transform: translateX(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-top {
    transform: translateY(0.75rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-top {
    transform: translateY(1rem);
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-position-bottom {
    transform: translateY(calc(0.75rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-opening;
}

.cg3-tooltip-is-open.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    transform: translateY(calc(1rem * -1));
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-opening;
}

.cg3-tooltip.cg3-is-closing {
    opacity: 0;
    visibility: visible;
    transition: opacity 300ms cubic-bezier(0.4, 0, 0.2, 1), visibility 0ms 300ms;
}

.cg3-is-closing.cg3-tooltip-position-right {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-right.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-right-closing;
}

.cg3-is-closing.cg3-tooltip-position-left {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-left.cg3-tooltip-indicator {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-left-closing;
}

.cg3-is-closing.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-bottom {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-bottom-closing;
}

.cg3-is-closing.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-top-closing;
}

.cg3-is-closing.cg3-tooltip-indicator.cg3-tooltip-position-top {
    animation: 300ms cubic-bezier(0.4, 0, 0.2, 1) cg3-tooltip-indicator-top-closing;
}

@keyframes cg3-tooltip-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-right-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-right-closing {
    0% {
        opacity: 1;
        transform: translateX(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
}
@keyframes cg3-tooltip-left-closing {
    0% {
        opacity: 1;
        transform: translateX(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-indicator-left-opening {
    0% {
        opacity: 0;
        transform: translateX(0);
    }
    100% {
        opacity: 1;
        transform: translateX(1rem);
    }
}
@keyframes cg3-tooltip-indicator-left-closing {
    0% {
        opacity: 1;
        transform: translateX(1rem);
    }
    100% {
        opacity: 0;
        transform: translateX(0);
    }
}
@keyframes cg3-tooltip-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
}
@keyframes cg3-tooltip-top-closing {
    0% {
        opacity: 1;
        transform: translateY(0.75rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-top-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(1rem);
    }
}
@keyframes cg3-tooltip-indicator-top-closing {
    0% {
        opacity: 1;
        transform: translateY(1rem);
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
}
@keyframes cg3-tooltip-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(0.75rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}
@keyframes cg3-tooltip-indicator-bottom-opening {
    0% {
        opacity: 0;
        transform: translateY(0);
    }
    100% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
}
@keyframes cg3-tooltip-indicator-bottom-closing {
    0% {
        opacity: 1;
        transform: translateY(calc(1rem * -1));
    }
    100% {
        opacity: 0;
        transform: translateY(0);
    }
}


/* Headings */

/* h1 */

:where(.cg3-typography) h1 {
    margin: 0;
    font-size: var(--cg3-h1-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + h1 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h2 */

:where(.cg3-typography) h2 {
    margin: 0;
    font-size: var(--cg3-h2-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + h2 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h3 */

:where(.cg3-typography) h3 {
    margin: 0;
    font-size: var(--cg3-h3-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + h3 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h4 */

:where(.cg3-typography) h4 {
    margin: 0;
    font-size: var(--cg3-h4-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + h4 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h5 */

:where(.cg3-typography) h5 {
    margin: 0;
    font-size: var(--cg3-h5-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + h5 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h6 */

:where(.cg3-typography) h6 {
    margin: 0;
    font-size: var(--cg3-h6-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + h6 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* Headings classes */

/* .cg3-h1 */

:where(.cg3-typography) .cg3-h1 {
    margin: 0;
    font-size: var(--cg3-h1-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + .cg3-h1 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h2 */

:where(.cg3-typography) .cg3-h2 {
    margin: 0;
    font-size: var(--cg3-h2-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + .cg3-h2 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h3 */

:where(.cg3-typography) .cg3-h3 {
    margin: 0;
    font-size: var(--cg3-h3-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + .cg3-h3 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h4 */

:where(.cg3-typography) .cg3-h4 {
    margin: 0;
    font-size: var(--cg3-h4-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + .cg3-h4 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h5 */

:where(.cg3-typography) .cg3-h5 {
    margin: 0;
    font-size: var(--cg3-h5-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + .cg3-h5 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h6 */

:where(.cg3-typography) .cg3-h6 {
    margin: 0;
    font-size: var(--cg3-h6-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
:where(.cg3-typography) * + .cg3-h6 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-eyebrow */

:where(.cg3-typography) .cg3-eyebrow {
    margin: 0;
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
    text-transform: uppercase;
    color: var(--cg3-color-gray-625);
    letter-spacing: var(--cg3-spacing-unit);
}
:where(.cg3-typography) * + .cg3-eyebrow {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* anchor */
:where(.cg3-typography) :is(a, a:link) {
    color: var(--cg3-color-blue-525);
    text-decoration: none;
}

:where(.cg3-typography) a:visited {
    color: var(--cg3-interactive-color-link-visited);
}

:where(.cg3-typography) a:hover {
    color: var(--cg3-color-blue-750);
    text-decoration: underline;
}

:where(.cg3-typography) a:active {
    color: var(--cg3-color-blue-525);
    text-decoration: underline;
}

:where(.cg3-typography) a:focus:focus-visible {
    text-decoration: underline;
}

/* --- */

/* figure */
:where(.cg3-typography) * + figure {
    margin-bottom: var(--cg3-spacing-double);
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* table */
:where(.cg3-typography) * + table {
    margin-bottom: var(--cg3-spacing-double);
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* dl */

:where(.cg3-typography) dl {
    margin: var(--cg3-spacing) 0 0;
}

:where(.cg3-typography) dl + dl {
    margin-top: var(--cg3-spacing);
}
/* --- */

/* dt */
:where(.cg3-typography) dt {
    font-weight: var(--cg3-font-weight-medium);
}

:where(.cg3-typography) dd + dt {
    margin-top: var(--cg3-spacing);
}
/* --- */

/* dd */

:where(.cg3-typography) dd {
    margin: var(--cg3-spacing-half) 0 0;
}

:where(.cg3-typography) dd + dd {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* ol */
:where(.cg3-typography) ol {
    list-style-type: decimal;
    margin: var(--cg3-spacing) 0 0;
    padding-left: calc(var(--cg3-spacing) * 1.5);
}

:where(.cg3-typography) ol ol {
    list-style-type: lower-alpha;
    margin-top: var(--cg3-spacing-half);
}
:where(.cg3-typography) ol ol ol {
    list-style-type: lower-roman;
}

:where(.cg3-typography) ol ol ol ol {
    list-style-type: decimal;
}

:where(.cg3-typography) ol ol ol ol ol {
    list-style-type: lower-alpha;
}

:where(.cg3-typography) ul ol {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* ul */
:where(.cg3-typography) ul {
    list-style-type: disc;
    margin: var(--cg3-spacing) 0 0;
    padding-left: calc(var(--cg3-spacing) * 1.5);
}

:where(.cg3-typography) ol ul {
    margin-top: var(--cg3-spacing-half);
}

:where(.cg3-typography) ul ul {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* dl */
:where(.cg3-typography) dl {
    margin: var(--cg3-spacing) 0 0;
}
/* --- */

/* li */
:where(.cg3-typography) li + li {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* pre */
:where(.cg3-typography) pre {
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-3);
    font-family: 'Fira Code', sans-serif;

    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
}
/* --- */

/* blockquote */
:where(.cg3-typography) blockquote {
    margin: 0;
}

:where(.cg3-typography) :is(blockquote:where(:not(figure > blockquote)), figure:where(:has(> blockquote))) {
    margin: 0;
    border-left: 0.375rem solid var(--cg3-color-gray-100); /* 0.375rem non standard value */
    padding-left: var(--cg3-spacing);
    font-size: var(--cg3-font-size-3);
    line-height: var(--cg3-line-height-3);
}

/* footer is supported for backward compatibility */
:where(.cg3-typography) figure:where(:has(> blockquote)) figcaption,
:where(.cg3-typography) blockquote footer {
    padding-top: var(--cg3-spacing-half-and-quarter);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-tertiary);
}

/* footer is supported for backward compatibility */
:where(.cg3-typography) figure:where(:has(> blockquote)) figcaption::before,
:where(.cg3-typography) blockquote footer::before {
    content: '\2014 \00A0';
}

:where(.cg3-typography) * + :is(blockquote:where(:not(figure > blockquote)), figure:where(:has(> blockquote))) {
    margin-bottom: var(--cg3-spacing-double);
    margin-top: var(--cg3-spacing-double);
}

/* --- */

/* mark */
:where(.cg3-typography) mark {
    background: var(--cg3-color-highlight-yellow);
}
/* --- */

/* p */
:where(.cg3-typography) p {
    margin: 0;
}

:where(.cg3-typography) * + p {
    margin-top: var(--cg3-spacing);
}
/* --- */

/* strong */

:where(.cg3-typography) strong {
    font-weight: var(--cg3-font-weight-bold);
}

/* --- */

/* small */

:where(.cg3-typography) small {
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-3);
}

/* --- */

/* kbd */

:where(.cg3-typography) kbd {
    font-family: 'Fira Code', sans-serif;
    color: var(--cg3-color-text-inverse);
    padding: 0.0625rem 0.25rem; /* none standard value */
    background: var(--cg3-color-monochrome-black);
    border-radius: var(--cg3-border-radius-double);
}

/* --- */

/* code */

:where(.cg3-typography) code {
    font-family: 'Fira Code', sans-serif;
    padding: 0 0.25rem; /* none standard value */
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-sizing: border-box;
    background: var(--cg3-color-bg-subtle);
    border-radius: var(--cg3-border-radius-double);
}

/* --- */


.cg3-vertical-layout-content {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: auto;
    flex: 1 1 auto;
}

.cg3-host-vertical-layout-content {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: auto;
    flex: 1 1 auto;
}

.cg3-vertical-layout-header {
    position: relative;
    box-sizing: border-box;
    padding: calc(var(--cg3-spacing) * 3) var(--cg3-spacing) var(--cg3-spacing);
    flex: 0 0 auto;
    width: 100%;
    transition: padding 300ms, font-size 300ms, box-shadow 300ms;
    font-size: var(--cg3-font-size-4);
    font-style: normal;
    font-weight: var(--cg3-font-weight-medium);
    line-height: 125%;
}

.cg3-vertical-layout-header :is(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}

.cg3-vertical-layout-header-scrolled {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    padding: var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    box-shadow: var(--cg3-box-shadow-overlay);
}

@media (min-width: 600px) {
    .cg3-vertical-layout-header {
        padding: calc(var(--cg3-spacing) * 3) var(--cg3-spacing-double) calc(var(--cg3-spacing) * 1.5);
    }

    .cg3-vertical-layout-header-scrolled {
        font-size: var(--cg3-font-size-4);
    }
}

.cg3-vertical-layout-footer {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    padding: var(--cg3-spacing);
    background: var(--cg3-color-gray-25);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--cg3-spacing);
}

.cg3-host-vertical-layout-footer {
    display: block;
    flex: 0 0 auto;
    width: 100%;
}

.cg3-vertical-layout {
    display: flex;
    flex-direction: column;
    flex: 1;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.cg3-host-vertical-layout {
    height: 100%;
}


.cg3-vertical-layout-content {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: auto;
    flex: 1 1 auto;
}

.cg3-host-vertical-layout-content {
    box-sizing: border-box;
    height: 100%;
    width: 100%;
    overflow: auto;
    flex: 1 1 auto;
}


.cg3-vertical-layout-footer {
    box-sizing: border-box;
    flex: 0 0 auto;
    width: 100%;
    padding: var(--cg3-spacing);
    background: var(--cg3-color-gray-25);
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    gap: var(--cg3-spacing);
}

.cg3-host-vertical-layout-footer {
    display: block;
    flex: 0 0 auto;
    width: 100%;
}


.cg3-vertical-layout-header {
    position: relative;
    box-sizing: border-box;
    padding: calc(var(--cg3-spacing) * 3) var(--cg3-spacing) var(--cg3-spacing);
    flex: 0 0 auto;
    width: 100%;
    transition: padding 300ms, font-size 300ms, box-shadow 300ms;
    font-size: var(--cg3-font-size-4);
    font-style: normal;
    font-weight: var(--cg3-font-weight-medium);
    line-height: 125%;
}

.cg3-vertical-layout-header :is(h1, h2, h3, h4, h5, h6) {
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    line-height: inherit;
    margin: 0;
}

.cg3-vertical-layout-header-scrolled {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    padding: var(--cg3-spacing);
    font-size: var(--cg3-font-size-2);
    box-shadow: var(--cg3-box-shadow-overlay);
}

@media (min-width: 600px) {
    .cg3-vertical-layout-header {
        padding: calc(var(--cg3-spacing) * 3) var(--cg3-spacing-double) calc(var(--cg3-spacing) * 1.5);
    }

    .cg3-vertical-layout-header-scrolled {
        font-size: var(--cg3-font-size-4);
    }
}


.cg3-vertical-nav-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: var(--cg3-font-size-1);
}

.cg3-vertical-nav-list .cg3-vertical-nav-list {
    margin-left: calc(var(--cg3-spacing-unit) * 10);
}

.cg3-vertical-nav-item {
    cursor: pointer;
    display: flex;
    flex: 1;
    padding: var(--cg3-spacing-quarter) 0 var(--cg3-spacing-quarter) calc(var(--cg3-spacing-quarter) * 4.5);
}

.cg3-vertical-nav-item-disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-vertical-nav-item-root {
    padding-left: 0;
}

.cg3-vertical-nav-item-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    line-height: calc(var(--cg3-line-height-base) * 2);
    padding: calc(var(--cg3-spacing-quarter) * 0.5) 0;
    padding-left: var(--cg3-spacing-quarter);
    color: inherit;
}

.cg3-vertical-nav-item-expanded.cg3-vertical-nav-item-root .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item:not(.cg3-vertical-nav-item-sticky).cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item-root.cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper {
    background-color: var(--cg3-interactive-color-bg-selected-subtle);
}

.cg3-vertical-nav-item:not(.cg3-vertical-nav-item-disabled, .cg3-vertical-nav-item-sticky)
    .cg3-vertical-nav-item-wrapper:hover,
.cg3-vertical-nav-item-root:not(.cg3-vertical-nav-item-disabled) .cg3-vertical-nav-item-wrapper:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-vertical-nav-item-expanded.cg3-vertical-nav-item-root .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper {
    color: var(--cg3-interactive-color-text-selected);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-vertical-nav-item-sticky:not(.cg3-vertical-nav-item-root) .cg3-vertical-nav-item-wrapper:hover {
    color: var(--cg3-color-blue-625);
}

.cg3-host-vertical-nav-item {
    flex: 1;
}


.cg3-vertical-nav-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: calc(var(--cg3-spacing-quarter)) 0 calc(var(--cg3-spacing-quarter));
}

.cg3-vertical-nav-chevron-button {
    cursor: pointer;
    display: flex;
    font-size: var(--cg3-font-size-1);
    font-weight: inherit;
    height: var(--cg3-spacing);
    line-height: inherit;
    margin-right: var(--cg3-spacing-quarter);
    padding: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-bottom: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-vertical-nav-chevron-button-mobile {
    background-color: transparent;
    border: none;
    padding: 0;
}

.cg3-vertical-nav-item-container {
    display: flex;
    align-items: center;
}

.cg3-vertical-nav-item-container-sticky {
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
}
.cg3-vertical-nav-item-container-sticky.cg3-vertical-nav-item-container-selected {
    border-color: var(--cg3-interactive-border-color-selected);
}

.cg3-vertical-nav-item-anchor {
    text-decoration: none;
    display: flex;
    flex: 1;
    align-items: center;
    color: inherit;
}

.cg3-vertical-nav-item-anchor-icon {
    margin-right: calc(var(--cg3-spacing-quarter) * 2);
    padding-bottom: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-host-vertical-nav-item-anchor {
    flex: 1;
}

.cg3-vertical-nav {
    background-color: var(--cg3-color-bg);
}

.cg3-vertical-nav-sticky {
    position: sticky;
}


.cg3-vertical-nav-chevron-button {
    cursor: pointer;
    display: flex;
    font-size: var(--cg3-font-size-1);
    font-weight: inherit;
    height: var(--cg3-spacing);
    line-height: inherit;
    margin-right: var(--cg3-spacing-quarter);
    padding: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-bottom: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-vertical-nav-chevron-button-mobile {
    background-color: transparent;
    border: none;
    padding: 0;
}


.cg3-vertical-nav-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: var(--cg3-font-size-1);
}

.cg3-vertical-nav-list .cg3-vertical-nav-list {
    margin-left: calc(var(--cg3-spacing-unit) * 10);
}

.cg3-vertical-nav-item {
    cursor: pointer;
    display: flex;
    flex: 1;
    padding: var(--cg3-spacing-quarter) 0 var(--cg3-spacing-quarter) calc(var(--cg3-spacing-quarter) * 4.5);
}

.cg3-vertical-nav-item-disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-vertical-nav-item-root {
    padding-left: 0;
}

.cg3-vertical-nav-item-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    line-height: calc(var(--cg3-line-height-base) * 2);
    padding: calc(var(--cg3-spacing-quarter) * 0.5) 0;
    padding-left: var(--cg3-spacing-quarter);
    color: inherit;
}

.cg3-vertical-nav-item-expanded.cg3-vertical-nav-item-root .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item:not(.cg3-vertical-nav-item-sticky).cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item-root.cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper {
    background-color: var(--cg3-interactive-color-bg-selected-subtle);
}

.cg3-vertical-nav-item:not(.cg3-vertical-nav-item-disabled, .cg3-vertical-nav-item-sticky)
    .cg3-vertical-nav-item-wrapper:hover,
.cg3-vertical-nav-item-root:not(.cg3-vertical-nav-item-disabled) .cg3-vertical-nav-item-wrapper:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-vertical-nav-item-expanded.cg3-vertical-nav-item-root .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper {
    color: var(--cg3-interactive-color-text-selected);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-vertical-nav-item-sticky:not(.cg3-vertical-nav-item-root) .cg3-vertical-nav-item-wrapper:hover {
    color: var(--cg3-color-blue-625);
}

.cg3-host-vertical-nav-item {
    flex: 1;
}


.cg3-vertical-nav-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: calc(var(--cg3-spacing-quarter)) 0 calc(var(--cg3-spacing-quarter));
}

.cg3-vertical-nav-chevron-button {
    cursor: pointer;
    display: flex;
    font-size: var(--cg3-font-size-1);
    font-weight: inherit;
    height: var(--cg3-spacing);
    line-height: inherit;
    margin-right: var(--cg3-spacing-quarter);
    padding: 0;
    text-align: center;
    align-items: center;
    justify-content: center;
    padding-bottom: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-vertical-nav-chevron-button-mobile {
    background-color: transparent;
    border: none;
    padding: 0;
}

.cg3-vertical-nav-item-container {
    display: flex;
    align-items: center;
}

.cg3-vertical-nav-item-container-sticky {
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
}
.cg3-vertical-nav-item-container-sticky.cg3-vertical-nav-item-container-selected {
    border-color: var(--cg3-interactive-border-color-selected);
}

.cg3-vertical-nav-item-anchor {
    text-decoration: none;
    display: flex;
    flex: 1;
    align-items: center;
    color: inherit;
}

.cg3-vertical-nav-item-anchor-icon {
    margin-right: calc(var(--cg3-spacing-quarter) * 2);
    padding-bottom: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-host-vertical-nav-item-anchor {
    flex: 1;
}

.cg3-vertical-nav-container {
    background-color: var(--cg3-color-bg);
}

.cg3-vertical-nav-container-sticky {
    position: sticky;
}


.cg3-vertical-nav-item {
    cursor: pointer;
    display: flex;
    flex: 1;
    padding: var(--cg3-spacing-quarter) 0 var(--cg3-spacing-quarter) calc(var(--cg3-spacing-quarter) * 4.5);
}

.cg3-vertical-nav-item-disabled {
    cursor: not-allowed;
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-vertical-nav-item-root {
    padding-left: 0;
}

.cg3-vertical-nav-item-wrapper {
    display: flex;
    flex: 1;
    align-items: center;
    line-height: calc(var(--cg3-line-height-base) * 2);
    padding: calc(var(--cg3-spacing-quarter) * 0.5) 0;
    padding-left: var(--cg3-spacing-quarter);
    color: inherit;
}

.cg3-vertical-nav-item-expanded.cg3-vertical-nav-item-root .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item:not(.cg3-vertical-nav-item-sticky).cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item-root.cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper {
    background-color: var(--cg3-interactive-color-bg-selected-subtle);
}

.cg3-vertical-nav-item:not(.cg3-vertical-nav-item-disabled, .cg3-vertical-nav-item-sticky)
    .cg3-vertical-nav-item-wrapper:hover,
.cg3-vertical-nav-item-root:not(.cg3-vertical-nav-item-disabled) .cg3-vertical-nav-item-wrapper:hover {
    background-color: var(--cg3-interactive-color-bg-hover);
}

.cg3-vertical-nav-item-expanded.cg3-vertical-nav-item-root .cg3-vertical-nav-item-wrapper,
.cg3-vertical-nav-item-selected .cg3-vertical-nav-item-wrapper {
    color: var(--cg3-interactive-color-text-selected);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-vertical-nav-item-sticky:not(.cg3-vertical-nav-item-root) .cg3-vertical-nav-item-wrapper:hover {
    color: var(--cg3-color-blue-625);
}

.cg3-host-vertical-nav-item {
    flex: 1;
}


.cg3-vertical-nav-item-anchor {
    text-decoration: none;
    display: flex;
    flex: 1;
    align-items: center;
    color: inherit;
}

.cg3-vertical-nav-item-anchor-icon {
    margin-right: calc(var(--cg3-spacing-quarter) * 2);
    padding-bottom: calc(var(--cg3-spacing-quarter) * 0.5);
}

.cg3-host-vertical-nav-item-anchor {
    flex: 1;
}


.cg3-vertical-nav-item-container {
    display: flex;
    align-items: center;
}

.cg3-vertical-nav-item-container-sticky {
    border-left: var(--cg3-border-width-half) solid var(--cg3-border-color);
}
.cg3-vertical-nav-item-container-sticky.cg3-vertical-nav-item-container-selected {
    border-color: var(--cg3-interactive-border-color-selected);
}


.cg3-vertical-nav-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    font-size: var(--cg3-font-size-1);
}

.cg3-vertical-nav-list .cg3-vertical-nav-list {
    margin-left: calc(var(--cg3-spacing-unit) * 10);
}




.cg3-vertical-nav-separator {
    border-bottom: var(--cg3-border-width-half) solid var(--cg3-border-color);
    margin: calc(var(--cg3-spacing-quarter)) 0 calc(var(--cg3-spacing-quarter));
}


.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-body {
    width: 100%;
    background-color: var(--cg3-input-container-color-bg);
}

.cg3-form-field-body-container {
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
    width: 100%;
    height: 100%;
    outline-offset: calc(var(--cg3-border-width-half) * -1);
    outline: var(--cg3-border-width-half) solid var(--cg3-interactive-border-color-default);
}

/* element: input */

.cg3-form-field-body :is(input, select, textarea, [data-input]) {
    flex: 1;
    font-family: inherit;
    background-color: transparent;
    border-radius: 0;
    border: none;
    color: var(--cg3-color-text-primary);
    font-size: var(--cg3-font-size-2);
    font-weight: var(--cg3-font-weight-normal);
    line-height: var(--cg3-line-height-2);
    box-sizing: border-box;
}

.cg3-form-field-body :is(input, select, textarea, [data-input]):focus {
    outline: none;
}

.cg3-form-field-body input::placeholder,
.cg3-form-field-body textarea::placeholder {
    color: var(--cg3-color-text-placeholder);
    font-weight: var(--cg3-font-weight-light);
}

/* state: hover */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):hover):not(
        :is(input, textarea, select, [data-input]):has(
                :focus,
                :disabled,
                [aria-disabled='true'],
                [readonly],
                [aria-readonly='true']
            )
    ) {
    border-color: var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body:has(
        :is(
                input,
                textarea,
                select,
                [data-input],
                .cg3-form-field-icon-wrapper,
                .cg3-search-button-wrapper,
                .cg3-search-button-field,
                [flow-id='back-button']
            ):hover
    ):not(
        :has(
                :is(input, textarea, select, [data-input]):is(
                        :focus,
                        :disabled,
                        [aria-disabled='true'],
                        [readonly],
                        [aria-readonly='true'],
                        [type='file']
                    ),
                .cg3-select-field-readonly
            )
    )
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-hover);
}

.cg3-form-field-body-container:has(:is(input, textarea, select, [data-input]):focus) {
    border-color: var(--cg3-interactive-border-color-focus);
}

/* state: focus */

.cg3-form-field-body:has(:is(input, select, textarea, [data-input]):focus) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):focus) .cg3-form-field-body-container {
    outline: none;
}

/* state: disabled */

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    :is(input, textarea, select, [data-input]),
.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container
    .cg3-icon {
    pointer-events: none;
    opacity: var(--cg3-disabled-opacity);
}

.cg3-form-field-body:has(:is(input, textarea, select, [data-input]):is(:disabled, [aria-disabled='true']))
    .cg3-form-field-body-container {
    outline-color: rgba(117, 117, 117, 0.35);
}

.cg3-form-field-body :is(input, textarea):is(:disabled, [aria-disabled='true']) {
    caret-color: transparent;
}

/* state: read-only */

.cg3-form-field-body:has(:is(input, textarea, [data-input]):is([readonly], [aria-readonly='true'])) {
    background-color: var(--cg3-input-container-color-bg-read-only);
}

/* status: success */

.cg3-form-field-body-success:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-success);
}

/* status: error */

.cg3-form-field-body-error:has(:is(input, textarea, select, [data-input]):not(:hover, :focus))
    .cg3-form-field-body-container {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-input-container-border-color-error);
}

/* size: medium */

.cg3-form-field-body-medium {
    height: var(--cg3-spacing-double);
}

.cg3-form-field-body-medium:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-medium :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-half);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-medium.cg3-form-field-body-medium :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 6) calc(var(--cg3-spacing-unit) * 7);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
}

/* size: large */

.cg3-form-field-body-large {
    height: calc(var(--cg3-spacing) * 2.75);
}

.cg3-form-field-body-large:has(textarea) {
    height: fit-content;
}

.cg3-form-field-body-large :is(input, select) {
    padding: var(--cg3-spacing-half-and-quarter) var(--cg3-spacing);
}

/* double selector is used to increase specificity */
.cg3-form-field-body-large.cg3-form-field-body-large :is(textarea) {
    padding: calc(var(--cg3-spacing-unit) * 9) calc(var(--cg3-spacing-unit) * 15);
}

/* size: extra-large */

.cg3-form-field-body-extra-large {
    height: calc(var(--cg3-spacing) * 3);
}

.cg3-form-field-body-extra-large :is(input, select, [data-input]) {
    padding: var(--cg3-spacing-seven-of-eighths) var(--cg3-spacing);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-description-text {
    color: var(--cg3-color-text-tertiary);
    font-weight: var(--cg3-font-weight-normal);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-error {
    color: var(--cg3-color-text-error);
    font-size: var(--cg3-font-size-1);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    margin: 0;
}

.cg3-form-field-header {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    white-space: normal;
}

.cg3-form-field-icon-wrapper {
    font-size: var(--cg3-font-size-2);
    display: inline-flex;
    justify-content: flex-end;
    align-items: center;
    margin-left: auto;
    height: 100%;
}

/** double selector is used to increase specificity */
.cg3-form-field-icon-wrapper.cg3-form-field-icon-wrapper > * {
    height: 100%;
    aspect-ratio: 1;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-size: inherit;
    border: none;
    background: none;
    color: var(--cg3-color-icon-primary);
}

.cg3-form-field-icon-wrapper button:not(:disabled, [aria-disabled='true']) {
    cursor: pointer;
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-label div {
    display: flex;
    color: var(--cg3-color-text-primary);
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-medium);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-optional-indicator {
    /* 1.286 * 14px = 18.004px*/
    line-height: 1.286;
    font-size: var(--cg3-font-size-1);
    font-weight: var(--cg3-font-weight-normal);
    color: var(--cg3-color-text-tertiary);
}

.cg3-sr-only,
.cg3-host-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px;
    margin: -1px;
}

.cg3-form-field-required-indicator {
    color: var(--cg3-color-text-error);
    font-weight: var(--cg3-font-weight-normal);
    margin-left: var(--cg3-spacing-quarter);
}

.cg3-form-field-status-icon {
    display: flex;
}

.cg3-form-field-status-icon-success {
    color: var(--cg3-input-container-color-icon-success);
}

.cg3-form-field-status-icon-error {
    color: var(--cg3-input-container-color-icon-error);
}

.cg3-form-fieldset {
    border: 0;
    padding: 0;
    margin: 0;
    min-width: 0;
}

.cg3-form-fieldset legend {
    padding: 0;
}

.cg3-form-field {
    color: var(--cg3-color-text-tertiary);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-1);
    position: relative;
    width: 100%;
}

.cg3-wk-switch,
.cg3-wk-switch *,
.cg3-wk-switch :after,
.cg3-wk-switch :before {
    box-sizing: border-box;
}

.cg3-wk-switch {
    font-family: inherit;
    align-items: center;
    display: inline-flex;
    font-size: var(--cg3-font-size-1);
    position: relative;
}

.cg3-wk-switch-form-field {
    display: flex;
    gap: var(--cg3-spacing-half);
    align-items: center;
    width: fit-content;
    padding: calc(var(--cg3-spacing-unit) * 2);
}

.cg3-wk-switch-form-field.cg3-wk-switch-no-label {
    gap: normal;
}

.cg3-wk-switch-form-field:has(.cg3-wk-switch-input:focus-visible) {
    outline-offset: calc(var(--cg3-outline-width) * -1);
    outline: var(--cg3-outline-width) solid var(--cg3-interactive-border-color-focus);
}

.cg3-wk-switch-form-field-label.cg3-wk-switch-form-field-label div {
    font-weight: var(--cg3-font-weight-normal);
}

.cg3-wk-switch-input-wrapper {
    display: flex;
    align-items: center;
    height: 1.5rem;
    cursor: pointer;
}

.cg3-wk-switch-input-wrapper:has(:is(input):is([aria-disabled='true'])) {
    opacity: var(--cg3-disabled-opacity);
    cursor: default;
}

.cg3-wk-switch-medium {
    --cg3-switch-base-width: 2rem;
    --cg3-switch-pointer-size: 1rem;
}

.cg3-wk-switch-large {
    --cg3-switch-base-width: 3rem;
    --cg3-switch-pointer-size: 1.5rem;
}

.cg3-wk-switch-input {
    opacity: 0;
    position: absolute;
}

.cg3-wk-switch-input:is([aria-checked='true']) ~ .cg3-wk-switch-base {
    background-color: var(--cg3-color-blue-500);
}

.cg3-wk-switch-input:is([aria-checked='true']) ~ .cg3-wk-switch-base:after {
    transform: translateX(var(--cg3-switch-pointer-size));
}

.cg3-wk-switch-base {
    --cg3-switch-base-height: 0.25rem;
    transition: background-color 300ms cubic-bezier(0.4, 0, 1, 1);
    will-change: auto;

    background-color: var(--cg3-color-gray-250);
    border-radius: 0.125rem;
    display: inline-block;
    height: var(--cg3-switch-base-height);
    position: relative;
    width: var(--cg3-switch-base-width);
    flex-shrink: 0;
}

.cg3-wk-switch-base:after {
    transition: transform 100ms cubic-bezier(0.4, 0, 1, 1);
    will-change: auto;
    background-color: var(--cg3-color-monochrome-white);
    border: var(--cg3-border-width-half) solid var(--cg3-color-gray-250);
    border-radius: 50%;
    box-shadow: var(--cg3-box-shadow-raised);
    content: '';
    display: inline-block;
    position: absolute;
    height: var(--cg3-switch-pointer-size);
    left: 0;
    top: calc((var(--cg3-switch-pointer-size) - var(--cg3-switch-base-height)) * -0.5);
    width: var(--cg3-switch-pointer-size);
    pointer-events: auto;
}

.cg3-wk-switch-input:is([aria-disabled='true']) ~ .cg3-wk-switch-base:after {
    background-color: var(--cg3-color-gray-50);
    box-shadow: none;
}



/* LITERAL COLORS */

[cg3-theme='PDS-v3'] {
    --cg3-color-red-100: #fad2d5;
    --cg3-color-red-175: #f6b1b6;
    --cg3-color-red-250: #f29097;
    --cg3-color-red-375: #ec5862;
    --cg3-color-red-500: #e5202e;
    --cg3-color-red-625: #ac1822;
    --cg3-color-red-750: #721017;
    --cg3-color-green-100: #e7f2d2;
    --cg3-color-green-175: #d4e8b1;
    --cg3-color-green-250: #c2de90;
    --cg3-color-green-375: #a4cd58;
    --cg3-color-green-500: #85bc20;
    --cg3-color-green-625: #648d18;
    --cg3-color-green-750: #425e10;
    --cg3-color-blue-25: #f2f8fc;
    --cg3-color-blue-50: #e6f2f9;
    --cg3-color-blue-100: #cce4f3;
    --cg3-color-blue-175: #a6d1ea;
    --cg3-color-blue-250: #80bde1;
    --cg3-color-blue-375: #409bd2;
    --cg3-color-blue-500: #007ac3;
    --cg3-color-blue-525: #0074b9;
    --cg3-color-blue-625: #005b92;
    --cg3-color-blue-750: #003d61;
    --cg3-color-gray-25: #f6f6f6;
    --cg3-color-gray-50: #ededed;
    --cg3-color-gray-100: #dadada;
    --cg3-color-gray-175: #bfbfbf;
    --cg3-color-gray-250: #a3a3a3;
    --cg3-color-gray-375: #757575;
    --cg3-color-gray-500: #474747;
    --cg3-color-gray-575: #3c3c3c;
    --cg3-color-gray-625: #353535;
    --cg3-color-gray-675: #2e2e2e;
    --cg3-color-gray-750: #232323;
    --cg3-color-gray-825: #191919;
    --cg3-color-monochrome-black: #000000;
    --cg3-color-monochrome-white: #ffffff;
    --cg3-color-orange-100: #fbe9cc;
    --cg3-color-orange-175: #f8d8a6;
    --cg3-color-orange-250: #f5c780;
    --cg3-color-orange-375: #efab40;
    --cg3-color-orange-500: #ea8f00;
    --cg3-color-orange-550: #d17600;
    --cg3-color-orange-750: #af6b00;
    --cg3-color-orange-825: #754700;
    --cg3-color-highlight-blue: #66ccff;
    --cg3-color-highlight-green: #00ffcc;
    --cg3-color-highlight-pink: #ff6ecf;
    --cg3-color-highlight-orange: #fed009;
    --cg3-color-highlight-yellow: #ffff00;
}

/* INTERACTIVE */

[cg3-theme='PDS-v3'] {
    --cg3-interactive-border-color-default: var(--cg3-color-gray-375); /* #757575 */
    --cg3-interactive-border-color-hover: var(--cg3-color-blue-625); /* #005b92 */
    --cg3-interactive-border-color-selected: var(--cg3-color-blue-625); /* #005b92 */
    --cg3-interactive-color-bg-hover: var(--cg3-color-blue-50); /* #e6f2f9 */
    --cg3-interactive-color-bg-pressed: var(--cg3-color-blue-25); /* #f2f8fc */
    --cg3-interactive-color-bg-selected: var(--cg3-color-blue-625); /* #005b92 */
    --cg3-interactive-color-bg-selected-subtle: var(--cg3-color-blue-25); /* #f2f8fc */
    --cg3-interactive-color-icon-selected: var(--cg3-color-blue-625); /* #005b92 */
    --cg3-interactive-color-link-visited: #c9109b;
    --cg3-interactive-color-text-selected: var(--cg3-color-blue-625); /* #005b92 */
}

/* SPACING */

[cg3-theme='PDS-v3'] {
    --cg3-spacing: 1rem; /* 16px */
    --cg3-spacing-unit: calc(var(--cg3-spacing) / 16); /* 1px */
    --cg3-spacing-quarter: calc(var(--cg3-spacing) * 0.25); /* 4px */
    --cg3-spacing-half: calc(var(--cg3-spacing) * 0.5); /* 8px */
    --cg3-spacing-half-and-quarter: calc(var(--cg3-spacing) * 0.75); /* 12px */
    --cg3-spacing-seven-of-eighths: calc(var(--cg3-spacing) * 0.875); /* 14px */
    --cg3-spacing-one-and-half: calc(var(--cg3-spacing) * 1.5); /* 24px */
    --cg3-spacing-double: calc(var(--cg3-spacing) * 2); /* 32px */
}

/* TYPOGRAPHY */

[cg3-theme='PDS-v3'] {
    --cg3-font-weight-light: 300;
    --cg3-font-weight-normal: 400;
    --cg3-font-weight-medium: 500;
    --cg3-font-weight-bold: 700;

    --cg3-line-height-base: 1;
    --cg3-line-height-0: var(--cg3-line-height-base);
    --cg3-line-height-1: calc(var(--cg3-line-height-base) * 1.125);
    --cg3-line-height-2: calc(var(--cg3-line-height-base) * 1.25);
    --cg3-line-height-3: calc(var(--cg3-line-height-base) * 1.5);

    --cg3-font-size-base: 1rem;
    --cg3-font-size-0: calc(var(--cg3-font-size-base) * 0.75);
    --cg3-font-size-1: calc(var(--cg3-font-size-base) * 0.875);
    --cg3-font-size-2: var(--cg3-font-size-base);
    --cg3-font-size-3: calc(var(--cg3-font-size-base) * 1.125);
    --cg3-font-size-4: calc(var(--cg3-font-size-base) * 1.25);
    --cg3-font-size-5: calc(var(--cg3-font-size-base) * 1.375);
    --cg3-font-size-6: calc(var(--cg3-font-size-base) * 1.5);
    --cg3-font-size-7: calc(var(--cg3-font-size-base) * 1.625);
    --cg3-font-size-8: calc(var(--cg3-font-size-base) * 1.75);
    --cg3-font-size-9: calc(var(--cg3-font-size-base) * 2);

    --cg3-color-error: var(--cg3-color-red-500); /* #e5202e */
    --cg3-color-success: var(--cg3-color-green-625); /* #648d18 */

    --cg3-color-text-primary: var(--cg3-color-gray-750); /* #232323 */
    --cg3-color-text-secondary: var(--cg3-color-gray-500); /* #474747 */
    --cg3-color-text-tertiary: var(--cg3-color-gray-375); /* #757575; old helper */
    --cg3-color-text-contrast: var(--cg3-color-monochrome-black); /* #000000; old tertiary */
    --cg3-color-text-inverse: var(--cg3-color-monochrome-white); /* #ffffff */
    --cg3-color-text-placeholder: var(--cg3-color-gray-500); /* #474747 */
    --cg3-color-text-error: var(--cg3-color-red-500); /* #e5202e */

    --cg3-color-icon-primary: var(--cg3-color-gray-750); /* #232323 */
    --cg3-color-icon-tertiary: var(--cg3-color-gray-375); /* #757575 */
    --cg3-color-icon-inverse: var(--cg3-color-monochrome-white); /* #ffffff */
    --cg3-input-container-color-icon-error: var(--cg3-color-error); /* #e5202e */
    --cg3-input-container-color-icon-success: var(--cg3-color-success); /* #648d18 */
}

/* BACKGROUND */

[cg3-theme='PDS-v3'] {
    --cg3-color-bg: var(--cg3-color-monochrome-white); /* #ffffff */
    --cg3-color-bg-subtle: var(--cg3-color-gray-25); /* #f6f6f6 */
    --cg3-input-container-color-bg: var(--cg3-color-bg); /* #ffffff */
    --cg3-input-container-color-bg-read-only: var(--cg3-color-gray-50); /* #ededed */
    --cg3-dropdown-color-bg: var(--cg3-color-bg); /* #ffffff */

    --cg3-color-opacity-white-1: rgba(255, 255, 255, 0.04);
    --cg3-color-opacity-white-2: rgba(255, 255, 255, 0.08);
    --cg3-color-opacity-white-3: rgba(255, 255, 255, 0.16);
    --cg3-color-opacity-white-4: rgba(255, 255, 255, 0.37);
    --cg3-color-opacity-black-1: rgba(0, 0, 0, 0.04);
    --cg3-color-opacity-black-2: rgba(0, 0, 0, 0.07);
    --cg3-color-opacity-black-3: rgba(0, 0, 0, 0.14);
    --cg3-color-opacity-black-4: rgba(0, 0, 0, 0.36);
    --cg3-color-opacity-black-5: rgba(0, 0, 0, 0.5);
    --cg3-overlay-color: var(--cg3-color-opacity-black-5);
}

/* SHADOW */
[cg3-theme='PDS-v3'] {
    --cg3-box-shadow-flat: 0px 0px 0px 0px rgba(0, 0, 0);
    --cg3-box-shadow-raised: 0 4px 8px 0 rgba(0, 0, 0, 0.1);
    --cg3-box-shadow-overlay: 0px 6px 12px 0px rgba(0, 0, 0, 0.1);
    --cg3-box-shadow-popout: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
}

/* BORDER */

[cg3-theme='PDS-v3'] {
    --cg3-border-color: var(--cg3-color-gray-100); /* #dadada */
    --cg3-interactive-border-color-focus: var(--cg3-color-monochrome-black);
    --cg3-interactive-border-color-focus-inverse: var(--cg3-color-monochrome-white); /* #ffffff */
    --cg3-input-container-border-color-error: var(--cg3-color-error); /* #e5202e */
    --cg3-input-container-border-color-success: var(--cg3-color-success); /* #648d18 */

    --cg3-border-width: 0.125rem;
    --cg3-border-width-double: calc(var(--cg3-border-width) * 2);
    --cg3-border-width-half: calc(var(--cg3-border-width) * 0.5);

    --cg3-border-radius: 0.125rem;
    --cg3-border-radius-double: calc(var(--cg3-border-radius) * 2);
    --cg3-border-radius-half: calc(var(--cg3-border-radius) * 0.5);
}

/* HEADING */

[cg3-theme='PDS-v3'] {
    --cg3-h1-font-size: var(--cg3-font-size-6);
    --cg3-h2-font-size: var(--cg3-font-size-5);
    --cg3-h3-font-size: var(--cg3-font-size-4);
    --cg3-h4-font-size: var(--cg3-font-size-3);
    --cg3-h5-font-size: var(--cg3-font-size-2);
    --cg3-h6-font-size: var(--cg3-font-size-1);
}

@media (min-width: 600px) {
    [cg3-theme='PDS-v3'] {
        --cg3-h1-font-size: var(--cg3-font-size-7);
        --cg3-h2-font-size: var(--cg3-font-size-6);
        --cg3-h3-font-size: var(--cg3-font-size-5);
        --cg3-h4-font-size: var(--cg3-font-size-4);
        --cg3-h5-font-size: var(--cg3-font-size-3);
        --cg3-h6-font-size: var(--cg3-font-size-2);
    }
}

@media (min-width: 1024px) {
    [cg3-theme='PDS-v3'] {
        --cg3-h1-font-size: var(--cg3-font-size-9);
        --cg3-h2-font-size: var(--cg3-font-size-8);
        --cg3-h3-font-size: var(--cg3-font-size-6);
    }
}

/* OTHERS */

[cg3-theme='PDS-v3'] {
    --cg3-outline-width: 0.125rem;
    --cg3-disabled-opacity: 0.35;
    --cg3-z-index-dropdown: 1040;
    --cg3-z-index-modal: 1050;
    --cg3-z-index-tooltip: 1060;
    --cg3-transition-duration: 200ms;
}

/* GLOBALS */

[cg3-theme='PDS-v3'] button:focus:focus-visible,
[cg3-theme='PDS-v3'] a:focus:focus-visible,
[cg3-theme='PDS-v3'] [tabindex]:focus:focus-visible {
    outline: var(--cg3-interactive-border-color-focus) solid var(--cg3-outline-width);
}

[cg3-theme='PDS-v3'] button:focus:not(:focus-visible),
[cg3-theme='PDS-v3'] a:focus:not(:focus-visible),
[cg3-theme='PDS-v3'] [tabindex]:focus:not(:focus-visible) {
    outline: 0;
}

[cg3-theme='PDS-v3'] {
    background: var(--cg3-color-bg);
    font-family: 'Fira Sans', sans-serif;
    font-weight: var(--cg3-font-weight-normal);
    font-variant: discretionary-ligatures tabular-nums;
    font-kerning: normal;
    line-height: var(--cg3-line-height-3);
    color: var(--cg3-color-gray-750);
}


/* Headings */

/* h1 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) h1 {
    margin: 0;
    font-size: var(--cg3-h1-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + h1 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h2 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) h2 {
    margin: 0;
    font-size: var(--cg3-h2-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + h2 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h3 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) h3 {
    margin: 0;
    font-size: var(--cg3-h3-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + h3 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h4 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) h4 {
    margin: 0;
    font-size: var(--cg3-h4-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + h4 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h5 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) h5 {
    margin: 0;
    font-size: var(--cg3-h5-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + h5 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* h6 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) h6 {
    margin: 0;
    font-size: var(--cg3-h6-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + h6 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* Headings classes */

/* .cg3-h1 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-h1 {
    margin: 0;
    font-size: var(--cg3-h1-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-h1 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h2 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-h2 {
    margin: 0;
    font-size: var(--cg3-h2-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-h2 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h3 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-h3 {
    margin: 0;
    font-size: var(--cg3-h3-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-h3 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h4 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-h4 {
    margin: 0;
    font-size: var(--cg3-h4-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-h4 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h5 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-h5 {
    margin: 0;
    font-size: var(--cg3-h5-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-h5 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-h6 */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-h6 {
    margin: 0;
    font-size: var(--cg3-h6-font-size);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-h6 {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* .cg3-eyebrow */

.typography-wrapper.typography-wrapper :where(.cg3-typography) .cg3-eyebrow {
    margin: 0;
    font-size: var(--cg3-font-size-0);
    line-height: var(--cg3-line-height-2);
    font-weight: var(--cg3-font-weight-medium);
    text-transform: uppercase;
    color: var(--cg3-color-gray-625);
    letter-spacing: var(--cg3-spacing-unit);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + .cg3-eyebrow {
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* anchor */
.typography-wrapper.typography-wrapper :where(.cg3-typography) :is(a, a:link) {
    color: var(--cg3-color-blue-525);
    text-decoration: none;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) a:visited {
    color: var(--cg3-interactive-color-link-visited);
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) a:hover {
    color: var(--cg3-color-blue-750);
    text-decoration: underline;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) a:active {
    color: var(--cg3-color-blue-525);
    text-decoration: underline;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) a:focus:focus-visible {
    text-decoration: underline;
}

/* --- */

/* figure */
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + figure {
    margin-bottom: var(--cg3-spacing-double);
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* table */
.typography-wrapper.typography-wrapper :where(.cg3-typography) * + table {
    margin-bottom: var(--cg3-spacing-double);
    margin-top: var(--cg3-spacing-double);
}
/* --- */

/* dl */

.typography-wrapper.typography-wrapper :where(.cg3-typography) dl {
    margin: var(--cg3-spacing) 0 0;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) dl + dl {
    margin-top: var(--cg3-spacing);
}
/* --- */

/* dt */
.typography-wrapper.typography-wrapper :where(.cg3-typography) dt {
    font-weight: var(--cg3-font-weight-medium);
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) dd + dt {
    margin-top: var(--cg3-spacing);
}
/* --- */

/* dd */

.typography-wrapper.typography-wrapper :where(.cg3-typography) dd {
    margin: var(--cg3-spacing-half) 0 0;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) dd + dd {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* ol */
.typography-wrapper.typography-wrapper :where(.cg3-typography) ol {
    list-style-type: decimal;
    margin: var(--cg3-spacing) 0 0;
    padding-left: calc(var(--cg3-spacing) * 1.5);
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) ol ol {
    list-style-type: lower-alpha;
    margin-top: var(--cg3-spacing-half);
}
.typography-wrapper.typography-wrapper :where(.cg3-typography) ol ol ol {
    list-style-type: lower-roman;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) ol ol ol ol {
    list-style-type: decimal;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) ol ol ol ol ol {
    list-style-type: lower-alpha;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) ul ol {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* ul */
.typography-wrapper.typography-wrapper :where(.cg3-typography) ul {
    list-style-type: disc;
    margin: var(--cg3-spacing) 0 0;
    padding-left: calc(var(--cg3-spacing) * 1.5);
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) ol ul {
    margin-top: var(--cg3-spacing-half);
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) ul ul {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* dl */
.typography-wrapper.typography-wrapper :where(.cg3-typography) dl {
    margin: var(--cg3-spacing) 0 0;
}
/* --- */

/* li */
.typography-wrapper.typography-wrapper :where(.cg3-typography) li + li {
    margin-top: var(--cg3-spacing-half);
}
/* --- */

/* pre */
.typography-wrapper.typography-wrapper :where(.cg3-typography) pre {
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-3);
    font-family: 'Fira Code', sans-serif;

    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    margin: 0;
}
/* --- */

/* blockquote */
.typography-wrapper.typography-wrapper :where(.cg3-typography) blockquote {
    margin: 0;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) :is(blockquote:where(:not(figure > blockquote)), figure:where(:has(> blockquote))) {
    margin: 0;
    border-left: 0.375rem solid var(--cg3-color-gray-100); /* 0.375rem non standard value */
    padding-left: var(--cg3-spacing);
    font-size: var(--cg3-font-size-3);
    line-height: var(--cg3-line-height-3);
}

/* footer is supported for backward compatibility */
.typography-wrapper.typography-wrapper :where(.cg3-typography) figure:where(:has(> blockquote)) figcaption,
.typography-wrapper.typography-wrapper :where(.cg3-typography) blockquote footer {
    padding-top: var(--cg3-spacing-half-and-quarter);
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-2);
    color: var(--cg3-color-text-tertiary);
}

/* footer is supported for backward compatibility */
.typography-wrapper.typography-wrapper :where(.cg3-typography) figure:where(:has(> blockquote)) figcaption::before,
.typography-wrapper.typography-wrapper :where(.cg3-typography) blockquote footer::before {
    content: '\2014 \00A0';
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) * + :is(blockquote:where(:not(figure > blockquote)), figure:where(:has(> blockquote))) {
    margin-bottom: var(--cg3-spacing-double);
    margin-top: var(--cg3-spacing-double);
}

/* --- */

/* mark */
.typography-wrapper.typography-wrapper :where(.cg3-typography) mark {
    background: var(--cg3-color-highlight-yellow);
}
/* --- */

/* p */
.typography-wrapper.typography-wrapper :where(.cg3-typography) p {
    margin: 0;
}

.typography-wrapper.typography-wrapper :where(.cg3-typography) * + p {
    margin-top: var(--cg3-spacing);
}
/* --- */

/* strong */

.typography-wrapper.typography-wrapper :where(.cg3-typography) strong {
    font-weight: var(--cg3-font-weight-bold);
}

/* --- */

/* small */

.typography-wrapper.typography-wrapper :where(.cg3-typography) small {
    font-size: var(--cg3-font-size-1);
    line-height: var(--cg3-line-height-3);
}

/* --- */

/* kbd */

.typography-wrapper.typography-wrapper :where(.cg3-typography) kbd {
    font-family: 'Fira Code', sans-serif;
    color: var(--cg3-color-text-inverse);
    padding: 0.0625rem 0.25rem; /* none standard value */
    background: var(--cg3-color-monochrome-black);
    border-radius: var(--cg3-border-radius-double);
}

/* --- */

/* code */

.typography-wrapper.typography-wrapper :where(.cg3-typography) code {
    font-family: 'Fira Code', sans-serif;
    padding: 0 0.25rem; /* none standard value */
    border: var(--cg3-border-width-half) solid var(--cg3-border-color);
    box-sizing: border-box;
    background: var(--cg3-color-bg-subtle);
    border-radius: var(--cg3-border-radius-double);
}

/* --- */


#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz{margin-block:1rem !important}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .x6s3OIwezhwueCsLCOSZ{font-weight:500;margin:1.5rem 0 1rem}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .zto2DoZQ3kIdFJ6yOsWh{padding:0 2rem;width:100%}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .zto2DoZQ3kIdFJ6yOsWh .LnEugTclrqAo9Q4jNKKe{display:flex;flex-direction:column;gap:1rem}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .zto2DoZQ3kIdFJ6yOsWh .LnEugTclrqAo9Q4jNKKe .fb61_xH8csN9Xbzk7Udh textarea{height:40px;resize:none}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .zto2DoZQ3kIdFJ6yOsWh .LnEugTclrqAo9Q4jNKKe .tH4OSSWjnCQgIleflkEB{display:flex;flex-wrap:wrap;gap:.5rem}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .zto2DoZQ3kIdFJ6yOsWh .LnEugTclrqAo9Q4jNKKe .tH4OSSWjnCQgIleflkEB .k8PGxL9f0t0qGh8r4HeN{display:flex;align-items:center;gap:5px}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz .zto2DoZQ3kIdFJ6yOsWh .LnEugTclrqAo9Q4jNKKe .tH4OSSWjnCQgIleflkEB .k8PGxL9f0t0qGh8r4HeN [data-e2e=cg-icon]{margin:0}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz [data-e2e=cg-card-container-footer]{background-color:#f6f6f6}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz [data-e2e=cg-card-container-footer] .ImriAXgcHIjqLAJ9pgK_{width:100%}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz [data-e2e=cg-card-container-footer] .ImriAXgcHIjqLAJ9pgK_ .A0ZqcBkIwg4qJ54iNtFX,#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz [data-e2e=cg-card-container-footer] .ImriAXgcHIjqLAJ9pgK_ .Z5nNxtsPsm4SxppMm2Ax{padding:.625rem 1rem;font-size:.875rem;line-height:1.29;border:none;border-radius:0;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1);transition-property:color,background-color,border}#FrkJD6lMzscZnjPVxksz.FrkJD6lMzscZnjPVxksz [data-e2e=cg-card-container-footer] .ImriAXgcHIjqLAJ9pgK_ .Z5nNxtsPsm4SxppMm2Ax{background-color:#007ac3;color:#fff}
.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx{display:flex;flex-direction:column;gap:5px}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .wV7hfI4ojMg9aZQnQbp7{font-weight:500}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .kDyJhD6q0EMKFJeacmEd{list-style:none;counter-reset:source-counter;padding:0;margin:0}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .kDyJhD6q0EMKFJeacmEd li.XDlK9F5sGdoyeQ0U7EF5{counter-increment:source-counter}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .kDyJhD6q0EMKFJeacmEd li.XDlK9F5sGdoyeQ0U7EF5::before{content:counter(source-counter) ". ";color:#005b92}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .kDyJhD6q0EMKFJeacmEd li.NyZmsOQN7pMTM2HPExn0::before{align-self:start;margin-top:3px}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .kDyJhD6q0EMKFJeacmEd li.XRMQLTJJrNkpwoH7wlxL{text-transform:capitalize}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey{display:grid;grid-template-columns:auto 1fr auto;align-items:center;width:fit-content;grid-gap:5px;font-size:13px;padding-right:5px}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .W6wUPIbUZBQOqffoN5P_{cursor:pointer;background:none;border:none;margin:0;padding:0}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .W6wUPIbUZBQOqffoN5P_:hover{background-color:#f2f8fc}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .W6wUPIbUZBQOqffoN5P_:disabled{cursor:default;background-color:rgba(0,0,0,0)}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .W6wUPIbUZBQOqffoN5P_ [data-e2e=cg-icon]{padding:.5rem}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .W6wUPIbUZBQOqffoN5P_ .a2XVQfVCs4RBQ86YLAjq{width:500px !important}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey.qRx29Yt7zMhHwXOSTXem{font-size:16px}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .d9wIHdQbC6kzFzYn_BXa{padding:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#005b92}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .d9wIHdQbC6kzFzYn_BXa .kGGlE9LATAj07I2842r4{text-decoration:underline}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .d9wIHdQbC6kzFzYn_BXa .MDrl2NNyXLAUvNvBMON_{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;white-space:normal}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .d9wIHdQbC6kzFzYn_BXa .DkEAaooX19QANVdjONZ2{text-decoration:none}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .d9wIHdQbC6kzFzYn_BXa .DkEAaooX19QANVdjONZ2:hover{text-decoration:underline}.eMh5Z352vMRKIgM4ANyW .OQrxZHg4ZYSlVRXhKfEx .qPk0_dCAPd0xi5Zo8uey .d9wIHdQbC6kzFzYn_BXa a{color:#005b92;text-decoration:underline}.eMh5Z352vMRKIgM4ANyW [data-e2e=cg-tooltip]{display:flex;max-height:305px;max-width:500px}.eMh5Z352vMRKIgM4ANyW [data-e2e=cg-tooltip] [data-e2e=cg-tooltip-body]{display:inline-block;overflow:hidden;max-height:100%}
.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd{margin-top:30px;margin-bottom:15px;font-size:14px}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .Yyp7XdCtx4ISNuyA87TU{font-weight:500}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .STgZRKpl2k999FKlMN6X{counter-reset:source-counter;display:grid;gap:10px;list-style:none;padding-left:10px}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .STgZRKpl2k999FKlMN6X li.DMQ3mGpx87Uzaw1BGTJG{counter-increment:source-counter}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .STgZRKpl2k999FKlMN6X li.DMQ3mGpx87Uzaw1BGTJG::before{content:counter(source-counter) ". ";color:#005b92}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .cl14uaFC_6calY6zKHHG{display:flex}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .cl14uaFC_6calY6zKHHG .aPZgvpcLXTIzXZTmFd8T{text-decoration:none;color:#005b92}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .cl14uaFC_6calY6zKHHG .aPZgvpcLXTIzXZTmFd8T:hover{text-decoration:underline}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .cl14uaFC_6calY6zKHHG .ygxJaDA_hIBbIc979HYx{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .cl14uaFC_6calY6zKHHG .slSfkvVCyLUm0p6SjOJc{text-decoration:underline}.sFOsTFUdCicGAj6BusBh .BHfRkvvQZ8QbT4Z5wKqd .EbACp4mHxIIbdzUczZYF{overflow:hidden}.sFOsTFUdCicGAj6BusBh [data-e2e=cg-tooltip]{display:flex;max-height:305px;max-width:500px}.sFOsTFUdCicGAj6BusBh [data-e2e=cg-tooltip] [data-e2e=cg-tooltip-body]{display:inline-block;overflow:hidden;max-height:100%}.sFOsTFUdCicGAj6BusBh [data-e2e=cg-card-container]{border-color:rgba(0,0,0,0)}.sFOsTFUdCicGAj6BusBh [data-e2e=cg-card-container] [data-e2e=cg-card-container-content]{border-color:rgba(0,0,0,0)}
.LIsjBllEwABce37ZEYpg{height:100%;width:100%}.LIsjBllEwABce37ZEYpg [data-e2e=cg-sr-only]{display:none}.LIsjBllEwABce37ZEYpg .X4PFzkxCx80uvMiTTC_5{position:absolute}.LIsjBllEwABce37ZEYpg .X4PFzkxCx80uvMiTTC_5 [data-e2e=cg-icon]{margin-right:0;margin-top:15px}@media(min-width: 1024px){.LIsjBllEwABce37ZEYpg .X4PFzkxCx80uvMiTTC_5{display:none}}.LIsjBllEwABce37ZEYpg [data-e2e=cg-separator]{display:none}.LIsjBllEwABce37ZEYpg [class*=is-closed]{width:57px !important;max-width:57px !important}.LIsjBllEwABce37ZEYpg [class*=is-closed] [data-e2e=cg-icon]{margin:0 !important}.LIsjBllEwABce37ZEYpg [class*=is-closed] [data-e2e=cg-splitpane-aside-body]{padding-top:3rem !important}.LIsjBllEwABce37ZEYpg [class*=is-closed] .fvAbyBiTX0VxPgWbM4KJ{justify-content:center}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body]{padding-inline:0 !important;padding-bottom:0 !important;display:flex;flex-direction:column;gap:1rem}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] [data-e2e=cg-toggle-button]{margin:15px .5rem 0 !important}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .jycDkERFdCULRTBVP077{padding-inline:.75rem}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .jycDkERFdCULRTBVP077 [data-e2e=cg-button-field]{width:100%}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .jycDkERFdCULRTBVP077 button{width:100%;justify-content:center}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .JaGhUe1nKYc3lk0XHZnT{position:absolute;right:.5rem;background-color:#e6f2f9;font-weight:400;text-transform:none;visibility:hidden;opacity:0}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .fvAbyBiTX0VxPgWbM4KJ{position:relative;display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-transform:uppercase;color:#3c3c3c}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .fvAbyBiTX0VxPgWbM4KJ.RIx73PD7G44Hff6E0C6A:hover,.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .fvAbyBiTX0VxPgWbM4KJ.RIx73PD7G44Hff6E0C6A:focus-within{background-color:#e6f2f9;cursor:pointer}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .fvAbyBiTX0VxPgWbM4KJ.RIx73PD7G44Hff6E0C6A:hover .JaGhUe1nKYc3lk0XHZnT,.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .fvAbyBiTX0VxPgWbM4KJ.RIx73PD7G44Hff6E0C6A:focus-within .JaGhUe1nKYc3lk0XHZnT{visibility:visible;opacity:1}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .NfZzbIZEFt4frsd1xYXn{display:flex;flex-direction:column;align-items:center;padding-inline:1rem}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] [data-e2e=cg-accordion]{overflow:auto;height:100%}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] [data-e2e=cg-accordion-item]{border:none;margin-bottom:1rem}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] [data-e2e=cg-accordion-item] [data-e2e=cg-accordion-item-body]{overflow-y:initial}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .J4e8zaRbFF0ZEdCXgKPJ{width:100%;font-weight:500;line-height:1rem;color:#3c3c3c}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .J4e8zaRbFF0ZEdCXgKPJ button{text-transform:uppercase;padding-block:.44rem}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] [class*=accordion-item-element]{padding:0}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul{margin:0;padding:0}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul .mr4jltXH0_oDufoKDhln.aQ1_pktSezUK3dE5INht{font-weight:500;background-color:#f2f8fc;color:#005b92}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul .mr4jltXH0_oDufoKDhln{position:relative;padding:.75rem 1rem;display:flex;align-items:center;justify-content:space-between;list-style:none;line-height:1rem;cursor:pointer}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul .mr4jltXH0_oDufoKDhln:hover,.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul .mr4jltXH0_oDufoKDhln:focus-within{background-color:#e6f2f9}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul .mr4jltXH0_oDufoKDhln:hover .JaGhUe1nKYc3lk0XHZnT,.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] ul .mr4jltXH0_oDufoKDhln:focus-within .JaGhUe1nKYc3lk0XHZnT{visibility:visible;opacity:1}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .IUdvj6MOsu4TlfeB3gkB{display:flex;flex:1;flex-direction:column;justify-content:flex-end}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .IUdvj6MOsu4TlfeB3gkB .RnJkltyyLggbs3nnXJ7Q{border:none;height:1px;background-color:#d9d9d9;margin:0 1rem .5rem;align-self:stretch}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .IUdvj6MOsu4TlfeB3gkB.g2FznSw2nsL7eCO1UmHJ{align-items:center}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .IUdvj6MOsu4TlfeB3gkB.g2FznSw2nsL7eCO1UmHJ [data-e2e=cg-icon]{margin:0}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .IUdvj6MOsu4TlfeB3gkB button{color:#3c3c3c}.LIsjBllEwABce37ZEYpg [data-e2e=cg-splitpane-aside-body] .IUdvj6MOsu4TlfeB3gkB ul{flex-direction:column}
aside[class*=is-open] .ElIMLnRUopUDmytNFhRn{display:flex;flex:1;font-size:.875rem;padding:.5rem 1.5rem;flex-direction:column;text-align:center;justify-content:center}aside:not([class*=is-open]) .ElIMLnRUopUDmytNFhRn{display:none}
.IkxTMr9EDjwAWNPooW2p{white-space:nowrap}.IkxTMr9EDjwAWNPooW2p .NskwVHX9UwnDtbCEdkpu{position:absolute;display:none}.IkxTMr9EDjwAWNPooW2p:focus-within .NskwVHX9UwnDtbCEdkpu{top:10px;right:40px;clip-path:inset(0 0 0 0);outline-offset:2px}@media(min-width: 1024px){.IkxTMr9EDjwAWNPooW2p .NskwVHX9UwnDtbCEdkpu{display:initial;clip-path:inset(0 0 0 100%);padding:4px}}
.Wsu7RNGeglsjTofIEIFo h4.UXtDoQ7Qxr85FYQlxq8M{font-weight:500;font-size:initial;margin-block:1.33em}
.sGO7sadf7zUDwZITnSz2 button.reY4cuaoobILOfYhkNrn{padding-inline:0;padding-bottom:0;margin-inline:0;border:0}
@media(min-width: 375px){.crn_VnHwwOxlnPfXY6hU{display:flex;align-items:flex-start !important;flex-wrap:wrap;width:100% !important}.crn_VnHwwOxlnPfXY6hU .kBh93HthbkgENVpVr7st{display:flex;align-items:flex-start;flex-wrap:wrap;padding:5px;margin-bottom:1em;border-bottom:1.5px solid #dadada}.crn_VnHwwOxlnPfXY6hU .nxP7mfXnANgx5D3PujtH{display:flex;flex-direction:column;align-items:flex-start;flex-wrap:wrap;padding-bottom:10px}.crn_VnHwwOxlnPfXY6hU .B2ipRtBbgvIFfBU0vCnQ{display:flex;flex-direction:row;align-items:start;white-space:nowrap;line-height:2.5em;vertical-align:middle}.crn_VnHwwOxlnPfXY6hU .Y7ph_pgm3ZUhMxC3fkvp{display:flex;flex-direction:row;align-items:flex-start;gap:.5em;flex-wrap:wrap;line-height:2.5em;vertical-align:middle}}
section.HuBeg_guvSMNXnOnvFL2:not(:empty){position:sticky;inset:0;display:grid;place-items:center;height:0}section.HuBeg_guvSMNXnOnvFL2:not(:empty) button{position:absolute !important;top:-3.5rem !important;transform:translateX(-50%)}
.rlVAnIHSjTcJ5SZxjxMu .VAmeXPd_z0e8Ud9OinyB{display:flex;flex-direction:row;align-items:start;gap:20px}.rlVAnIHSjTcJ5SZxjxMu .IYyIhabRpYEFOfqr3CIb{display:flex;flex-direction:row;align-items:start;gap:20px}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw{display:grid;grid-template-columns:repeat(2, 1fr);gap:16px;padding:20px}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .ivDvTK5i5QbEwSwPkkzg{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;padding:16px;border:1px solid #dadada;background-color:#fff;max-width:100%;gap:8px;max-height:120px;min-height:80px;cursor:pointer;transition:all .3s ease}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .ivDvTK5i5QbEwSwPkkzg:hover{background-color:#f2f8fc;border-color:#005b92;color:#000}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .ivDvTK5i5QbEwSwPkkzg.KfuEEvDxgk0rF8x7u_Ip{cursor:not-allowed;pointer-events:none;opacity:50%}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .AcPF7RQx0MElbqQLCJNB{color:#007ac3}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .nBCHISQ2jkgTnrwnKE3g{display:flex;flex-direction:row;align-items:center;gap:8px}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .p_aQ6hRpdMkJdAi0COnu{font-weight:normal;font-size:16px;margin:0}.rlVAnIHSjTcJ5SZxjxMu .BW70Y8dBnS8cQlKMYTZw .UX2BFHbRYyqvTyPssDQU{text-align:left;margin:0;font-size:14px;color:#474747;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;line-height:1.4;max-height:2.8em}
.LwgMTcOMikQvKvq5l88B{height:100%;overflow:auto}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE{background-color:#fff;border:.0625rem solid #dadada;box-shadow:0 .375rem .75rem 0 rgba(0,0,0,.1)}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE [data-e2e=cg-dropdown-menu-item-button]{height:unset !important}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE [data-e2e=cg-dropdown-menu-item-button][class*=selected]{background-color:#e6f2f9}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE li{margin:0 !important}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE .RaD6kCK86oAbjmPlg6rX{height:2rem;width:2rem;padding:0}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE .seiaOEsrEEscdu2eXzlq,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE .RaD6kCK86oAbjmPlg6rX{margin:.25rem}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE .seiaOEsrEEscdu2eXzlq.PlWM2yIIyesvCqJ6TIgl,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE .RaD6kCK86oAbjmPlg6rX.PlWM2yIIyesvCqJ6TIgl{background:#e6f2f9}.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE h1,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE h2,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE h3,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE h4,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE h5,.LwgMTcOMikQvKvq5l88B .g9Y7j4M3flETExn3mRGE h6{margin:0}
.UgFrZ8ZxX3UlOUAqjziu{padding-block-start:.5rem}.UgFrZ8ZxX3UlOUAqjziu [data-e2e=cg-field]{margin-bottom:0}.UgFrZ8ZxX3UlOUAqjziu [data-e2e=cg-input-field-container]>div>[data-e2e=cg-button-field-icon]>[data-e2e=cg-search-button]:has([icon-name=search]){color:rgba(0,0,0,0)}.UgFrZ8ZxX3UlOUAqjziu .unN1_0oBg00WU07lvBex{position:relative}.UgFrZ8ZxX3UlOUAqjziu .unN1_0oBg00WU07lvBex .H0kXPN7H93QQaEdrogtw{position:absolute;right:.75rem;top:0;display:flex;align-items:center;height:100%;background:none;border:none;margin:0;padding:0}
#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6{margin-block:1rem !important}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .YOQ6_Hhgim8fNeBIqxJA{font-weight:500;margin:1.5rem 0 1rem}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .iKmQmL5W_co1PXoF8cxc{padding:0 2rem;width:100%}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .iKmQmL5W_co1PXoF8cxc .ncuDhiEgjswaf41wLNzG{display:flex;flex-direction:column;gap:1rem}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .iKmQmL5W_co1PXoF8cxc .ncuDhiEgjswaf41wLNzG .bZrMOpEAof0QC2XGENV2 textarea{height:40px;resize:none}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .iKmQmL5W_co1PXoF8cxc .ncuDhiEgjswaf41wLNzG .T0eSUynUaAp9pw_c6Pt3{display:flex;flex-wrap:wrap;gap:.5rem}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .iKmQmL5W_co1PXoF8cxc .ncuDhiEgjswaf41wLNzG .T0eSUynUaAp9pw_c6Pt3 .ES866t4Q1GQzI1Ehk0J_{display:flex;align-items:center;gap:5px}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 .iKmQmL5W_co1PXoF8cxc .ncuDhiEgjswaf41wLNzG .T0eSUynUaAp9pw_c6Pt3 .ES866t4Q1GQzI1Ehk0J_ [data-e2e=cg-icon]{margin:0}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 [data-e2e=cg-card-container-footer]{background-color:#f6f6f6}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 [data-e2e=cg-card-container-footer] .IPyai1n3_CQD2zYUtReC{width:100%}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 [data-e2e=cg-card-container-footer] .IPyai1n3_CQD2zYUtReC .BKucTSg0B_WbdG_teyM7,#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 [data-e2e=cg-card-container-footer] .IPyai1n3_CQD2zYUtReC .IF2s1bTzPoEkkuV7hYoK{padding:.625rem 1rem;font-size:.875rem;line-height:1.29;border:none;border-radius:0;transition:color 300ms cubic-bezier(0.4, 0, 0.2, 1);transition-property:color,background-color,border}#oOjR9FGlTvcdtbuilAw6.oOjR9FGlTvcdtbuilAw6 [data-e2e=cg-card-container-footer] .IPyai1n3_CQD2zYUtReC .IF2s1bTzPoEkkuV7hYoK{background-color:#007ac3;color:#fff}
._9Srvl5nb3IzaqJgBJqX{display:flex !important;flex-wrap:wrap !important;gap:.5rem !important}._9Srvl5nb3IzaqJgBJqX.m12s4tUM2I8oSjQ9ntjJ{padding-left:0}._9Srvl5nb3IzaqJgBJqX .kkHHv3cWe4AZp2jV8_Zy{margin-top:5px;margin-right:10px}._9Srvl5nb3IzaqJgBJqX .PZq0hZcvB8Itfsr1p0sK{padding:0px 12px 0px 12px;border-radius:16px;display:grid}
.Ovl6RUMdiU8JaMGHDTkm{position:relative;display:flex;align-items:center}.Ovl6RUMdiU8JaMGHDTkm .kwJ48MJZQ1UcHMR1oO92{position:absolute;top:0;left:0}.Ovl6RUMdiU8JaMGHDTkm .td6BIepiCkUEAS2plm2a{margin-top:.5rem;margin-left:.75rem}.HWIckx7ig0UkrQEfA6MB{padding:1rem}.HWIckx7ig0UkrQEfA6MB *:not([class*=cg-]){all:revert-layer}.HWIckx7ig0UkrQEfA6MB [data-e2e=cg-tooltip-body] button{all:unset}.HWIckx7ig0UkrQEfA6MB *,.HWIckx7ig0UkrQEfA6MB *::before,.HWIckx7ig0UkrQEfA6MB *::after{box-sizing:border-box !important;font-family:inherit !important}.HWIckx7ig0UkrQEfA6MB [data-e2e=cg-sr-only]{display:none}.HWIckx7ig0UkrQEfA6MB [class*=cg-accordion-item-element-hidden-body]{display:initial;visibility:hidden}.HWIckx7ig0UkrQEfA6MB .TU53DaJ6zh0J2qBIeQUs{text-align:left}.HWIckx7ig0UkrQEfA6MB .TU53DaJ6zh0J2qBIeQUs [data-e2e=cg-pill-button]{cursor:default;padding:3px 12px;text-transform:capitalize}.HWIckx7ig0UkrQEfA6MB .TU53DaJ6zh0J2qBIeQUs [data-e2e=cg-pill-button]:hover{background-color:#fff}.HWIckx7ig0UkrQEfA6MB [data-e2e=cg-tooltip]{display:flex;max-height:305px;max-width:500px}.HWIckx7ig0UkrQEfA6MB [data-e2e=cg-tooltip] [data-e2e=cg-tooltip-body]{display:block;overflow:hidden;max-height:100%}.HWIckx7ig0UkrQEfA6MB .LGUbHCpLaMAUuKPFgyKr{text-align:left;font-size:1rem;font-weight:500;line-height:1.3}.HWIckx7ig0UkrQEfA6MB .InYddYxY4u4xk5wK2cIA{overflow:hidden;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.HWIckx7ig0UkrQEfA6MB .LGUbHCpLaMAUuKPFgyKr.sMHfvi7BglDTOMO4ucnw{font-size:1.2rem;margin-block:1rem}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_{display:flex;flex-direction:column;gap:5px;font-size:13px}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_.SsMHhhqhMxAfYdc73TxA{font-size:16px}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .i0iD2QzI_IkYtJZfe5LA{font-weight:500}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .yNlK76jU1j4mAAMuZ36d{list-style:none;counter-reset:source-counter;padding:0;margin:0}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .yNlK76jU1j4mAAMuZ36d li.y5CAl7cbgfez7bjjPHbs{counter-increment:source-counter}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .yNlK76jU1j4mAAMuZ36d li.y5CAl7cbgfez7bjjPHbs::before{content:counter(source-counter) ". ";color:#005b92}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .yNlK76jU1j4mAAMuZ36d li.rmDgPcKNok4o6ElVVRbH{text-transform:capitalize}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH{display:flex;gap:5px}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .y5CAl7cbgfez7bjjPHbs{color:#005b92}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .rmDgPcKNok4o6ElVVRbH{text-transform:capitalize}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .N_TUpHztmI0jGnFiUu_C{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:none;color:#005b92}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .N_TUpHztmI0jGnFiUu_C:hover{text-decoration:underline}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .xg_SRqUSFZcmRGBFOnen{overflow:hidden;text-decoration:none;color:#005b92;width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .xg_SRqUSFZcmRGBFOnen:hover{text-decoration:underline}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .nFu65X41El8eek7NUzA9{color:gray;text-decoration:none;cursor:default}.HWIckx7ig0UkrQEfA6MB .FLnWZLlzVKQxZBR5usa_ .czCop7uDhFgUhafd2fKH .K4PyICpv47JcBiuezQOg{text-decoration:underline}.HWIckx7ig0UkrQEfA6MB .jgkl19HeTtgf0oL1RaXN{margin-top:8px;padding-inline:0px;font-size:14px;line-height:18px;color:#a3a3a3;font-style:italic}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc{display:flex;flex-direction:column;gap:20px;padding:2px}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc [class*=cg-button-group-items]{margin:unset;padding:unset}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc [class*=cg-button-group-items] li{margin-top:0}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc .O4QcawxxB1cVNZq1Z6Ax{font-size:1rem;margin:0}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc .sk5I2ESzLgerw5GOMS1R{overflow:hidden;width:100%;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc .ejl1o6NVJIMnbtFUXK0o{font-size:1rem;font-weight:500;margin:0 0 10px}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc .vOj6Fza513sQ2J2G9B3B{padding-top:15px;border-top:.0625rem solid #dadada}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc .PN6GWU9hni8XSFwBNLhL{border:1px solid #dadada;border-bottom:none}.HWIckx7ig0UkrQEfA6MB .kXCJqOBpi9c2tMxdwunc ._tblti3Kx48z6q2THecS{margin-top:10px !important;padding:0 !important;box-shadow:none !important;text-transform:none !important;border:none !important}.HWIckx7ig0UkrQEfA6MB ._A8khvWUHcI4AI8jCBQK{display:inline-flex;gap:.5em;align-items:flex-end;cursor:pointer}.HWIckx7ig0UkrQEfA6MB .IYaAViHgkNQmSD_x92rt{margin-top:10px}.HWIckx7ig0UkrQEfA6MB>div>section{border:0}.HWIckx7ig0UkrQEfA6MB>div>section div[class="cg-accordion-item-header-wrapper "]:hover{background-color:initial}.HWIckx7ig0UkrQEfA6MB>div>section div[data-e2e=cg-accordion-item-body]{max-height:none !important}.hPxZMp9zc2AnX2QX6TOd{display:inline-block !important}.hPxZMp9zc2AnX2QX6TOd span[data-e2e=cg-tooltip]{max-height:unset !important}.hPxZMp9zc2AnX2QX6TOd span[data-e2e=cg-tooltip-body]{max-width:290px !important;overflow-wrap:break-word}