@import "https://rsms.me/inter/inter.css";.brightyard-data-grid { position: relative; width: 100%; height: 100%; border-radius: 0; border: none; background: transparent; box-shadow: none; overflow: hidden; } .brightyard-data-grid:focus-within { outline: none; } .brightyard-data-grid__editor { --brightyard-grid-font-size: 13px; --brightyard-grid-font-weight: 500; --brightyard-grid-header-font-size: 12px; --brightyard-grid-header-font-weight: 600; } .brightyard-data-grid__overlay { position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; padding: 1.5rem; background: linear-gradient( 180deg, hsl(var(--background-elevated) / 0.92) 0%, hsl(var(--background-elevated) / 0.98) 100% ); z-index: 2; } .brightyard-data-grid__placeholder { display: grid; gap: 0.75rem; width: 100%; max-width: 480px; text-align: center; font-size: 0.95rem; color: hsl(var(--foreground-muted)); } .brightyard-data-grid__placeholder > *:only-child { margin-inline: auto; } .brightyard-data-grid__skeleton { height: 1.75rem; border-radius: var(--radius-sm); background: linear-gradient( 90deg, hsl(var(--background-subtle)) 0%, hsl(var(--background)) 50%, hsl(var(--background-subtle)) 100% ); background-size: 200% 100%; animation: brightyard-data-grid-skeleton 1.6s ease-in-out infinite; } @keyframes brightyard-data-grid-skeleton { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } /* Hover actions overlay */ .brightyard-data-grid__hover-actions { animation: brightyard-hover-actions-fade-in 0.1s ease-out; } @keyframes brightyard-hover-actions-fade-in { from { opacity: 0; transform: translateX(4px); } to { opacity: 1; transform: translateX(0); } } .grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:rgba(0,0,0,.1);margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle,.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px rgba(0,0,0,.2);opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.grid-stack-placeholder,.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0}._verified_lvyh0_1 { margin-left: 0.125rem; max-width: 20px; max-height: 20px; height: 1.25em; fill: currentColor; -webkit-user-select: none; -moz-user-select: none; user-select: none; vertical-align: text-bottom; } ._root_98iqw_1 { width: 100%; min-width: 250px; max-width: 550px; overflow: hidden; /* Base font styles */ color: var(--tweet-font-color); font-family: var(--tweet-font-family); font-weight: 400; box-sizing: border-box; border: var(--tweet-border); border-radius: 12px; margin: var(--tweet-container-margin); background-color: var(--tweet-bg-color); transition-property: background-color, box-shadow; transition-duration: 0.2s; } ._root_98iqw_1:hover { background-color: var(--tweet-bg-color-hover); } ._article_98iqw_21 { position: relative; box-sizing: inherit; padding: 0.75rem 1rem; } .react-tweet-theme { --tweet-container-margin: 1.5rem 0; /* Header */ --tweet-header-font-size: 0.9375rem; --tweet-header-line-height: 1.25rem; /* Text */ --tweet-body-font-size: 1.25rem; --tweet-body-font-weight: 400; --tweet-body-line-height: 1.5rem; --tweet-body-margin: 0; /* Quoted Tweet */ --tweet-quoted-container-margin: 0.75rem 0; --tweet-quoted-body-font-size: 0.938rem; --tweet-quoted-body-font-weight: 400; --tweet-quoted-body-line-height: 1.25rem; --tweet-quoted-body-margin: 0.25rem 0 0.75rem 0; /* Info */ --tweet-info-font-size: 0.9375rem; --tweet-info-line-height: 1.25rem; /* Actions like the like, reply and copy buttons */ --tweet-actions-font-size: 0.875rem; --tweet-actions-line-height: 1rem; --tweet-actions-font-weight: 700; --tweet-actions-icon-size: 1.25em; --tweet-actions-icon-wrapper-size: calc( var(--tweet-actions-icon-size) + 0.75em ); /* Reply button */ --tweet-replies-font-size: 0.875rem; --tweet-replies-line-height: 1rem; --tweet-replies-font-weight: 700; } :where(.react-tweet-theme) * { margin: 0; padding: 0; box-sizing: border-box; } :is([data-theme='light'], .light) :where(.react-tweet-theme), :where(.react-tweet-theme) { --tweet-skeleton-gradient: linear-gradient( 270deg, #fafafa, #eaeaea, #eaeaea, #fafafa ); --tweet-border: 1px solid rgb(207, 217, 222); --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --tweet-font-color: rgb(15, 20, 25); --tweet-font-color-secondary: rgb(83, 100, 113); --tweet-bg-color: #fff; --tweet-bg-color-hover: rgb(247, 249, 249); --tweet-quoted-bg-color-hover: rgba(0, 0, 0, 0.03); --tweet-color-blue-primary: rgb(29, 155, 240); --tweet-color-blue-primary-hover: rgb(26, 140, 216); --tweet-color-blue-secondary: rgb(0, 111, 214); --tweet-color-blue-secondary-hover: rgba(0, 111, 214, 0.1); --tweet-color-red-primary: rgb(249, 24, 128); --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1); --tweet-color-green-primary: rgb(0, 186, 124); --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1); --tweet-twitter-icon-color: var(--tweet-font-color); --tweet-verified-old-color: rgb(130, 154, 171); --tweet-verified-blue-color: var(--tweet-color-blue-primary); } :is([data-theme='dark'], .dark) :where(.react-tweet-theme) { --tweet-skeleton-gradient: linear-gradient( 270deg, #15202b, rgb(30, 39, 50), rgb(30, 39, 50), rgb(21, 32, 43) ); --tweet-border: 1px solid rgb(66, 83, 100); --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --tweet-font-color: rgb(247, 249, 249); --tweet-font-color-secondary: rgb(139, 152, 165); --tweet-bg-color: rgb(21, 32, 43); --tweet-bg-color-hover: rgb(30, 39, 50); --tweet-quoted-bg-color-hover: rgba(255, 255, 255, 0.03); --tweet-color-blue-primary: rgb(29, 155, 240); --tweet-color-blue-primary-hover: rgb(26, 140, 216); --tweet-color-blue-secondary: rgb(107, 201, 251); --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1); --tweet-color-red-primary: rgb(249, 24, 128); --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1); --tweet-color-green-primary: rgb(0, 186, 124); --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1); --tweet-twitter-icon-color: var(--tweet-font-color); --tweet-verified-old-color: rgb(130, 154, 171); --tweet-verified-blue-color: #fff; } @media (prefers-color-scheme: dark) { :where(.react-tweet-theme) { --tweet-skeleton-gradient: linear-gradient( 270deg, #15202b, rgb(30, 39, 50), rgb(30, 39, 50), rgb(21, 32, 43) ); --tweet-border: 1px solid rgb(66, 83, 100); --tweet-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; --tweet-font-color: rgb(247, 249, 249); --tweet-font-color-secondary: rgb(139, 152, 165); --tweet-bg-color: rgb(21, 32, 43); --tweet-bg-color-hover: rgb(30, 39, 50); --tweet-color-blue-primary: rgb(29, 155, 240); --tweet-color-blue-primary-hover: rgb(26, 140, 216); --tweet-color-blue-secondary: rgb(107, 201, 251); --tweet-color-blue-secondary-hover: rgba(107, 201, 251, 0.1); --tweet-color-red-primary: rgb(249, 24, 128); --tweet-color-red-primary-hover: rgba(249, 24, 128, 0.1); --tweet-color-green-primary: rgb(0, 186, 124); --tweet-color-green-primary-hover: rgba(0, 186, 124, 0.1); --tweet-twitter-icon-color: var(--tweet-font-color); --tweet-verified-old-color: rgb(130, 154, 171); --tweet-verified-blue-color: #fff; } } ._header_nqq4j_1 { display: flex; padding-bottom: 0.75rem; line-height: var(--tweet-header-line-height); font-size: var(--tweet-header-font-size); white-space: nowrap; overflow-wrap: break-word; overflow: hidden; } ._avatar_nqq4j_11 { position: relative; height: 48px; width: 48px; } ._avatarOverflow_nqq4j_16 { height: 100%; width: 100%; position: absolute; overflow: hidden; border-radius: 9999px; } ._avatarSquare_nqq4j_23 { border-radius: 4px; } ._avatarShadow_nqq4j_26 { height: 100%; width: 100%; transition-property: background-color; transition-duration: 0.2s; box-shadow: rgb(0 0 0 / 3%) 0px 0px 2px inset; } ._avatarShadow_nqq4j_26:hover { background-color: rgba(26, 26, 26, 0.15); } ._author_nqq4j_37 { max-width: calc(100% - 84px); display: flex; flex-direction: column; justify-content: center; margin: 0 0.5rem; } ._authorLink_nqq4j_44 { text-decoration: none; color: inherit; display: flex; align-items: center; } ._authorLink_nqq4j_44:hover { text-decoration-line: underline; } ._authorVerified_nqq4j_53 { display: inline-flex; } ._authorLinkText_nqq4j_56 { font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ._authorMeta_nqq4j_63 { display: flex; } ._authorFollow_nqq4j_66 { display: flex; } ._username_nqq4j_69 { color: var(--tweet-font-color-secondary); text-decoration: none; text-overflow: ellipsis; } ._follow_nqq4j_74 { color: var(--tweet-color-blue-secondary); text-decoration: none; font-weight: 700; } ._follow_nqq4j_74:hover { text-decoration-line: underline; } ._separator_nqq4j_82 { padding: 0 0.25rem; } ._brand_nqq4j_86 { margin-inline-start: auto; } ._twitterIcon_nqq4j_90 { width: 23.75px; height: 23.75px; color: var(--tweet-twitter-icon-color); fill: currentColor; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._verifiedOld_lcna5_1 { color: var(--tweet-verified-old-color); } ._verifiedBlue_lcna5_4 { color: var(--tweet-verified-blue-color); } ._verifiedGovernment_lcna5_7 { /* color: var(--tweet-verified-government-color); */ color: rgb(130, 154, 171); } ._root_1ec15_1 { text-decoration: none; color: var(--tweet-font-color-secondary); font-size: 0.9375rem; line-height: 1.25rem; margin-bottom: 0.25rem; overflow-wrap: break-word; white-space: pre-wrap; } ._root_1ec15_1:hover { text-decoration-thickness: 1px; text-decoration-line: underline; } ._root_eihfa_1 { font-weight: inherit; color: var(--tweet-color-blue-secondary); text-decoration: none; cursor: pointer; } ._root_eihfa_1:hover { text-decoration-thickness: 1px; text-decoration-line: underline; } ._root_1xq52_1 { font-size: var(--tweet-body-font-size); font-weight: var(--tweet-body-font-weight); line-height: var(--tweet-body-line-height); margin: var(--tweet-body-margin); overflow-wrap: break-word; white-space: pre-wrap; } ._root_g9tkv_1 { margin-top: 0.75rem; overflow: hidden; position: relative; } ._rounded_g9tkv_6 { border: var(--tweet-border); border-radius: 12px; } ._mediaWrapper_g9tkv_10 { display: grid; grid-auto-rows: 1fr; gap: 2px; height: 100%; width: 100%; } ._grid2Columns_g9tkv_17 { grid-template-columns: repeat(2, 1fr); } ._grid3_g9tkv_20 > a:first-child { grid-row: span 2; } ._grid2x2_g9tkv_23 { grid-template-rows: repeat(2, 1fr); } ._mediaContainer_g9tkv_26 { position: relative; height: 100%; width: 100%; display: flex; align-items: center; justify-content: center; } ._mediaLink_g9tkv_34 { text-decoration: none; outline-style: none; } ._skeleton_g9tkv_38 { padding-bottom: 56.25%; width: 100%; display: block; } ._image_g9tkv_43 { position: absolute; top: 0px; left: 0px; bottom: 0px; height: 100%; width: 100%; margin: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; } ._anchor_fp31d_1 { display: flex; align-items: center; color: white; padding: 0 1rem; border: 1px solid transparent; border-radius: 9999px; font-weight: 700; transition: background-color 0.2s; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline-style: none; text-decoration: none; text-overflow: ellipsis; white-space: nowrap; } ._videoButton_fp31d_17 { position: relative; height: 67px; width: 67px; display: flex; align-items: center; justify-content: center; background-color: var(--tweet-color-blue-primary); transition-property: background-color; transition-duration: 0.2s; border: 4px solid #fff; border-radius: 9999px; cursor: pointer; } ._videoButton_fp31d_17:hover, ._videoButton_fp31d_17:focus-visible { background-color: var(--tweet-color-blue-primary-hover); } ._videoButtonIcon_fp31d_35 { margin-left: 3px; width: calc(50% + 4px); height: calc(50% + 4px); max-width: 100%; color: #fff; fill: currentColor; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._watchOnTwitter_fp31d_44 { position: absolute; top: 12px; right: 8px; } ._watchOnTwitter_fp31d_44 > a { min-width: 2rem; min-height: 2rem; font-size: 0.875rem; line-height: 1rem; backdrop-filter: blur(4px); background-color: rgba(15, 20, 25, 0.75); } ._watchOnTwitter_fp31d_44 > a:hover { background-color: rgba(39, 44, 48, 0.75); } ._viewReplies_fp31d_60 { position: relative; min-height: 2rem; background-color: var(--tweet-color-blue-primary); border-color: var(--tweet-color-blue-primary); font-size: 0.9375rem; line-height: 1.25rem; } ._viewReplies_fp31d_60:hover { background-color: var(--tweet-color-blue-primary-hover); } ._root_i24yn_1 { color: inherit; text-decoration: none; font-size: var(--tweet-info-font-size); line-height: var(--tweet-info-line-height); } ._root_i24yn_1:hover { text-decoration-thickness: 1px; text-decoration-line: underline; } ._info_19qcj_1 { display: flex; align-items: center; color: var(--tweet-font-color-secondary); margin-top: 0.125rem; overflow-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; } ._infoLink_19qcj_10 { color: inherit; text-decoration: none; height: var(--tweet-actions-icon-wrapper-size); width: var(--tweet-actions-icon-wrapper-size); font: inherit; margin-left: auto; display: flex; justify-content: center; align-items: center; margin-right: -4px; border-radius: 9999px; transition-property: background-color; transition-duration: 0.2s; } ._infoLink_19qcj_10:hover { background-color: var(--tweet-color-blue-secondary-hover); } ._infoIcon_19qcj_30 { color: inherit; fill: currentColor; height: var(--tweet-actions-icon-size); -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._infoLink_19qcj_10:hover > ._infoIcon_19qcj_30 { color: var(--tweet-color-blue-secondary); } ._actions_n2anf_1 { display: flex; align-items: center; color: var(--tweet-font-color-secondary); padding-top: 0.25rem; margin-top: 0.25rem; border-top: var(--tweet-border); overflow-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; } ._like_n2anf_13, ._reply_n2anf_14, ._copy_n2anf_15 { text-decoration: none; color: inherit; display: flex; align-items: center; margin-right: 1.25rem; } ._like_n2anf_13:hover, ._reply_n2anf_14:hover, ._copy_n2anf_15:hover { background-color: rgba(0, 0, 0, 0); } ._like_n2anf_13:hover > ._likeIconWrapper_n2anf_27 { background-color: var(--tweet-color-red-primary-hover); } ._like_n2anf_13:hover > ._likeCount_n2anf_30 { color: var(--tweet-color-red-primary); text-decoration-line: underline; } ._likeIconWrapper_n2anf_27, ._replyIconWrapper_n2anf_35, ._copyIconWrapper_n2anf_36 { width: var(--tweet-actions-icon-wrapper-size); height: var(--tweet-actions-icon-wrapper-size); display: flex; justify-content: center; align-items: center; margin-left: -0.25rem; border-radius: 9999px; } ._likeIcon_n2anf_27, ._replyIcon_n2anf_35, ._copyIcon_n2anf_36 { height: var(--tweet-actions-icon-size); fill: currentColor; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ._likeIcon_n2anf_27 { color: var(--tweet-color-red-primary); } ._likeCount_n2anf_30, ._replyText_n2anf_56, ._copyText_n2anf_57 { font-size: var(--tweet-actions-font-size); font-weight: var(--tweet-actions-font-weight); line-height: var(--tweet-actions-line-height); margin-left: 0.25rem; } ._reply_n2anf_14:hover > ._replyIconWrapper_n2anf_35 { background-color: var(--tweet-color-blue-secondary-hover); } ._reply_n2anf_14:hover > ._replyText_n2anf_56 { color: var(--tweet-color-blue-secondary); text-decoration-line: underline; } ._replyIcon_n2anf_35 { color: var(--tweet-color-blue-primary); } ._copy_n2anf_15 { font: inherit; background: none; border: none; cursor: pointer; } ._copy_n2anf_15:hover > ._copyIconWrapper_n2anf_36 { background-color: var(--tweet-color-green-primary-hover); } ._copy_n2anf_15:hover ._copyIcon_n2anf_36 { color: var(--tweet-color-green-primary); } ._copy_n2anf_15:hover > ._copyText_n2anf_57 { color: var(--tweet-color-green-primary); text-decoration-line: underline; } ._replies_1cutb_1 { padding: 0.25rem 0; } ._link_1cutb_4 { text-decoration: none; color: var(--tweet-color-blue-secondary); display: flex; align-items: center; justify-content: center; min-width: 32px; min-height: 32px; -webkit-user-select: none; -moz-user-select: none; user-select: none; outline-style: none; transition-property: background-color; transition-duration: 0.2s; padding: 0 1rem; border: var(--tweet-border); border-radius: 9999px; } ._link_1cutb_4:hover { background-color: var(--tweet-color-blue-secondary-hover); } ._text_1cutb_23 { font-weight: var(--tweet-replies-font-weight); font-size: var(--tweet-replies-font-size); line-height: var(--tweet-replies-line-height); overflow-wrap: break-word; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } ._root_q5799_1 { width: 100%; overflow: hidden; border: var(--tweet-border); border-radius: 12px; margin: var(--tweet-quoted-container-margin); transition-property: background-color, box-shadow; transition-duration: 0.2s; cursor: pointer; } ._root_q5799_1:hover { background-color: var(--tweet-quoted-bg-color-hover); } ._article_q5799_16 { position: relative; box-sizing: inherit; } ._header_r31i5_1 { display: flex; padding: 0.75rem 0.75rem 0 0.75rem; line-height: var(--tweet-header-line-height); font-size: var(--tweet-header-font-size); white-space: nowrap; overflow-wrap: break-word; overflow: hidden; } ._avatar_r31i5_11 { position: relative; height: 20px; width: 20px; } ._avatarSquare_r31i5_17 { border-radius: 4px; } ._author_r31i5_21 { display: flex; margin: 0 0.5rem; } ._authorText_r31i5_26 { font-weight: 700; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } ._username_r31i5_33 { color: var(--tweet-font-color-secondary); text-decoration: none; text-overflow: ellipsis; margin-left: 0.125rem; } ._root_175ot_1 { font-size: var(--tweet-quoted-body-font-size); font-weight: var(--tweet-quoted-body-font-weight); line-height: var(--tweet-quoted-body-line-height); margin: var(--tweet-quoted-body-margin); overflow-wrap: break-word; white-space: pre-wrap; padding: 0 0.75rem; } ._root_16yxa_1 { display: flex; flex-direction: column; align-items: center; padding-bottom: 0.75rem; } ._root_16yxa_1 > h3 { font-size: 1.25rem; margin-bottom: 0.5rem; } ._skeleton_oi7hr_1 { display: block; width: 100%; border-radius: 5px; background-image: var(--tweet-skeleton-gradient); background-size: 400% 100%; animation: _loading_oi7hr_1 8s ease-in-out infinite; } @media (prefers-reduced-motion: reduce) { ._skeleton_oi7hr_1 { animation: none; background-position: 200% 0; } } @keyframes _loading_oi7hr_1 { 0% { background-position: 200% 0; } 100% { background-position: -200% 0; } } ._root_17qqv_1 { pointer-events: none; padding-bottom: 0.25rem; } /* styles/color.css */ :root { --puck-color-rose-01: #4a001c; --puck-color-rose-02: #670833; --puck-color-rose-03: #87114c; --puck-color-rose-04: #a81a66; --puck-color-rose-05: #bc5089; --puck-color-rose-06: #cc7ca5; --puck-color-rose-07: #d89aba; --puck-color-rose-08: #e3b8cf; --puck-color-rose-09: #efd6e3; --puck-color-rose-10: #f6eaf1; --puck-color-rose-11: #faf4f8; --puck-color-rose-12: #fef8fc; --puck-color-azure-01: #00175d; --puck-color-azure-02: #002c77; --puck-color-azure-03: #014292; --puck-color-azure-04: #0158ad; --puck-color-azure-05: #3479be; --puck-color-azure-06: #6499cf; --puck-color-azure-07: #88b0da; --puck-color-azure-08: #abc7e5; --puck-color-azure-09: #cfdff0; --puck-color-azure-10: #e7eef7; --puck-color-azure-11: #f3f6fb; --puck-color-azure-12: #f7faff; --puck-color-green-01: #002000; --puck-color-green-02: #043604; --puck-color-green-03: #084e08; --puck-color-green-04: #0c680c; --puck-color-green-05: #1d882f; --puck-color-green-06: #2faa53; --puck-color-green-07: #56c16f; --puck-color-green-08: #7dd78b; --puck-color-green-09: #b8e8bf; --puck-color-green-10: #ddf3e0; --puck-color-green-11: #eff8f0; --puck-color-green-12: #f3fcf4; --puck-color-yellow-01: #211000; --puck-color-yellow-02: #362700; --puck-color-yellow-03: #4c4000; --puck-color-yellow-04: #645a00; --puck-color-yellow-05: #877614; --puck-color-yellow-06: #ab9429; --puck-color-yellow-07: #bfac4e; --puck-color-yellow-08: #d4c474; --puck-color-yellow-09: #e6deb1; --puck-color-yellow-10: #f3efd9; --puck-color-yellow-11: #f9f7ed; --puck-color-yellow-12: #fcfaf0; --puck-color-red-01: #4c0000; --puck-color-red-02: #6a0a10; --puck-color-red-03: #8a1422; --puck-color-red-04: #ac1f35; --puck-color-red-05: #bf5366; --puck-color-red-06: #ce7e8e; --puck-color-red-07: #d99ca8; --puck-color-red-08: #e4b9c2; --puck-color-red-09: #efd7db; --puck-color-red-10: #f6eaec; --puck-color-red-11: #faf4f5; --puck-color-red-12: #fff9fa; --puck-color-grey-01: #181818; --puck-color-grey-02: #292929; --puck-color-grey-03: #404040; --puck-color-grey-04: #5a5a5a; --puck-color-grey-05: #767676; --puck-color-grey-06: #949494; --puck-color-grey-07: #ababab; --puck-color-grey-08: #c3c3c3; --puck-color-grey-09: #dcdcdc; --puck-color-grey-10: #efefef; --puck-color-grey-11: #f5f5f5; --puck-color-grey-12: #fafafa; --puck-color-black: #000000; --puck-color-white: #ffffff; } /* styles/typography.css */ :root { --puck-font-size-scale-base-unitless: 12; --puck-font-size-xxxs-unitless: 12; --puck-font-size-xxs-unitless: 14; --puck-font-size-xs-unitless: 16; --puck-font-size-s-unitless: 18; --puck-font-size-m-unitless: 21; --puck-font-size-l-unitless: 24; --puck-font-size-xl-unitless: 28; --puck-font-size-xxl-unitless: 36; --puck-font-size-xxxl-unitless: 48; --puck-font-size-xxxxl-unitless: 56; --puck-font-size-xxxs: calc(1rem * var(--puck-font-size-xxxs-unitless) / 16); --puck-font-size-xxs: calc(1rem * var(--puck-font-size-xxs-unitless) / 16); --puck-font-size-xs: calc(1rem * var(--puck-font-size-xs-unitless) / 16); --puck-font-size-s: calc(1rem * var(--puck-font-size-s-unitless) / 16); --puck-font-size-m: calc(1rem * var(--puck-font-size-m-unitless) / 16); --puck-font-size-l: calc(1rem * var(--puck-font-size-l-unitless) / 16); --puck-font-size-xl: calc(1rem * var(--puck-font-size-xl-unitless) / 16); --puck-font-size-xxl: calc(1rem * var(--puck-font-size-xxl-unitless) / 16); --puck-font-size-xxxl: calc(1rem * var(--puck-font-size-xxxl-unitless) / 16); --puck-font-size-xxxxl: calc( 1rem * var(--puck-font-size-xxxxl-unitless) / 16 ); --puck-font-size-base: var(--puck-font-size-xs); --line-height-reset: 1; --line-height-xs: calc( var(--space-m-unitless) / var(--puck-font-size-m-unitless) ); --line-height-s: calc( var(--space-m-unitless) / var(--puck-font-size-s-unitless) ); --line-height-m: calc( var(--space-m-unitless) / var(--puck-font-size-xs-unitless) ); --line-height-l: calc( var(--space-m-unitless) / var(--puck-font-size-xxs-unitless) ); --line-height-xl: calc( var(--space-m-unitless) / var(--puck-font-size-scale-base-unitless) ); --line-height-base: var(--line-height-m); --fallback-font-stack: -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica Neue, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol; --puck-font-family: Inter, var(--fallback-font-stack); --puck-font-family-monospaced: ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace; } @supports (font-variation-settings: normal) { :root { --puck-font-family: InterVariable, var(--fallback-font-stack); } } /* bundle/core.css */ #frame-root { height: 1px; min-height: 100vh; } [data-puck-entry] { position: relative; z-index: 0; } /* bundle/index.css */ /* css-module:/home/runner/work/puck/puck/packages/core/components/ActionBar/styles.module.css/#css-module-data */ ._ActionBar_rvadt_1 { align-items: center; cursor: default; display: flex; width: auto; padding: 4px; padding-inline-start: 0; padding-inline-end: 0; border-top-left-radius: 8px; border-top-right-radius: 8px; border-radius: 8px; background: var(--puck-color-grey-01); color: var(--puck-color-white); font-family: var(--puck-font-family); min-height: 26px; } ._ActionBar-label_rvadt_18 { color: var(--puck-color-grey-08); font-size: var(--puck-font-size-xxxs); font-weight: 500; padding-inline-start: 8px; padding-inline-end: 8px; margin-inline-start: 4px; margin-inline-end: 4px; text-overflow: ellipsis; white-space: nowrap; } ._ActionBar-action_rvadt_30 + ._ActionBar-label_rvadt_18 { padding-inline-start: 0; } ._ActionBar-label_rvadt_18 + ._ActionBar-action_rvadt_30 { margin-inline-start: -4px; } ._ActionBar-group_rvadt_38 { align-items: center; border-inline-start: 0.5px solid var(--puck-color-grey-05); display: flex; height: 100%; padding-inline-start: 4px; padding-inline-end: 4px; } ._ActionBar-group_rvadt_38:first-of-type { border-inline-start: 0; } ._ActionBar-group_rvadt_38:empty { display: none; } ._ActionBar-action_rvadt_30 { background: transparent; border: none; color: var(--puck-color-grey-08); cursor: pointer; padding: 6px 8px; margin-inline-start: 4px; margin-inline-end: 4px; border-radius: 4px; overflow: hidden; display: flex; align-items: center; justify-content: center; transition: color 50ms ease-in; } ._ActionBar-action_rvadt_30 svg { max-width: none !important; } ._ActionBar-action_rvadt_30:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: -2px; } @media (hover: hover) and (pointer: fine) { ._ActionBar-action_rvadt_30:hover { color: var(--puck-color-azure-06); transition: none; } } ._ActionBar-action_rvadt_30:active { color: var(--puck-color-azure-07); transition: none; } ._ActionBar-group_rvadt_38 * { margin: 0; } /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/styles.module.css/#css-module-data */ ._InputWrapper_bsxfo_1 + ._InputWrapper_bsxfo_1 { margin-top: 12px; } ._Input-label_bsxfo_5 { align-items: center; color: var(--puck-color-grey-04); display: flex; padding-bottom: 12px; font-size: var(--puck-font-size-xxs); font-weight: 600; } ._Input-labelIcon_bsxfo_14 { color: var(--puck-color-grey-07); display: flex; margin-inline-end: 4px; padding-inline-start: 4px; } ._Input-disabledIcon_bsxfo_21 { color: var(--puck-color-grey-05); margin-inline-start: auto; } ._Input-input_bsxfo_26 { background: var(--puck-color-white); border-width: 1px; border-style: solid; border-color: var(--puck-color-grey-09); border-radius: 4px; box-sizing: border-box; font-family: inherit; font-size: 16px; padding: 12px 15px; transition: border-color 50ms ease-in; width: 100%; max-width: 100%; } @media (min-width: 458px) { ._Input-input_bsxfo_26 { font-size: 14px; } } select._Input-input_bsxfo_26 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 12px; background-position: calc(100% - 12px) calc(50% + 3px); background-repeat: no-repeat; background-color: var(--puck-color-white); cursor: pointer; } select._Input-input_bsxfo_26:dir(rtl) { background-position: 12px calc(50% + 3px); } @media (hover: hover) and (pointer: fine) { ._Input_bsxfo_1:has(> input):hover ._Input-input_bsxfo_26:not([readonly]), ._Input_bsxfo_1:has(> textarea):hover ._Input-input_bsxfo_26:not([readonly]) { border-color: var(--puck-color-grey-05); transition: none; } ._Input_bsxfo_1:has(> select):hover ._Input-input_bsxfo_26:not([disabled]) { background-color: var(--puck-color-azure-12); background-image: url("data:image/svg+xml;utf8,"); border-color: var(--puck-color-grey-05); transition: none; } } ._Input-input_bsxfo_26:focus { border-color: var(--puck-color-grey-05); outline: 2px solid var(--puck-color-azure-05); transition: none; } ._Input--readOnly_bsxfo_82 > ._Input-input_bsxfo_26, ._Input--readOnly_bsxfo_82 > select._Input-input_bsxfo_26 { background-color: var(--puck-color-grey-11); border-color: var(--puck-color-grey-09); color: var(--puck-color-grey-04); cursor: default; opacity: 1; outline: 0; transition: none; } ._Input-radioGroupItems_bsxfo_93 { display: flex; border: 1px solid var(--puck-color-grey-09); border-radius: 4px; flex-wrap: wrap; } ._Input-radio_bsxfo_93 { border-inline-end: 1px solid var(--puck-color-grey-09); flex-grow: 1; } ._Input-radio_bsxfo_93:first-of-type { border-bottom-left-radius: 4px; border-top-left-radius: 4px; } ._Input-radio_bsxfo_93:first-of-type ._Input-radioInner_bsxfo_110 { border-bottom-left-radius: 3px; border-top-left-radius: 3px; } ._Input-radio_bsxfo_93:last-of-type { border-bottom-right-radius: 4px; border-inline-end: 0; border-top-right-radius: 4px; } ._Input-radio_bsxfo_93:last-of-type ._Input-radioInner_bsxfo_110 { border-bottom-right-radius: 3px; border-top-right-radius: 3px; } ._Input-radioInner_bsxfo_110 { background-color: var(--puck-color-white); color: var(--puck-color-grey-04); cursor: pointer; font-size: var(--puck-font-size-xxxs); padding: 8px 12px; text-align: center; transition: background-color 50ms ease-in; } ._Input-radio_bsxfo_93:has(:focus-visible) { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; position: relative; } @media (hover: hover) and (pointer: fine) { ._Input-radioInner_bsxfo_110:hover { background-color: var(--puck-color-azure-12); transition: none; } } ._Input--readOnly_bsxfo_82 ._Input-radioInner_bsxfo_110 { background-color: var(--puck-color-white); color: var(--puck-color-grey-04); cursor: default; } ._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155:checked ~ ._Input-radioInner_bsxfo_110 { background-color: var(--puck-color-azure-11); color: var(--puck-color-azure-04); font-weight: 500; } ._Input--readOnly_bsxfo_82 ._Input-radioInput_bsxfo_155:checked ~ ._Input-radioInner_bsxfo_110 { background-color: var(--puck-color-grey-11); color: var(--puck-color-grey-04); } ._Input-radio_bsxfo_93 ._Input-radioInput_bsxfo_155 { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } textarea._Input-input_bsxfo_26 { margin-bottom: -4px; } /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ArrayField/styles.module.css/#css-module-data */ ._ArrayField_14u8o_5 { display: flex; flex-direction: column; background: var(--puck-color-azure-11); border: 1px solid var(--puck-color-grey-09); border-radius: 4px; } ._ArrayField--isDraggingFrom_14u8o_13 { background-color: var(--puck-color-azure-11); overflow: hidden; } ._ArrayField-addButton_14u8o_18 { background-color: var(--puck-color-white); border: none; border-radius: 3px; display: flex; color: var(--puck-color-azure-05); justify-content: center; cursor: pointer; width: 100%; margin: 0; padding: 14px; text-align: left; transition: background-color 50ms ease-in; } ._ArrayField--hasItems_14u8o_33 > ._ArrayField-addButton_14u8o_18 { border-top: 1px solid var(--puck-color-grey-09); border-top-left-radius: 0; border-top-right-radius: 0; } ._ArrayField-addButton_14u8o_18:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; position: relative; } @media (hover: hover) and (pointer: fine) { ._ArrayField_14u8o_5:not(._ArrayField--isDraggingFrom_14u8o_13) > ._ArrayField-addButton_14u8o_18:hover { background: var(--puck-color-azure-12); color: var(--puck-color-azure-04); transition: none; } } ._ArrayField_14u8o_5:not(._ArrayField--isDraggingFrom_14u8o_13) > ._ArrayField-addButton_14u8o_18:active { background: var(--puck-color-azure-11); color: var(--puck-color-azure-04); transition: none; } ._ArrayField-inner_14u8o_59 { margin-top: -1px; } ._ArrayFieldItem_14u8o_67 { border-top-left-radius: 3px; border-top-right-radius: 3px; display: block; position: relative; border-top: 1px solid var(--puck-color-grey-09); } ._ArrayFieldItem--isDragging_14u8o_78 { border-top: transparent; } ._ArrayFieldItem--isExpanded_14u8o_82::before { display: none; } ._ArrayFieldItem--isExpanded_14u8o_82 { border-bottom: 0; outline-offset: 0px !important; outline: 1px solid var(--puck-color-azure-07) !important; z-index: 2; } ._ArrayFieldItem--isDragging_14u8o_78 { outline: 2px var(--puck-color-azure-09) solid !important; } ._ArrayFieldItem--isDragging_14u8o_78 ._ArrayFieldItem-summary_14u8o_97:active { background-color: var(--puck-color-white); } ._ArrayFieldItem_14u8o_67 + ._ArrayFieldItem_14u8o_67 { border-top-left-radius: 0; border-top-right-radius: 0; } ._ArrayFieldItem-summary_14u8o_97 { background: var(--puck-color-white); color: var(--puck-color-grey-04); cursor: pointer; display: flex; align-items: center; gap: 2px; justify-content: space-between; font-size: var(--puck-font-size-xxs); list-style: none; padding: 12px 15px; position: relative; overflow: hidden; transition: background-color 50ms ease-in; } ._ArrayFieldItem_14u8o_67:first-of-type > ._ArrayFieldItem-summary_14u8o_97 { border-top-left-radius: 3px; border-top-right-radius: 3px; } ._ArrayField--addDisabled_14u8o_127 > ._ArrayField-inner_14u8o_59 > ._ArrayFieldItem_14u8o_67:last-of-type:not(._ArrayFieldItem--isExpanded_14u8o_82) > ._ArrayFieldItem-summary_14u8o_97 { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } ._ArrayField--addDisabled_14u8o_127 > ._ArrayField-inner_14u8o_59 > ._ArrayFieldItem--isExpanded_14u8o_82:last-of-type { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } ._ArrayFieldItem-summary_14u8o_97:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { ._ArrayFieldItem-summary_14u8o_97:hover { background-color: var(--puck-color-azure-12); transition: none; } } ._ArrayFieldItem-summary_14u8o_97:active { background-color: var(--puck-color-azure-11); transition: none; } ._ArrayFieldItem--isExpanded_14u8o_82 > ._ArrayFieldItem-summary_14u8o_97 { background: var(--puck-color-azure-11); color: var(--puck-color-azure-04); font-weight: 600; transition: none; } ._ArrayFieldItem-body_14u8o_166 { background: var(--puck-color-white); display: none; } ._ArrayFieldItem--isExpanded_14u8o_82 > ._ArrayFieldItem-body_14u8o_166 { display: block; } ._ArrayFieldItem-fieldset_14u8o_175 { border: none; border-top: 1px solid var(--puck-color-grey-09); margin: 0; min-width: 0; padding: 16px 15px; } ._ArrayFieldItem-rhs_14u8o_183 { display: flex; gap: 4px; align-items: center; } ._ArrayFieldItem-actions_14u8o_189 { color: var(--puck-color-grey-04); display: flex; gap: 4px; opacity: 0; } ._ArrayFieldItem-summary_14u8o_97:focus-within > ._ArrayFieldItem-rhs_14u8o_183 > ._ArrayFieldItem-actions_14u8o_189, ._ArrayFieldItem-summary_14u8o_97:hover > ._ArrayFieldItem-rhs_14u8o_183 > ._ArrayFieldItem-actions_14u8o_189 { opacity: 1; } /* css-module:/home/runner/work/puck/puck/packages/core/components/IconButton/IconButton.module.css/#css-module-data */ ._IconButton_swpni_1 { align-items: center; background: transparent; border: none; border-radius: 4px; color: currentColor; display: flex; font-family: var(--puck-font-family); justify-content: center; padding: 4px; transition: background-color 50ms ease-in, color 50ms ease-in; } ._IconButton_swpni_1:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: -2px; } @media (hover: hover) and (pointer: fine) { ._IconButton_swpni_1:hover:not(._IconButton--disabled_swpni_20) { background: var(--puck-color-azure-12); color: var(--puck-color-azure-04); cursor: pointer; transition: none; } } ._IconButton_swpni_1:active { background: var(--puck-color-azure-11); transition: none; } ._IconButton-title_swpni_33 { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } ._IconButton--disabled_swpni_20 { color: var(--puck-color-grey-07); } /* css-module:/home/runner/work/puck/puck/packages/core/components/Loader/styles.module.css/#css-module-data */ @keyframes _loader-animation_nacdm_1 { 0% { transform: rotate(0deg) scale(1); } 50% { transform: rotate(180deg) scale(0.8); } 100% { transform: rotate(360deg) scale(1); } } ._Loader_nacdm_13 { background: transparent; border-radius: 100%; border: 2px solid currentColor; border-bottom-color: transparent; display: inline-block; animation: _loader-animation_nacdm_1 1s 0s infinite linear; animation-fill-mode: both; } /* css-module:/home/runner/work/puck/puck/packages/core/components/DragIcon/styles.module.css/#css-module-data */ ._DragIcon_17p8x_1 { color: var(--puck-color-grey-05); cursor: grab; padding: 4px; border-radius: 4px; } ._DragIcon--disabled_17p8x_8 { cursor: no-drop; } @media (hover: hover) and (pointer: fine) { ._DragIcon_17p8x_1:not(._DragIcon--disabled_17p8x_8):hover { color: var(--puck-color-azure-05); background-color: var(--puck-color-azure-12); } } /* components/Sortable/styles.css */ [data-dnd-placeholder] * { opacity: 0 !important; } [data-dnd-placeholder] { background: var(--puck-color-azure-09) !important; border: none !important; color: #00000000 !important; opacity: 0.3 !important; outline: none !important; transition: none !important; } /* css-module:/home/runner/work/puck/puck/packages/core/components/ExternalInput/styles.module.css/#css-module-data */ ._ExternalInput-actions_91ls0_1 { display: flex; } ._ExternalInput-button_91ls0_5 { display: flex; gap: 8px; align-items: center; justify-content: center; background-color: var(--puck-color-white); border: 1px solid var(--puck-color-grey-09); border-radius: 4px; color: var(--puck-color-azure-04); padding: 12px 16px; font-weight: 500; white-space: nowrap; text-overflow: ellipsis; transition: background-color 50ms ease-in; position: relative; overflow: hidden; flex-grow: 1; } ._ExternalInput--dataSelected_91ls0_24 ._ExternalInput-button_91ls0_5 { color: var(--puck-color-grey-03); display: block; border-top-right-radius: 0px; border-bottom-right-radius: 0px; } ._ExternalInput--readOnly_91ls0_31 ._ExternalInput-button_91ls0_5 { background-color: var(--puck-color-grey-11); } ._ExternalInput-detachButton_91ls0_35 { border: 1px solid var(--puck-color-grey-09); border-top-right-radius: 4px; border-bottom-right-radius: 4px; background-color: var(--puck-color-grey-12); color: var(--puck-color-grey-05); display: flex; gap: 8px; align-items: center; justify-content: center; padding: 8px 12px; position: relative; transition: background-color 50ms ease-in, color 50ms ease-in; margin-inline-start: -1px; } ._ExternalInput-button_91ls0_5:focus-visible, ._ExternalInput-detachButton_91ls0_35:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; z-index: 1; } @media (hover: hover) and (pointer: fine) { ._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-button_91ls0_5:hover, ._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-detachButton_91ls0_35:hover { background: var(--puck-color-azure-12); transition: none; } ._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-detachButton_91ls0_35:hover { color: var(--puck-color-azure-04); } } ._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-button_91ls0_5:active, ._ExternalInput_91ls0_1:not(._ExternalInput--readOnly_91ls0_31) ._ExternalInput-detachButton_91ls0_35:active { background: var(--puck-color-azure-11); transition: none; } ._ExternalInputModal_91ls0_79 { color: var(--puck-color-black); display: grid; grid-template-rows: min-content minmax(128px, 100%) min-content; grid-template-columns: 100%; position: relative; min-height: 50dvh; max-height: 90dvh; } ._ExternalInputModal-grid_91ls0_89 { display: flex; flex-direction: column; } @media (min-width: 458px) { ._ExternalInputModal-grid_91ls0_89 { display: grid; grid-template-columns: 100%; } ._ExternalInputModal--filtersToggled_91ls0_100 ._ExternalInputModal-grid_91ls0_89 { grid-template-columns: 25% 75%; } } ._ExternalInputModal-filters_91ls0_105 { border-bottom: 1px solid var(--puck-color-grey-09); } ._ExternalInputModal--filtersToggled_91ls0_100 ._ExternalInputModal-filters_91ls0_105 { display: none; } @media (min-width: 458px) { ._ExternalInputModal-filters_91ls0_105 { border-inline-end: 1px solid var(--puck-color-grey-09); display: none; } ._ExternalInputModal--filtersToggled_91ls0_100 ._ExternalInputModal-filters_91ls0_105 { display: block; } } ._ExternalInputModal-masthead_91ls0_124 { background-color: var(--puck-color-grey-12); border-bottom: 1px solid var(--puck-color-grey-09); display: flex; flex-wrap: wrap; gap: 24px; padding: 24px; } ._ExternalInputModal-tableWrapper_91ls0_133 { position: relative; overflow-x: auto; overflow-y: auto; flex-grow: 1; } ._ExternalInputModal-table_91ls0_133 { border-collapse: unset; border-spacing: 0px; color: var(--puck-color-grey-02); position: relative; z-index: 0; min-width: 100%; } ._ExternalInputModal-thead_91ls0_149 { background-color: var(--puck-color-white); position: sticky; top: 0; z-index: 1; } ._ExternalInputModal-th_91ls0_149 { border-bottom: 1px solid var(--puck-color-grey-09); color: var(--puck-color-grey-04); font-weight: 500; font-size: 14px; padding: 16px 24px; } ._ExternalInputModal-td_91ls0_164 { border-bottom: 1px solid var(--puck-color-grey-10); padding: 16px 24px; } ._ExternalInputModal-tr_91ls0_169 ._ExternalInputModal-td_91ls0_164:first-of-type { font-weight: 500; width: 1%; white-space: nowrap; } @media (hover: hover) and (pointer: fine) { ._ExternalInputModal-tbody_91ls0_176 ._ExternalInputModal-tr_91ls0_169:hover { background: var(--puck-color-azure-12); color: var(--puck-color-azure-04); cursor: pointer; position: relative; margin-inline-start: -5px; } ._ExternalInputModal-tbody_91ls0_176 ._ExternalInputModal-tr_91ls0_169:hover ._ExternalInputModal-td_91ls0_164:first-of-type { border-inline-start: 4px solid var(--puck-color-azure-04); padding-inline-start: 20px; } } ._ExternalInputModal-tbody_91ls0_176 ._ExternalInputModal-tr_91ls0_169:last-of-type ._ExternalInputModal-td_91ls0_164 { border-bottom: none; } ._ExternalInputModal-tableWrapper_91ls0_133 { display: none; } ._ExternalInputModal--hasData_91ls0_202 ._ExternalInputModal-tableWrapper_91ls0_133 { display: block; } ._ExternalInputModal-loadingBanner_91ls0_206 { display: none; background-color: color-mix(in srgb, var(--puck-color-white) 90%, transparent); padding: 64px; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } ._ExternalInputModal--isLoading_91ls0_223 ._ExternalInputModal-loadingBanner_91ls0_206 { display: flex; } ._ExternalInputModal-searchForm_91ls0_227 { display: flex; flex-wrap: wrap; gap: 12px; flex-grow: 1; } @media (min-width: 458px) { ._ExternalInputModal-searchForm_91ls0_227 { flex-wrap: nowrap; } } ._ExternalInputModal-search_91ls0_227 { display: flex; background: var(--puck-color-white); border-width: 1px; border-style: solid; border-color: var(--puck-color-grey-09); border-radius: 4px; flex-grow: 1; transition: border-color 50ms ease-in; } ._ExternalInputModal-search_91ls0_227:focus-within { border-color: var(--puck-color-grey-05); outline: 2px solid var(--puck-color-azure-05); transition: none; } @media (hover: hover) and (pointer: fine) { ._ExternalInputModal-search_91ls0_227:hover { border-color: var(--puck-color-grey-05); transition: none; } } ._ExternalInputModal-searchIcon_91ls0_264 { align-items: center; background: var(--puck-color-grey-12); border-bottom-left-radius: 4px; border-top-left-radius: 4px; border-inline-end: 1px solid var(--puck-color-grey-09); color: var(--puck-color-grey-07); display: flex; justify-content: center; padding: 12px 15px; transition: color 50ms ease-in; } ._ExternalInputModal-search_91ls0_227:focus-within ._ExternalInputModal-searchIcon_91ls0_264 { color: var(--puck-color-grey-04); transition: none; } @media (hover: hover) and (pointer: fine) { ._ExternalInputModal-search_91ls0_227:hover ._ExternalInputModal-searchIcon_91ls0_264 { color: var(--puck-color-grey-04); transition: none; } } ._ExternalInputModal-searchIconText_91ls0_289 { clip: rect(0 0 0 0); clip-path: inset(100%); height: 1px; overflow: hidden; position: absolute; white-space: nowrap; width: 1px; } ._ExternalInputModal-searchInput_91ls0_299 { border: none; border-radius: 4px; background: var(--puck-color-white); font-family: inherit; font-size: 14px; padding: 12px 15px; width: 100%; } ._ExternalInputModal-searchInput_91ls0_299:focus { outline: 0; } ._ExternalInputModal-searchActions_91ls0_313 { display: flex; gap: 8px; height: 44px; width: 100%; } @media (min-width: 458px) { ._ExternalInputModal-searchActions_91ls0_313 { width: auto; } } ._ExternalInputModal-searchActionIcon_91ls0_326 { align-self: center; } ._ExternalInputModal-footerContainer_91ls0_330 { background-color: var(--puck-color-grey-12); border-top: 1px solid var(--puck-color-grey-09); color: var(--puck-color-grey-04); padding: 16px; } ._ExternalInputModal-footer_91ls0_330 { font-weight: 500; font-size: 14px; text-align: right; } ._ExternalInputModal-field_91ls0_343 { color: var(--puck-color-grey-04); margin: 16px; margin-bottom: 12px; display: block; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Modal/styles.module.css/#css-module-data */ ._Modal_ikbaj_1 { background: color-mix(in srgb, var(--puck-color-black) 75%, transparent); display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; padding: 32px; } ._Modal--isOpen_ikbaj_15 { display: flex; } ._Modal-inner_ikbaj_19 { width: 100%; max-width: 1024px; border-radius: 8px; overflow: hidden; background: var(--puck-color-white); display: flex; flex-direction: column; max-height: 90dvh; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Heading/styles.module.css/#css-module-data */ ._Heading_qxrry_1 { display: block; color: var(--puck-color-black); font-weight: 700; margin: 0; } ._Heading_qxrry_1 b { font-weight: 700; } ._Heading--xxxxl_qxrry_12 { font-size: var(--puck-font-size-xxxxl); letter-spacing: 0.08ch; font-weight: 800; } ._Heading--xxxl_qxrry_18 { font-size: var(--puck-font-size-xxxl); } ._Heading--xxl_qxrry_22 { font-size: var(--puck-font-size-xxl); } ._Heading--xl_qxrry_26 { font-size: var(--puck-font-size-xl); } ._Heading--l_qxrry_30 { font-size: var(--puck-font-size-l); } ._Heading--m_qxrry_34 { font-size: var(--puck-font-size-m); } ._Heading--s_qxrry_38 { font-size: var(--puck-font-size-s); } ._Heading--xs_qxrry_42 { font-size: var(--puck-font-size-xs); } /* css-module:/home/runner/work/puck/puck/packages/core/components/Button/Button.module.css/#css-module-data */ ._Button_10byl_1 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: none; border: 1px solid transparent; border-radius: 4px; color: var(--puck-color-white); display: inline-flex; align-items: center; gap: 8px; letter-spacing: 0.05ch; font-family: var(--puck-font-family); font-size: 14px; font-weight: 400; box-sizing: border-box; line-height: 1; text-align: center; text-decoration: none; transition: background-color 50ms ease-in; cursor: pointer; white-space: nowrap; margin: 0; } ._Button_10byl_1:hover, ._Button_10byl_1:active { transition: none; } ._Button--medium_10byl_29 { min-height: 34px; padding-bottom: 7px; padding-inline-start: 19px; padding-inline-end: 19px; padding-top: 7px; } ._Button--large_10byl_37 { padding-bottom: 11px; padding-inline-start: 19px; padding-inline-end: 19px; padding-top: 11px; } ._Button-icon_10byl_44 { margin-top: 2px; } ._Button--primary_10byl_48 { background: var(--puck-color-azure-04); } ._Button_10byl_1:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { ._Button--primary_10byl_48:hover { background-color: var(--puck-color-azure-03); } } ._Button--primary_10byl_48:active { background-color: var(--puck-color-azure-02); } ._Button--secondary_10byl_67 { border: 1px solid currentColor; color: currentColor; } @media (hover: hover) and (pointer: fine) { ._Button--secondary_10byl_67:hover { background-color: var(--puck-color-azure-12); color: var(--puck-color-black); } } ._Button--secondary_10byl_67:active { background-color: var(--puck-color-azure-11); color: var(--puck-color-black); } ._Button--flush_10byl_84 { border-radius: 0; } ._Button--disabled_10byl_88, ._Button--disabled_10byl_88:hover { background-color: var(--puck-color-grey-07); color: var(--puck-color-grey-03); cursor: not-allowed; } ._Button--fullWidth_10byl_95 { justify-content: center; width: 100%; } ._Button-spinner_10byl_100 { padding-inline-start: 8px; } /* css-module:/home/runner/work/puck/puck/packages/core/components/AutoField/fields/ObjectField/styles.module.css/#css-module-data */ ._ObjectField_1ua3y_5 { display: flex; flex-direction: column; background-color: var(--puck-color-white); border: 1px solid var(--puck-color-grey-09); border-radius: 4px; } ._ObjectField-fieldset_1ua3y_13 { border: none; margin: 0; min-width: 0; padding: 16px 15px; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Drawer/styles.module.css/#css-module-data */ ._Drawer_pl7z0_1 { display: flex; flex-direction: column; font-family: var(--puck-font-family); gap: 12px; } ._Drawer-draggable_pl7z0_8 { position: relative; } ._Drawer-draggableBg_pl7z0_12 { position: absolute; top: 0; right: 0; bottom: 0; left: 0; pointer-events: none; z-index: -1; } ._DrawerItem-draggable_pl7z0_22 { background: var(--puck-color-white); cursor: grab; padding: 12px; display: flex; border: 1px var(--puck-color-grey-09) solid; border-radius: 4px; font-size: var(--puck-font-size-xxs); justify-content: space-between; align-items: center; transition: background-color 50ms ease-in, color 50ms ease-in; } ._DrawerItem--disabled_pl7z0_35 ._DrawerItem-draggable_pl7z0_22 { background: var(--puck-color-grey-11); color: var(--puck-color-grey-05); cursor: not-allowed; } ._DrawerItem_pl7z0_22:focus-visible { outline: 0; } ._Drawer_pl7z0_1:not(._Drawer--isDraggingFrom_pl7z0_45) ._DrawerItem_pl7z0_22:focus-visible ._DrawerItem-draggable_pl7z0_22 { border-radius: 4px; outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { ._Drawer_pl7z0_1:not(._Drawer--isDraggingFrom_pl7z0_45) ._DrawerItem_pl7z0_22:not(._DrawerItem--disabled_pl7z0_35) ._DrawerItem-draggable_pl7z0_22:hover { background-color: var(--puck-color-azure-12); color: var(--puck-color-azure-04); transition: none; } } ._DrawerItem-name_pl7z0_63 { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } /* css-module:/home/runner/work/puck/puck/packages/core/components/DraggableComponent/styles.module.css/#css-module-data */ ._DraggableComponent_1vaqy_1 { position: absolute; pointer-events: none; --overlay-background: color-mix( in srgb, var(--puck-color-azure-08) 30%, transparent ); } ._DraggableComponent-overlayWrapper_1vaqy_12 { height: 100%; width: 100%; top: 0; position: absolute; pointer-events: none; box-sizing: border-box; z-index: 1; } ._DraggableComponent-overlay_1vaqy_12 { cursor: pointer; height: 100%; outline: 2px var(--puck-color-azure-09) solid; outline-offset: -2px; width: 100%; } ._DraggableComponent_1vaqy_1:focus-visible > ._DraggableComponent-overlayWrapper_1vaqy_12 { outline: 1px solid var(--puck-color-azure-05); } ._DraggableComponent-loadingOverlay_1vaqy_34 { background: var(--puck-color-white); color: var(--puck-color-grey-03); border-radius: 4px; display: flex; padding: 8px; top: 8px; right: 8px; position: absolute; pointer-events: all; box-sizing: border-box; opacity: 0.8; z-index: 1; } ._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 { background: var(--overlay-background); outline: 2px var(--puck-color-azure-09) solid; } ._DraggableComponent--isSelected_1vaqy_57 > ._DraggableComponent-overlayWrapper_1vaqy_12 > ._DraggableComponent-overlay_1vaqy_12 { outline-color: var(--puck-color-azure-07); } ._DraggableComponent_1vaqy_1:has(._DraggableComponent--hover_1vaqy_50 > ._DraggableComponent-overlayWrapper_1vaqy_12) > ._DraggableComponent-overlayWrapper_1vaqy_12 { display: none; } ._DraggableComponent-actionsOverlay_1vaqy_71 { position: sticky; opacity: 0; pointer-events: none; z-index: 2; } ._DraggableComponent--isSelected_1vaqy_57 ._DraggableComponent-actionsOverlay_1vaqy_71 { opacity: 1; pointer-events: auto; } ._DraggableComponent-actions_1vaqy_71 { position: absolute; width: auto; cursor: grab; display: flex; box-sizing: border-box; transform-origin: right top; min-height: 36px; } /* components/DraggableComponent/styles.css */ [data-puck-component] * { pointer-events: none; -moz-user-select: none; user-select: none; -webkit-user-select: none; } [data-puck-component] { cursor: grab; pointer-events: auto !important; -moz-user-select: none; user-select: none; -webkit-user-select: none; } [data-puck-dropzone] { pointer-events: auto !important; } [data-puck-disabled] { cursor: pointer; } [data-dnd-placeholder] { background: var(--puck-color-azure-06) !important; border: none !important; color: #00000000 !important; opacity: 0.3 !important; outline: none !important; transition: none !important; } [data-dnd-placeholder] *, [data-dnd-placeholder]::after, [data-dnd-placeholder]::before { opacity: 0 !important; } [data-dnd-dragging][data-puck-component] { pointer-events: none !important; outline: 2px var(--puck-color-azure-09) solid !important; outline-offset: -2px !important; } /* css-module:/home/runner/work/puck/puck/packages/core/components/DropZone/styles.module.css/#css-module-data */ ._DropZone_1i2sv_1 { --resize-animation-ms: 150ms; position: relative; height: 100%; min-height: var(--min-empty-height); outline-offset: -2px; width: 100%; } ._DropZone--hasChildren_1i2sv_11 { min-height: 0; } ._DropZone_1i2sv_1:empty { min-height: var(--min-empty-height); } [data-puck-entry]:not([data-puck-dragging]) ._DropZone_1i2sv_1 { transition: min-height var(--resize-animation-ms) ease-in; } ._DropZone--isAreaSelected_1i2sv_24, ._DropZone--hoveringOverArea_1i2sv_25:not(._DropZone--isRootZone_1i2sv_25) { background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent); outline: 2px dashed var(--puck-color-azure-08); } ._DropZone_1i2sv_1:empty { background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent); outline: 2px dashed var(--puck-color-azure-08); } ._DropZone--isDestination_1i2sv_35 { outline: 2px dashed var(--puck-color-azure-04) !important; } ._DropZone--isDestination_1i2sv_35:not(._DropZone--isRootZone_1i2sv_25) { background: color-mix(in srgb, var(--puck-color-azure-09) 30%, transparent) !important; } ._DropZone-item_1i2sv_47 { position: relative; } ._DropZone-hitbox_1i2sv_51 { position: absolute; bottom: -12px; height: 24px; width: 100%; z-index: 1; } [data-puck-dragging] ._DropZone--isEnabled_1i2sv_59 { outline: 2px dashed var(--puck-color-azure-06); } ._DropZone_1i2sv_1 > *:not([data-puck-component]) { opacity: 0; } body:has(._DropZone--isAnimating_1i2sv_68:empty) [data-puck-overlay] { opacity: 0 !important; } /* lib/overlay-portal/styles.css */ [data-puck-overlay-portal], [data-puck-overlay-portal] * { pointer-events: auto !important; } [data-puck-overlay-portal]:hover { outline: 2px var(--puck-color-azure-09) dashed; outline-offset: 2px; } [data-puck-overlay-portal]:focus-within { outline: 2px var(--puck-color-azure-07) solid; outline-offset: 2px; } /* css-module:/home/runner/work/puck/puck/packages/core/components/InlineTextField/styles.module.css/#css-module-data */ ._InlineTextField_1xph6_1 { cursor: text; display: inline-block; white-space: pre-wrap; } [data-dnd-dragging] ._InlineTextField_1xph6_1 { cursor: none; caret-color: transparent; } [data-dnd-dragging] ._InlineTextField_1xph6_1::-moz-selection { display: none; } [data-dnd-dragging] ._InlineTextField_1xph6_1::selection { display: none; } /* css-module:/home/runner/work/puck/puck/packages/core/components/SidebarSection/styles.module.css/#css-module-data */ ._SidebarSection_8boj8_1 { display: flex; position: relative; flex-direction: column; color: var(--puck-color-black); } ._SidebarSection_8boj8_1:last-of-type { flex-grow: 1; } ._SidebarSection-title_8boj8_12 { background: var(--puck-color-white); padding: 16px; border-bottom: 1px solid var(--puck-color-grey-09); border-top: 1px solid var(--puck-color-grey-09); overflow-x: auto; } ._SidebarSection--noBorderTop_8boj8_20 > ._SidebarSection-title_8boj8_12 { border-top: 0px; } ._SidebarSection-content_8boj8_24 { padding: 16px; } ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24 { padding: 0px; } ._SidebarSection--noPadding_8boj8_28 > ._SidebarSection-content_8boj8_24:last-child { padding-bottom: 4px; } ._SidebarSection_8boj8_1:last-of-type ._SidebarSection-content_8boj8_24 { border-bottom: none; flex-grow: 1; } ._SidebarSection-breadcrumbLabel_8boj8_41 { background: none; border: 0; border-radius: 2px; color: var(--puck-color-azure-04); cursor: pointer; font: inherit; flex-shrink: 0; padding: 0; transition: color 50ms ease-in; } ._SidebarSection-breadcrumbLabel_8boj8_41:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { ._SidebarSection-breadcrumbLabel_8boj8_41:hover { color: var(--puck-color-azure-03); transition: none; } } ._SidebarSection-breadcrumbLabel_8boj8_41:active { color: var(--puck-color-azure-02); transition: none; } ._SidebarSection-breadcrumbs_8boj8_70 { align-items: center; display: flex; gap: 4px; } ._SidebarSection-breadcrumb_8boj8_41 { align-items: center; display: flex; gap: 4px; } ._SidebarSection-heading_8boj8_82 { padding-inline-end: 16px; } ._SidebarSection-loadingOverlay_8boj8_86 { background: var(--puck-color-white); display: flex; justify-content: center; align-items: center; height: 100%; width: 100%; top: 0; position: absolute; z-index: 1; pointer-events: all; box-sizing: border-box; opacity: 0.8; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/styles.module.css/#css-module-data */ ._Puck_1yxlw_19 { --puck-space-px: 16px; font-family: var(--puck-font-family); overflow-x: hidden; } @media (min-width: 766px) { ._Puck_1yxlw_19 { overflow-x: auto; } } ._Puck-portal_1yxlw_31 { position: relative; z-index: 2; } ._PuckLayout-inner_1yxlw_38 { --puck-frame-width: auto; --puck-side-bar-width: 0px; --puck-left-side-bar-width: var( --puck-user-left-side-bar-width, var(--puck-side-bar-width) ); --puck-right-side-bar-width: var( --puck-user-right-side-bar-width, var(--puck-side-bar-width) ); display: grid; grid-template-areas: "header header header" "left editor right"; grid-template-columns: 0 var(--puck-frame-width) 0; grid-template-rows: min-content auto; height: 100dvh; position: relative; z-index: 0; } ._PuckLayout--mounted_1yxlw_59 ._PuckLayout-inner_1yxlw_38 { --puck-side-bar-width: 186px; } ._PuckLayout--leftSideBarVisible_1yxlw_63 ._PuckLayout-inner_1yxlw_38 { grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) 0; } ._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 { grid-template-columns: 0 var(--puck-frame-width) var(--puck-right-side-bar-width); } ._PuckLayout--leftSideBarVisible_1yxlw_63._PuckLayout--rightSideBarVisible_1yxlw_69 ._PuckLayout-inner_1yxlw_38 { grid-template-columns: var(--puck-left-side-bar-width) var(--puck-frame-width) var(--puck-right-side-bar-width); } @media (min-width: 458px) { ._PuckLayout-mounted_1yxlw_83 ._PuckLayout-inner_1yxlw_38 { --puck-frame-width: minmax(266px, auto); } } @media (min-width: 638px) { ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 { --puck-side-bar-width: minmax(186px, 250px); } } @media (min-width: 766px) { ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 { --puck-frame-width: auto; } } @media (min-width: 990px) { ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 { --puck-side-bar-width: 256px; } } @media (min-width: 1198px) { ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 { --puck-side-bar-width: 274px; } } @media (min-width: 1398px) { ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 { --puck-side-bar-width: 290px; } } @media (min-width: 1598px) { ._PuckLayout_1yxlw_38 ._PuckLayout-inner_1yxlw_38 { --puck-side-bar-width: 320px; } } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Fields/styles.module.css/#css-module-data */ ._PuckFields_10bh7_1 { position: relative; font-family: var(--puck-font-family); } ._PuckFields--isLoading_10bh7_6 { min-height: 48px; } ._PuckFields-loadingOverlay_10bh7_10 { background: var(--puck-color-white); display: flex; justify-content: flex-end; align-items: flex-start; height: 100%; width: 100%; top: 0px; position: absolute; z-index: 1; pointer-events: all; box-sizing: border-box; opacity: 0.8; } ._PuckFields-loadingOverlayInner_10bh7_25 { display: flex; padding: 16px; position: sticky; top: 0; } ._PuckFields-field_10bh7_32 * { box-sizing: border-box; } ._PuckFields--wrapFields_10bh7_36 ._PuckFields-field_10bh7_32 { color: var(--puck-color-grey-04); padding: 16px; padding-bottom: 12px; display: block; } ._PuckFields--wrapFields_10bh7_36 ._PuckFields-field_10bh7_32 + ._PuckFields-field_10bh7_32 { border-top: 1px solid var(--puck-color-grey-09); margin-top: 8px; } /* css-module:/home/runner/work/puck/puck/packages/core/components/ComponentList/styles.module.css/#css-module-data */ ._ComponentList_1rrlt_1 { max-width: 100%; } ._ComponentList--isExpanded_1rrlt_5 + ._ComponentList_1rrlt_1 { margin-top: 12px; } ._ComponentList-content_1rrlt_9 { display: none; } ._ComponentList--isExpanded_1rrlt_5 > ._ComponentList-content_1rrlt_9 { display: block; } ._ComponentList-title_1rrlt_17 { background-color: transparent; border: 0; color: var(--puck-color-grey-05); cursor: pointer; display: flex; font: inherit; font-size: var(--puck-font-size-xxxs); list-style: none; margin-bottom: 6px; padding: 8px; text-transform: uppercase; transition: background-color 50ms ease-in, color 50ms ease-in; gap: 4px; border-radius: 4px; width: 100%; } ._ComponentList-title_1rrlt_17:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; } @media (hover: hover) and (pointer: fine) { ._ComponentList-title_1rrlt_17:hover { background-color: var(--puck-color-azure-11); color: var(--puck-color-azure-04); transition: none; } } ._ComponentList-title_1rrlt_17:active { background-color: var(--puck-color-azure-10); transition: none; } ._ComponentList-titleIcon_1rrlt_53 { margin-inline-start: auto; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Preview/styles.module.css/#css-module-data */ ._PuckPreview_z2rgu_1 { position: relative; height: 100%; } ._PuckPreview-frame_z2rgu_6 { border: none; height: 100%; width: 100%; } /* css-module:/home/runner/work/puck/puck/packages/core/components/LayerTree/styles.module.css/#css-module-data */ ._LayerTree_7rx04_1 { color: var(--puck-color-grey-03); font-family: var(--puck-font-family); font-size: var(--puck-font-size-xxs); margin: 0; position: relative; list-style: none; padding: 0; } ._LayerTree-zoneTitle_7rx04_11 { color: var(--puck-color-grey-05); font-size: var(--puck-font-size-xxxs); text-transform: uppercase; } ._LayerTree-helper_7rx04_17 { text-align: center; color: var(--puck-color-grey-07); margin: 8px 4px; } ._Layer_7rx04_1 { position: relative; border: 1px solid transparent; border-radius: 4px; } ._Layer-inner_7rx04_29 { border: 1px solid transparent; border-radius: 4px; transition: color 50ms ease-in; } ._Layer--containsZone_7rx04_35 > ._Layer-inner_7rx04_29 { padding-inline-start: 0; } ._Layer-clickable_7rx04_39 { align-items: center; background: none; border: 0; border-radius: 4px; color: inherit; cursor: pointer; display: flex; font: inherit; padding-inline-start: 12px; padding-inline-end: 4px; width: 100%; } ._Layer-clickable_7rx04_39:focus-visible { outline: 2px solid var(--puck-color-azure-05); outline-offset: 2px; position: relative; z-index: 1; } @media (hover: hover) and (pointer: fine) { ._Layer_7rx04_1:not(._Layer--isSelected_7rx04_61) > ._Layer-inner_7rx04_29:hover { border-color: var(--puck-color-azure-10); background: var(--puck-color-azure-11); color: var(--puck-color-azure-04); transition: none; } } ._Layer--isSelected_7rx04_61 { border-color: var(--puck-color-azure-08); } ._Layer--isSelected_7rx04_61 > ._Layer-inner_7rx04_29 { background: var(--puck-color-azure-10); } ._Layer--isSelected_7rx04_61 > ._Layer-inner_7rx04_29 > ._Layer-clickable_7rx04_39 > ._Layer-chevron_7rx04_77, ._Layer--childIsSelected_7rx04_78 > ._Layer-inner_7rx04_29 > ._Layer-clickable_7rx04_39 > ._Layer-chevron_7rx04_77 { transform: scaleY(-1); } ._Layer-zones_7rx04_82 { display: none; margin-inline-start: 12px; } ._Layer--isSelected_7rx04_61 > ._Layer-zones_7rx04_82, ._Layer--childIsSelected_7rx04_78 > ._Layer-zones_7rx04_82 { display: block; } ._Layer-zones_7rx04_82 > ._LayerTree_7rx04_1 { margin-inline-start: 12px; } ._Layer-title_7rx04_96, ._LayerTree-zoneTitle_7rx04_11 { display: flex; gap: 8px; align-items: center; margin: 8px 4px; overflow-x: hidden; } ._Layer-name_7rx04_105 { overflow-x: hidden; text-overflow: ellipsis; white-space: nowrap; } ._Layer-icon_7rx04_111 { color: var(--puck-color-rose-07); margin-top: 4px; } ._Layer-zoneIcon_7rx04_116 { color: var(--puck-color-grey-08); margin-top: 4px; } /* css-module:/home/runner/work/puck/puck/packages/core/components/ViewportControls/styles.module.css/#css-module-data */ ._ViewportControls_gejzr_1 { display: flex; background: var(--puck-color-grey-11); box-sizing: border-box; border-inline-start: 2px solid var(--puck-color-grey-11); justify-content: center; gap: 8px; min-width: 358px; padding-bottom: 16px; padding-inline-start: var(--puck-space-px); padding-inline-end: var(--puck-space-px); z-index: 1; } ._ViewportControls-divider_gejzr_15 { border-inline-end: 1px solid var(--puck-color-grey-09); margin-inline-start: 8px; margin-inline-end: 8px; } ._ViewportControls-zoomSelect_gejzr_21 { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url("data:image/svg+xml;utf8,") no-repeat; background-size: 10px; background-position: calc(100% - 12px) calc(50% + 3px); background-repeat: no-repeat; border: 0; font-size: var(--puck-font-size-xxxs); padding: 0; width: 96px; } ._ViewportControls-zoomSelect_gejzr_21:dir(rtl) { background-position: 12px calc(50% + 3px); } ._ViewportButton--isActive_gejzr_38 ._ViewportButton-inner_gejzr_38 { color: var(--puck-color-azure-04); } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Canvas/styles.module.css/#css-module-data */ ._PuckCanvas_18jay_1 { background: var(--puck-color-grey-11); display: flex; grid-area: editor; flex-direction: column; padding: var(--puck-space-px); overflow: auto; } @media (min-width: 1198px) { ._PuckCanvas_18jay_1 { padding: calc(var(--puck-space-px) * 1.5); padding-top: var(--puck-space-px); } ._PuckCanvas_18jay_1:not(._PuckCanvas_18jay_1:has(._PuckCanvas-controls_18jay_16)) { padding-top: calc(var(--puck-space-px) * 1.5); } } ._PuckCanvas-inner_18jay_21 { display: flex; height: 100%; justify-content: center; min-width: 358px; position: relative; width: 100%; } ._PuckCanvas-root_18jay_30 { background: white; border: 1px solid var(--puck-color-grey-09); box-sizing: content-box; min-width: 321px; position: absolute; pointer-events: none; transform-origin: top; top: 0; bottom: 0; opacity: 0; } @media (min-width: 1198px) { ._PuckCanvas-root_18jay_30 { min-width: unset; } } @media (prefers-reduced-motion: reduce) { ._PuckCanvas-root_18jay_30 { transition: none !important; } } ._PuckCanvas--ready_18jay_55 ._PuckCanvas-root_18jay_30 { pointer-events: unset; opacity: 1; } ._PuckCanvas-loader_18jay_60 { align-items: center; color: var(--puck-color-grey-06); display: flex; height: 100%; justify-content: center; transition: opacity 250ms ease-out; opacity: 0; } ._PuckCanvas--showLoader_18jay_70 ._PuckCanvas-loader_18jay_60 { opacity: 1; } ._PuckCanvas--showLoader_18jay_70._PuckCanvas--ready_18jay_55 ._PuckCanvas-loader_18jay_60 { opacity: 0; height: 0; transition: none; } /* css-module:/home/runner/work/puck/puck/packages/core/components/MenuBar/styles.module.css/#css-module-data */ ._MenuBar_8pf8c_1 { background-color: var(--puck-color-white); border-bottom: 1px solid var(--puck-color-grey-09); display: none; left: 0; margin-top: 1px; padding: 8px 16px; position: absolute; right: 0; top: 100%; z-index: 2; } ._MenuBar--menuOpen_8pf8c_14 { display: block; } @media (min-width: 638px) { ._MenuBar_8pf8c_1 { border: none; display: block; margin-top: 0; overflow-y: visible; padding: 0; position: static; } } ._MenuBar-inner_8pf8c_29 { align-items: center; display: flex; flex-wrap: wrap; gap: 8px 16px; justify-content: flex-end; } @media (min-width: 638px) { ._MenuBar-inner_8pf8c_29 { display: flex; flex-direction: row; flex-wrap: nowrap; } } ._MenuBar-history_8pf8c_45 { display: flex; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Header/styles.module.css/#css-module-data */ ._PuckHeader_15xnq_1 { background: var(--puck-color-white); border-bottom: 1px solid var(--puck-color-grey-09); color: var(--puck-color-black); grid-area: header; position: relative; max-width: 100vw; } ._PuckHeader-inner_15xnq_10 { align-items: end; display: grid; gap: var(--puck-space-px); grid-template-areas: "left middle right"; grid-template-columns: 1fr auto 1fr; grid-template-rows: auto; padding: var(--puck-space-px); } ._PuckHeader-toggle_15xnq_20 { color: var(--puck-color-grey-05); display: flex; margin-inline-start: -4px; padding-top: 2px; } ._PuckHeader--rightSideBarVisible_15xnq_27 ._PuckHeader-rightSideBarToggle_15xnq_27, ._PuckHeader--leftSideBarVisible_15xnq_28 ._PuckHeader-leftSideBarToggle_15xnq_28 { color: var(--puck-color-black); } ._PuckHeader-title_15xnq_32 { align-self: center; } ._PuckHeader-path_15xnq_36 { font-family: var(--puck-font-family-monospaced); font-size: var(--puck-font-size-xxs); font-weight: normal; word-break: break-all; } ._PuckHeader-tools_15xnq_43 { display: flex; gap: 16px; justify-content: flex-end; } ._PuckHeader-menuButton_15xnq_49 { color: var(--puck-color-grey-05); margin-inline-start: -4px; } ._PuckHeader--menuOpen_15xnq_54 ._PuckHeader-menuButton_15xnq_49 { color: var(--puck-color-black); } @media (min-width: 638px) { ._PuckHeader-menuButton_15xnq_49 { display: none; } } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/ResizeHandle/styles.module.css/#css-module-data */ @media (min-width: 766px) { ._ResizeHandle_144bf_2 { position: absolute; width: 5px; height: 100%; cursor: col-resize; z-index: 10; background: transparent; top: 0; } ._ResizeHandle_144bf_2:hover { background: rgba(0, 0, 0, 0.1); } ._ResizeHandle--left_144bf_16 { right: -3px; } ._ResizeHandle--right_144bf_20 { left: -3px; } } /* components/Puck/components/ResizeHandle/styles.css */ [data-resize-overlay] { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 9999; cursor: col-resize; } /* css-module:/home/runner/work/puck/puck/packages/core/components/Puck/components/Sidebar/styles.module.css/#css-module-data */ ._Sidebar_1xksb_1 { position: relative; display: flex; flex-direction: column; overflow-y: auto; } ._Sidebar--left_1xksb_8 { background: var(--puck-color-grey-12); border-inline-end: 1px solid var(--puck-color-grey-09); grid-area: left; } ._Sidebar--right_1xksb_14 { background: var(--puck-color-white); border-inline-start: 1px solid var(--puck-color-grey-09); grid-area: right; } ._Sidebar-resizeHandle_1xksb_20 { position: absolute; height: 100%; } ._Sidebar--left_1xksb_8 + ._Sidebar-resizeHandle_1xksb_20 { grid-area: left; justify-self: end; } ._Sidebar--right_1xksb_14 + ._Sidebar-resizeHandle_1xksb_20 { grid-area: right; justify-self: start; } /** * Puck Editor Dark Mode Theme * Applies dark styling to Puck when the app is in dark mode */ /* Dark mode overrides for Puck editor */ .dark [data-puck-root], .dark [class*="Puck-"] { color-scheme: dark; } /* Main background colors */ .dark [data-puck-root] { --puck-color-grey-01: #1a1a1a; --puck-color-grey-02: #262626; --puck-color-grey-03: #333333; --puck-color-grey-04: #404040; --puck-color-grey-05: #525252; --puck-color-grey-06: #737373; --puck-color-grey-07: #a3a3a3; --puck-color-grey-08: #d4d4d4; --puck-color-grey-09: #e5e5e5; --puck-color-grey-10: #f5f5f5; background: var(--puck-color-grey-02); color: var(--puck-color-grey-09); } /* Sidebar backgrounds */ .dark [class*="Puck-leftSideBar"], .dark [class*="Puck-rightSideBar"] { background: var(--puck-color-grey-01); border-color: var(--puck-color-grey-04); } /* Component list items */ .dark [class*="Puck-componentItem"], .dark [class*="Puck-layerTree"] > div { background: var(--puck-color-grey-02); border-color: var(--puck-color-grey-04); color: var(--puck-color-grey-08); } .dark [class*="Puck-componentItem"]:hover, .dark [class*="Puck-layerTree"] > div:hover { background: var(--puck-color-grey-03); } /* Fields and inputs */ .dark [class*="Puck-field"] input, .dark [class*="Puck-field"] select, .dark [class*="Puck-field"] textarea { background: var(--puck-color-grey-03); border-color: var(--puck-color-grey-05); color: var(--puck-color-grey-09); } .dark [class*="Puck-field"] input:focus, .dark [class*="Puck-field"] select:focus, .dark [class*="Puck-field"] textarea:focus { border-color: var(--puck-color-grey-06); outline-color: var(--puck-color-grey-06); } /* Field labels */ .dark [class*="Puck-fieldLabel"] { color: var(--puck-color-grey-08); } /* Buttons */ .dark [class*="Puck-button"] { background: var(--puck-color-grey-03); border-color: var(--puck-color-grey-05); color: var(--puck-color-grey-09); } .dark [class*="Puck-button"]:hover:not(:disabled) { background: var(--puck-color-grey-04); } /* Header/toolbar */ .dark [class*="Puck-header"], .dark [class*="Puck-toolbar"] { background: var(--puck-color-grey-01); border-color: var(--puck-color-grey-04); } /* Canvas/preview area */ .dark [class*="Puck-frame"], .dark [class*="Puck-canvas"] { background: var(--puck-color-grey-02); } /* Drop zones */ .dark [class*="DropZone"] { border-color: var(--puck-color-grey-05); } .dark [class*="DropZone"]:hover, .dark [class*="DropZone--isAreaActive"] { background: var(--puck-color-grey-03); border-color: var(--puck-color-grey-06); } /* Selected/active states */ .dark [class*="--isSelected"], .dark [class*="--active"] { background: var(--puck-color-grey-04) !important; border-color: var(--puck-color-grey-06) !important; } /* Sections and dividers */ .dark [class*="Puck-section"] { border-color: var(--puck-color-grey-04); } /* Text and helper text */ .dark [class*="Puck-helperText"] { color: var(--puck-color-grey-06); } /* Accordions */ .dark [class*="Puck-accordion"] { border-color: var(--puck-color-grey-04); } .dark [class*="Puck-accordionTitle"] { background: var(--puck-color-grey-02); color: var(--puck-color-grey-08); } .dark [class*="Puck-accordionTitle"]:hover { background: var(--puck-color-grey-03); } /* Scrollbars (for webkit browsers) */ .dark [class*="Puck-"]::-webkit-scrollbar { width: 8px; height: 8px; } .dark [class*="Puck-"]::-webkit-scrollbar-track { background: var(--puck-color-grey-02); } .dark [class*="Puck-"]::-webkit-scrollbar-thumb { background: var(--puck-color-grey-05); border-radius: 4px; } .dark [class*="Puck-"]::-webkit-scrollbar-thumb:hover { background: var(--puck-color-grey-06); } :root{--rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, 0.2);--rpv-core__annotation-popup-wrapper-background-color: #faf089;--rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--rpv-core__annotation-popup-content-border-top-color: #1a202c;--rpv-core__arrow-border-color: rgba(0, 0, 0, 0.3);--rpv-core__asking-password-color: #000;--rpv-core__asking-password-wrapper-background-color: #fff;--rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, 0.3);--rpv-core__button-background-color: rgba(0, 0, 0, 0.3);--rpv-core__button-color: #000;--rpv-core__doc-error-background-color: #fff;--rpv-core__doc-error-text-background-color: #c02424;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #fff;--rpv-core__full-screen-target-background-color: #fff;--rpv-core__inner-page-background-color: #fff;--rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, 0.3);--rpv-core__menu-item-color: #000;--rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, 0.1);--rpv-core__menu-item--disabled-color: rgba(0, 0, 0, 0.3);--rpv-core__minimal-button-color: #000;--rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, 0.1);--rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, 0.3);--rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, 0.1);--rpv-core__modal-body-background-color: #fff;--rpv-core__modal-body-border-color: rgba(0, 0, 0, 0.3);--rpv-core__modal-overlay-background-color: rgba(0, 0, 0, 0.5);--rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);--rpv-core__popover-body-background-color: #fff;--rpv-core__popover-body-border-color: rgba(0, 0, 0, 0.3);--rpv-core__popover-body-color: #000;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__primary-button-color: #fff;--rpv-core__progress-bar-background-color: rgba(0, 0, 0, 0.1);--rpv-core__progress-bar-progress-background-color: #2566e8;--rpv-core__progress-bar-progress-color: #fff;--rpv-core__separator-border-bottom-color: rgba(0, 0, 0, 0.3);--rpv-core__spinner-border-color: rgba(0, 0, 0, 0.4);--rpv-core__spinner-border-transparent-color: transparent;--rpv-core__splitter-background-color: transparent;--rpv-core__splitter--hover-background-color: rgba(0, 0, 0, 0.2);--rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);--rpv-core__text-layer-text--selection-color: transparent;--rpv-core__textbox-background-color: #fff;--rpv-core__textbox-border-color: rgba(0, 0, 0, 0.2);--rpv-core__textbox-color: #000;--rpv-core__tooltip-body-background-color: #000;--rpv-core__tooltip-body-color: #fff}.rpv-core__viewer--dark{--rpv-core__asking-password-background-color: #363636;--rpv-core__asking-password-color: #fff;--rpv-core__asking-password-wrapper-border-color: #191919;--rpv-core__asking-password-wrapper-background-color: #191919;--rpv-core__button-background-color: #171717;--rpv-core__button-color: #fff;--rpv-core__doc-error-background-color: #191919;--rpv-core__doc-error-text-background-color: #c02323;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #191919;--rpv-core__full-screen-target-background-color: #1a1a1a;--rpv-core__inner-page-background-color: #1a1a1a;--rpv-core__menu-divider-border-bottom-color: #000;--rpv-core__menu-item-color: #fff;--rpv-core__menu-item--hover-background-color: #2566e8;--rpv-core__menu-item--disabled-color: #5e5e5e;--rpv-core__minimal-button-color: #fff;--rpv-core__minimal-button--disabled-color: #5e5e5e;--rpv-core__minimal-button--hover-background-color: #191919;--rpv-core__minimal-button--selected-background-color: #1657bb;--rpv-core__modal-body-background-color: #363636;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__popover-body-background-color: #363636;--rpv-core__popover-body-color: #fff;--rpv-core__progress-bar-background-color: #000;--rpv-core__separator-border-bottom-color: #000;--rpv-core__spinner-border-color: #fff;--rpv-core__splitter-background-color: #1a1a1a;--rpv-core__splitter--hover-background-color: #2566e8;--rpv-core__textbox-background-color: #121212;--rpv-core__textbox-border-color: #121212;--rpv-core__textbox-color: #fff;--rpv-core__tooltip-body-background-color: #414141;--rpv-core__tooltip-body-color: #fff}.rpv-core__annotation{position:absolute}.rpv-core__annotation-layer{z-index:1}.rpv-core__arrow{border-bottom:1px solid var(--rpv-core__arrow-border-color);border-left-color:var(--rpv-core__arrow-border-color);border-right:1px solid var(--rpv-core__arrow-border-color);border-top-color:var(--rpv-core__arrow-border-color);height:10px;position:absolute;width:10px;z-index:0}.rpv-core__arrow--tl{bottom:0;left:0;transform:translate(50%, 50%) rotate(45deg)}.rpv-core__arrow--tc{bottom:0;left:50%;transform:translate(-50%, 50%) rotate(45deg)}.rpv-core__arrow--tr{bottom:0;right:0;transform:translate(-50%, 50%) rotate(45deg)}.rpv-core__arrow--rt{left:0;top:0;transform:translate(-50%, 50%) rotate(135deg)}.rpv-core__arrow--rc{left:0;top:50%;transform:translate(-50%, -50%) rotate(135deg)}.rpv-core__arrow--rb{bottom:0;left:0;transform:translate(-50%, -50%) rotate(135deg)}.rpv-core__arrow--bl{left:0;top:0;transform:translate(50%, -50%) rotate(225deg)}.rpv-core__arrow--bc{left:50%;top:0;transform:translate(-50%, -50%) rotate(225deg)}.rpv-core__arrow--br{right:0;top:0;transform:translate(-50%, -50%) rotate(225deg)}.rpv-core__arrow--lt{right:0;top:0;transform:translate(50%, 50%) rotate(315deg)}.rpv-core__arrow--lc{right:0;top:50%;transform:translate(50%, -50%) rotate(315deg)}.rpv-core__arrow--lb{bottom:0;right:0;transform:translate(50%, -50%) rotate(315deg)}.rpv-core__asking-password{background-color:var(--rpv-core__asking-password-background-color);border-radius:.25rem;color:var(--rpv-core__asking-password-color);padding:2rem}.rpv-core__asking-password--rtl{direction:rtl}.rpv-core__asking-password-wrapper{align-items:center;background-color:var(--rpv-core__asking-password-wrapper-background-color);border:1px solid var(--rpv-core__asking-password-wrapper-border-color);display:flex;height:100%;justify-content:center;width:100%}.rpv-core__asking-password-message{margin:.5rem 0}.rpv-core__asking-password-body{align-items:center;display:flex;justify-content:center}.rpv-core__asking-password-input{width:15rem}.rpv-core__asking-password-input--ltr{margin-right:.5rem}.rpv-core__asking-password-input--rtl{margin-left:.5rem}.rpv-core__button{background-color:var(--rpv-core__button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__button--rtl{direction:rtl}.rpv-core__canvas-layer{direction:ltr;left:0;position:absolute;overflow:hidden;top:0}.rpv-core__doc-error{align-items:center;background-color:var(--rpv-core__doc-error-background-color);display:flex;justify-content:center;height:100%}.rpv-core__doc-error--rtl{direction:rtl}.rpv-core__doc-error-text{background-color:var(--rpv-core__doc-error-text-background-color);border-radius:.25rem;color:var(--rpv-core__doc-error-text-color);line-height:1.5;max-width:50%;padding:.5rem}.rpv-core__doc-loading{background-color:var(--rpv-core__doc-loading-background-color);align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-core__doc-loading--rtl{direction:rtl}.rpv-core__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;text-align:center}.rpv-core__icon--rtl{transform:scale(-1, 1)}.rpv-core__inner-container{min-height:inherit}.rpv-core__inner-pages{overflow:auto}.rpv-core__inner-pages--rtl{direction:rtl}.rpv-core__inner-pages--single{overflow:hidden}.rpv-core__inner-page-container--single{overflow:auto}.rpv-core__inner-page{background-color:var(--rpv-core__inner-page-background-color)}.rpv-core__inner-page--single{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-even{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-odd{display:flex;align-items:center;justify-content:flex-start}.rpv-core__inner-page--dual-cover{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-cover-odd{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-cover-even{display:flex;align-items:center;justify-content:flex-start}.rpv-core__annotation--link a{height:100%;left:0;position:absolute;top:0;width:100%}.rpv-core__annotation--link a:hover{background-color:var(--rpv-core__annotation--link-hover-background-color)}.rpv-core__menu{display:flex;flex-direction:column}.rpv-core__menu--rtl{direction:rtl;text-align:right}.rpv-core__menu-divider{border-bottom:1px solid var(--rpv-core__menu-divider-border-bottom-color);margin:.25rem 0}.rpv-core__menu-item{align-items:center;background-color:rgba(0,0,0,0);color:var(--rpv-core__menu-item-color);border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem 0;width:100%}.rpv-core__menu-item:focus{background-color:var(--rpv-core__menu-item--hover-background-color);outline:0}.rpv-core__menu-item:hover{background-color:var(--rpv-core__menu-item--hover-background-color)}.rpv-core__menu-item-icon{align-items:center;display:flex}.rpv-core__menu-item-icon--ltr{padding-left:1rem;padding-right:.5rem}.rpv-core__menu-item-icon--rtl{padding-left:.5rem;padding-right:1rem}.rpv-core__menu-item-label{flex-grow:1;flex-shrink:1;white-space:nowrap}.rpv-core__menu-item-label--ltr{padding-right:2rem}.rpv-core__menu-item-label--rtl{padding-left:2rem}.rpv-core__menu-item-check--ltr{padding-right:1rem}.rpv-core__menu-item-check--rtl{padding-left:1rem}.rpv-core__menu-item--disabled{color:var(--rpv-core__menu-item--disabled-color)}.rpv-core__menu-item--disabled:hover{background-color:rgba(0,0,0,0)}.rpv-core__menu-item--ltr{text-align:left}.rpv-core__menu-item--rtl{direction:rtl;text-align:right}.rpv-core__minimal-button{background-color:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--rpv-core__minimal-button-color);cursor:pointer;height:2rem;padding:0 .5rem}.rpv-core__minimal-button:hover{background-color:var(--rpv-core__minimal-button--hover-background-color)}.rpv-core__minimal-button--disabled{color:var(--rpv-core__minimal-button--disabled-color)}.rpv-core__minimal-button--rtl{direction:rtl}.rpv-core__minimal-button--selected{background-color:var(--rpv-core__minimal-button--selected-background-color)}.rpv-core__modal-body{background-color:var(--rpv-core__modal-body-background-color);border:1px solid var(--rpv-core__modal-body-border-color);border-radius:.25rem;margin:1rem;max-width:32rem;overflow:auto}.rpv-core__modal-body--rtl{direction:rtl}.rpv-core__modal-overlay{background-color:var(--rpv-core__modal-overlay-background-color);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;align-items:center;display:flex;justify-content:center}.rpv-core__page-layer{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative}.rpv-core__page-layer::after{content:"";position:absolute;bottom:.25rem;left:.25rem;right:.25rem;top:.25rem;box-shadow:var(--rpv-core__page-layer-box-shadow)}.rpv-core__page-layer--single{margin:0 auto}.rpv-core__page-size-calculator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-core__popover-body{background-color:var(--rpv-core__popover-body-background-color);border:1px solid var(--rpv-core__popover-body-border-color);border-radius:.25rem;color:var(--rpv-core__popover-body-color);left:0;padding:.5rem 0;position:absolute;top:-9999px;z-index:9999}.rpv-core__popover-body-arrow{background-color:var(--rpv-core__popover-body-background-color)}.rpv-core__popover-body--rtl{direction:rtl}.rpv-core__popover-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.rpv-core__annotation-popup-wrapper{background-color:var(--rpv-core__annotation-popup-wrapper-background-color);box-shadow:var(--rpv-core__annotation-popup-wrapper-box-shadow);font-size:.75rem;padding:.25rem;word-break:break-word}.rpv-core__annotation-popup-wrapper--rtl{direction:rtl}.rpv-core__annotation-popup-title{font-weight:600;margin-bottom:.25rem}.rpv-core__annotation-popup-date{font-size:.5rem}.rpv-core__annotation-popup-content{border-top:1px solid var(--rpv-core__annotation-popup-content-border-top-color);padding:.25rem;max-height:16rem;overflow:auto}.rpv-core__primary-button{background-color:var(--rpv-core__primary-button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__primary-button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__primary-button--rtl{direction:rtl}.rpv-core__progress-bar{background-color:var(--rpv-core__progress-bar-background-color);border-radius:9999px;padding:.125rem}.rpv-core__progress-bar--rtl{direction:rtl}.rpv-core__progress-bar-progress{align-items:center;background-color:var(--rpv-core__progress-bar-progress-background-color);border-radius:9999px;color:var(--rpv-core__progress-bar-progress-color);display:flex;font-size:.75rem;justify-content:center;height:.75rem}.rpv-core__separator{border-bottom:1px solid var(--rpv-core__separator-border-bottom-color)}.rpv-core__spinner{border-bottom:2px solid var(--rpv-core__spinner-border-transparent-color);border-left:2px solid var(--rpv-core__spinner-border-transparent-color);border-right:2px solid var(--rpv-core__spinner-border-color);border-top:2px solid var(--rpv-core__spinner-border-color);border-radius:9999px}.rpv-core__spinner--animating{animation-duration:.4s;animation-name:rpv-core__spinner-transform;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rpv-core__spinner-transform{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rpv-core__splitter{background-color:var(--rpv-core__splitter-background-color);cursor:ew-resize;height:100%;width:.25rem}.rpv-core__splitter:hover,.rpv-core__splitter--resizing{cursor:col-resize;background-color:var(--rpv-core__splitter--hover-background-color)}.rpv-core__splitter-body--resizing{cursor:col-resize}.rpv-core__splitter-sibling--resizing{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rpv-core__textbox{background-color:var(--rpv-core__textbox-background-color);border:1px solid var(--rpv-core__textbox-border-color);box-sizing:border-box;border-radius:.25rem;color:var(--rpv-core__textbox-color);padding:0 .5rem;height:2rem;width:100%}.rpv-core__textbox--rtl{direction:rtl}.rpv-core__text-layer{left:0;position:absolute;top:0;height:100%;width:100%;opacity:.2;line-height:1;z-index:1}.rpv-core__text-layer span::-moz-selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer span::selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer br::-moz-selection{color:rgba(0,0,0,0)}.rpv-core__text-layer br::selection{color:rgba(0,0,0,0)}.rpv-core__text-layer-text{color:rgba(0,0,0,0);cursor:text;position:absolute;transform-origin:0% 0%;white-space:pre}.rpv-core__tooltip-body{background-color:var(--rpv-core__tooltip-body-background-color);border-radius:.25rem;color:var(--rpv-core__tooltip-body-color);left:0;max-width:20rem;position:absolute;text-align:center;top:-9999px;z-index:9999}.rpv-core__tooltip-body--rtl{direction:rtl}.rpv-core__tooltip-body-arrow{background-color:var(--rpv-core__tooltip-body-background-color)}.rpv-core__tooltip-body-content{padding:.5rem}.rpv-core__display--block{display:block}.rpv-core__display--hidden{display:none}@media(min-width: 640px){.rpv-core__display--hidden-small{display:none}.rpv-core__display--block-small{display:block}}@media(min-width: 768px){.rpv-core__display--hidden-medium{display:none}.rpv-core__display--block-medium{display:block}}@media(min-width: 1024px){.rpv-core__display--hidden-large{display:none}.rpv-core__display--block-large{display:block}}.rpv-core__viewer{min-height:inherit} :root{--rpv-attachment__item--hover-background-color: rgba(0, 0, 0, 0.1);--rpv-attachment__item-color: #000}.rpv-core__viewer--dark{--rpv-attachment__item--hover-background-color: #2566e8;--rpv-attachment__item-color: #fff}.rpv-attachment__empty{height:100%;overflow:auto;padding:.5rem 0;text-align:center;width:100%}.rpv-attachment__empty--rtl{direction:rtl}.rpv-attachment__list{display:flex;height:100%;flex-direction:column;overflow:auto;padding:.5rem 0;width:100%}.rpv-attachment__list--rtl{direction:rtl}.rpv-attachment__item{align-items:center;background-color:rgba(0,0,0,0);border:none;color:var(--rpv-attachment__item-color);cursor:pointer;display:flex;padding:.5rem;text-align:left;width:100%}.rpv-attachment__item:focus{background-color:var(--rpv-attachment__item--hover-background-color);outline:0}.rpv-attachment__item:hover{background-color:var(--rpv-attachment__item--hover-background-color)}.rpv-attachment__loader{align-items:center;display:flex;justify-content:center;height:100%;width:100%}:root{--rpv-bookmark__item--hover-background-color: rgba(0, 0, 0, 0.1);--rpv-bookmark__item-color: #000}.rpv-core__viewer--dark{--rpv-bookmark__item--hover-background-color: #2566e8;--rpv-bookmark__item-color: #fff}.rpv-bookmark__item{align-items:center;color:var(--rpv-bookmark__item-color);cursor:pointer;display:flex;padding-bottom:.25rem;padding-right:.25rem;padding-top:.25rem}.rpv-bookmark__item:focus{background-color:var(--rpv-bookmark__item--hover-background-color);outline:0}.rpv-bookmark__item:hover{background-color:var(--rpv-bookmark__item--hover-background-color)}.rpv-bookmark__toggle{align-items:center;display:flex;height:1rem;margin-right:.25rem;width:1rem}.rpv-bookmark__title{flex-grow:1;flex-shrink:1;text-decoration:none}.rpv-bookmark__list{list-style-type:none;overflow:auto;margin:0;padding:0}.rpv-bookmark__loader{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-bookmark__empty{height:100%;overflow:auto;padding:.5rem 0;text-align:center;width:100%}.rpv-bookmark__empty--rtl{direction:rtl}.rpv-bookmark__container{height:100%;overflow:auto;padding:.5rem 0;width:100%}.rpv-bookmark__container--rtl{direction:rtl}:root{--rpv-core__annotation--link-hover-background-color: rgba(255, 255, 0, 0.2);--rpv-core__annotation-popup-wrapper-background-color: #faf089;--rpv-core__annotation-popup-wrapper-box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);--rpv-core__annotation-popup-content-border-top-color: #1a202c;--rpv-core__arrow-border-color: rgba(0, 0, 0, 0.3);--rpv-core__asking-password-color: #000;--rpv-core__asking-password-wrapper-background-color: #fff;--rpv-core__asking-password-wrapper-border-color: rgba(0, 0, 0, 0.3);--rpv-core__button-background-color: rgba(0, 0, 0, 0.3);--rpv-core__button-color: #000;--rpv-core__doc-error-background-color: #fff;--rpv-core__doc-error-text-background-color: #c02424;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #fff;--rpv-core__full-screen-target-background-color: #fff;--rpv-core__inner-page-background-color: #fff;--rpv-core__menu-divider-border-bottom-color: rgba(0, 0, 0, 0.3);--rpv-core__menu-item-color: #000;--rpv-core__menu-item--hover-background-color: rgba(0, 0, 0, 0.1);--rpv-core__menu-item--disabled-color: rgba(0, 0, 0, 0.3);--rpv-core__minimal-button-color: #000;--rpv-core__minimal-button--hover-background-color: rgba(0, 0, 0, 0.1);--rpv-core__minimal-button--disabled-color: rgba(0, 0, 0, 0.3);--rpv-core__minimal-button--selected-background-color: rgba(0, 0, 0, 0.1);--rpv-core__modal-body-background-color: #fff;--rpv-core__modal-body-border-color: rgba(0, 0, 0, 0.3);--rpv-core__modal-overlay-background-color: rgba(0, 0, 0, 0.5);--rpv-core__page-layer-box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, 0.2);--rpv-core__popover-body-background-color: #fff;--rpv-core__popover-body-border-color: rgba(0, 0, 0, 0.3);--rpv-core__popover-body-color: #000;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__primary-button-color: #fff;--rpv-core__progress-bar-background-color: rgba(0, 0, 0, 0.1);--rpv-core__progress-bar-progress-background-color: #2566e8;--rpv-core__progress-bar-progress-color: #fff;--rpv-core__separator-border-bottom-color: rgba(0, 0, 0, 0.3);--rpv-core__spinner-border-color: rgba(0, 0, 0, 0.4);--rpv-core__spinner-border-transparent-color: transparent;--rpv-core__splitter-background-color: transparent;--rpv-core__splitter--hover-background-color: rgba(0, 0, 0, 0.2);--rpv-core__text-layer-text--selection-background-color: rgb(0, 0, 255, 1);--rpv-core__text-layer-text--selection-color: transparent;--rpv-core__textbox-background-color: #fff;--rpv-core__textbox-border-color: rgba(0, 0, 0, 0.2);--rpv-core__textbox-color: #000;--rpv-core__tooltip-body-background-color: #000;--rpv-core__tooltip-body-color: #fff}.rpv-core__viewer--dark{--rpv-core__asking-password-background-color: #363636;--rpv-core__asking-password-color: #fff;--rpv-core__asking-password-wrapper-border-color: #191919;--rpv-core__asking-password-wrapper-background-color: #191919;--rpv-core__button-background-color: #171717;--rpv-core__button-color: #fff;--rpv-core__doc-error-background-color: #191919;--rpv-core__doc-error-text-background-color: #c02323;--rpv-core__doc-error-text-color: #fff;--rpv-core__doc-loading-background-color: #191919;--rpv-core__full-screen-target-background-color: #1a1a1a;--rpv-core__inner-page-background-color: #1a1a1a;--rpv-core__menu-divider-border-bottom-color: #000;--rpv-core__menu-item-color: #fff;--rpv-core__menu-item--hover-background-color: #2566e8;--rpv-core__menu-item--disabled-color: #5e5e5e;--rpv-core__minimal-button-color: #fff;--rpv-core__minimal-button--disabled-color: #5e5e5e;--rpv-core__minimal-button--hover-background-color: #191919;--rpv-core__minimal-button--selected-background-color: #1657bb;--rpv-core__modal-body-background-color: #363636;--rpv-core__primary-button-background-color: #2566e8;--rpv-core__popover-body-background-color: #363636;--rpv-core__popover-body-color: #fff;--rpv-core__progress-bar-background-color: #000;--rpv-core__separator-border-bottom-color: #000;--rpv-core__spinner-border-color: #fff;--rpv-core__splitter-background-color: #1a1a1a;--rpv-core__splitter--hover-background-color: #2566e8;--rpv-core__textbox-background-color: #121212;--rpv-core__textbox-border-color: #121212;--rpv-core__textbox-color: #fff;--rpv-core__tooltip-body-background-color: #414141;--rpv-core__tooltip-body-color: #fff}.rpv-core__annotation{position:absolute}.rpv-core__annotation-layer{z-index:1}.rpv-core__arrow{border-bottom:1px solid var(--rpv-core__arrow-border-color);border-left-color:var(--rpv-core__arrow-border-color);border-right:1px solid var(--rpv-core__arrow-border-color);border-top-color:var(--rpv-core__arrow-border-color);height:10px;position:absolute;width:10px;z-index:0}.rpv-core__arrow--tl{bottom:0;left:0;transform:translate(50%, 50%) rotate(45deg)}.rpv-core__arrow--tc{bottom:0;left:50%;transform:translate(-50%, 50%) rotate(45deg)}.rpv-core__arrow--tr{bottom:0;right:0;transform:translate(-50%, 50%) rotate(45deg)}.rpv-core__arrow--rt{left:0;top:0;transform:translate(-50%, 50%) rotate(135deg)}.rpv-core__arrow--rc{left:0;top:50%;transform:translate(-50%, -50%) rotate(135deg)}.rpv-core__arrow--rb{bottom:0;left:0;transform:translate(-50%, -50%) rotate(135deg)}.rpv-core__arrow--bl{left:0;top:0;transform:translate(50%, -50%) rotate(225deg)}.rpv-core__arrow--bc{left:50%;top:0;transform:translate(-50%, -50%) rotate(225deg)}.rpv-core__arrow--br{right:0;top:0;transform:translate(-50%, -50%) rotate(225deg)}.rpv-core__arrow--lt{right:0;top:0;transform:translate(50%, 50%) rotate(315deg)}.rpv-core__arrow--lc{right:0;top:50%;transform:translate(50%, -50%) rotate(315deg)}.rpv-core__arrow--lb{bottom:0;right:0;transform:translate(50%, -50%) rotate(315deg)}.rpv-core__asking-password{background-color:var(--rpv-core__asking-password-background-color);border-radius:.25rem;color:var(--rpv-core__asking-password-color);padding:2rem}.rpv-core__asking-password--rtl{direction:rtl}.rpv-core__asking-password-wrapper{align-items:center;background-color:var(--rpv-core__asking-password-wrapper-background-color);border:1px solid var(--rpv-core__asking-password-wrapper-border-color);display:flex;height:100%;justify-content:center;width:100%}.rpv-core__asking-password-message{margin:.5rem 0}.rpv-core__asking-password-body{align-items:center;display:flex;justify-content:center}.rpv-core__asking-password-input{width:15rem}.rpv-core__asking-password-input--ltr{margin-right:.5rem}.rpv-core__asking-password-input--rtl{margin-left:.5rem}.rpv-core__button{background-color:var(--rpv-core__button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__button--rtl{direction:rtl}.rpv-core__canvas-layer{direction:ltr;left:0;position:absolute;overflow:hidden;top:0}.rpv-core__doc-error{align-items:center;background-color:var(--rpv-core__doc-error-background-color);display:flex;justify-content:center;height:100%}.rpv-core__doc-error--rtl{direction:rtl}.rpv-core__doc-error-text{background-color:var(--rpv-core__doc-error-text-background-color);border-radius:.25rem;color:var(--rpv-core__doc-error-text-color);line-height:1.5;max-width:50%;padding:.5rem}.rpv-core__doc-loading{background-color:var(--rpv-core__doc-loading-background-color);align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-core__doc-loading--rtl{direction:rtl}.rpv-core__icon{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1;text-align:center}.rpv-core__icon--rtl{transform:scale(-1, 1)}.rpv-core__inner-container{min-height:inherit}.rpv-core__inner-pages{overflow:auto}.rpv-core__inner-pages--rtl{direction:rtl}.rpv-core__inner-pages--single{overflow:hidden}.rpv-core__inner-page-container--single{overflow:auto}.rpv-core__inner-page{background-color:var(--rpv-core__inner-page-background-color)}.rpv-core__inner-page--single{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-even{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-odd{display:flex;align-items:center;justify-content:flex-start}.rpv-core__inner-page--dual-cover{display:flex;align-items:center;justify-content:center}.rpv-core__inner-page--dual-cover-odd{display:flex;align-items:center;justify-content:flex-end}.rpv-core__inner-page--dual-cover-even{display:flex;align-items:center;justify-content:flex-start}.rpv-core__annotation--link a{height:100%;left:0;position:absolute;top:0;width:100%}.rpv-core__annotation--link a:hover{background-color:var(--rpv-core__annotation--link-hover-background-color)}.rpv-core__menu{display:flex;flex-direction:column}.rpv-core__menu--rtl{direction:rtl;text-align:right}.rpv-core__menu-divider{border-bottom:1px solid var(--rpv-core__menu-divider-border-bottom-color);margin:.25rem 0}.rpv-core__menu-item{align-items:center;background-color:rgba(0,0,0,0);color:var(--rpv-core__menu-item-color);border:none;cursor:pointer;display:flex;justify-content:center;padding:.25rem 0;width:100%}.rpv-core__menu-item:focus{background-color:var(--rpv-core__menu-item--hover-background-color);outline:0}.rpv-core__menu-item:hover{background-color:var(--rpv-core__menu-item--hover-background-color)}.rpv-core__menu-item-icon{align-items:center;display:flex}.rpv-core__menu-item-icon--ltr{padding-left:1rem;padding-right:.5rem}.rpv-core__menu-item-icon--rtl{padding-left:.5rem;padding-right:1rem}.rpv-core__menu-item-label{flex-grow:1;flex-shrink:1;white-space:nowrap}.rpv-core__menu-item-label--ltr{padding-right:2rem}.rpv-core__menu-item-label--rtl{padding-left:2rem}.rpv-core__menu-item-check--ltr{padding-right:1rem}.rpv-core__menu-item-check--rtl{padding-left:1rem}.rpv-core__menu-item--disabled{color:var(--rpv-core__menu-item--disabled-color)}.rpv-core__menu-item--disabled:hover{background-color:rgba(0,0,0,0)}.rpv-core__menu-item--ltr{text-align:left}.rpv-core__menu-item--rtl{direction:rtl;text-align:right}.rpv-core__minimal-button{background-color:rgba(0,0,0,0);border:none;border-radius:.25rem;color:var(--rpv-core__minimal-button-color);cursor:pointer;height:2rem;padding:0 .5rem}.rpv-core__minimal-button:hover{background-color:var(--rpv-core__minimal-button--hover-background-color)}.rpv-core__minimal-button--disabled{color:var(--rpv-core__minimal-button--disabled-color)}.rpv-core__minimal-button--rtl{direction:rtl}.rpv-core__minimal-button--selected{background-color:var(--rpv-core__minimal-button--selected-background-color)}.rpv-core__modal-body{background-color:var(--rpv-core__modal-body-background-color);border:1px solid var(--rpv-core__modal-body-border-color);border-radius:.25rem;margin:1rem;max-width:32rem;overflow:auto}.rpv-core__modal-body--rtl{direction:rtl}.rpv-core__modal-overlay{background-color:var(--rpv-core__modal-overlay-background-color);bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999;align-items:center;display:flex;justify-content:center}.rpv-core__page-layer{align-items:center;display:flex;justify-content:center;overflow:visible;position:relative}.rpv-core__page-layer::after{content:"";position:absolute;bottom:.25rem;left:.25rem;right:.25rem;top:.25rem;box-shadow:var(--rpv-core__page-layer-box-shadow)}.rpv-core__page-layer--single{margin:0 auto}.rpv-core__page-size-calculator{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.rpv-core__popover-body{background-color:var(--rpv-core__popover-body-background-color);border:1px solid var(--rpv-core__popover-body-border-color);border-radius:.25rem;color:var(--rpv-core__popover-body-color);left:0;padding:.5rem 0;position:absolute;top:-9999px;z-index:9999}.rpv-core__popover-body-arrow{background-color:var(--rpv-core__popover-body-background-color)}.rpv-core__popover-body--rtl{direction:rtl}.rpv-core__popover-overlay{bottom:0;left:0;position:fixed;right:0;top:0}.rpv-core__annotation-popup-wrapper{background-color:var(--rpv-core__annotation-popup-wrapper-background-color);box-shadow:var(--rpv-core__annotation-popup-wrapper-box-shadow);font-size:.75rem;padding:.25rem;word-break:break-word}.rpv-core__annotation-popup-wrapper--rtl{direction:rtl}.rpv-core__annotation-popup-title{font-weight:600;margin-bottom:.25rem}.rpv-core__annotation-popup-date{font-size:.5rem}.rpv-core__annotation-popup-content{border-top:1px solid var(--rpv-core__annotation-popup-content-border-top-color);padding:.25rem;max-height:16rem;overflow:auto}.rpv-core__primary-button{background-color:var(--rpv-core__primary-button-background-color);border:none;border-radius:.25rem;color:var(--rpv-core__primary-button-color);cursor:pointer;height:2rem;padding:0 1rem}.rpv-core__primary-button--rtl{direction:rtl}.rpv-core__progress-bar{background-color:var(--rpv-core__progress-bar-background-color);border-radius:9999px;padding:.125rem}.rpv-core__progress-bar--rtl{direction:rtl}.rpv-core__progress-bar-progress{align-items:center;background-color:var(--rpv-core__progress-bar-progress-background-color);border-radius:9999px;color:var(--rpv-core__progress-bar-progress-color);display:flex;font-size:.75rem;justify-content:center;height:.75rem}.rpv-core__separator{border-bottom:1px solid var(--rpv-core__separator-border-bottom-color)}.rpv-core__spinner{border-bottom:2px solid var(--rpv-core__spinner-border-transparent-color);border-left:2px solid var(--rpv-core__spinner-border-transparent-color);border-right:2px solid var(--rpv-core__spinner-border-color);border-top:2px solid var(--rpv-core__spinner-border-color);border-radius:9999px}.rpv-core__spinner--animating{animation-duration:.4s;animation-name:rpv-core__spinner-transform;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes rpv-core__spinner-transform{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.rpv-core__splitter{background-color:var(--rpv-core__splitter-background-color);cursor:ew-resize;height:100%;width:.25rem}.rpv-core__splitter:hover,.rpv-core__splitter--resizing{cursor:col-resize;background-color:var(--rpv-core__splitter--hover-background-color)}.rpv-core__splitter-body--resizing{cursor:col-resize}.rpv-core__splitter-sibling--resizing{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.rpv-core__textbox{background-color:var(--rpv-core__textbox-background-color);border:1px solid var(--rpv-core__textbox-border-color);box-sizing:border-box;border-radius:.25rem;color:var(--rpv-core__textbox-color);padding:0 .5rem;height:2rem;width:100%}.rpv-core__textbox--rtl{direction:rtl}.rpv-core__text-layer{left:0;position:absolute;top:0;height:100%;width:100%;opacity:.2;line-height:1;z-index:1}.rpv-core__text-layer span::-moz-selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer span::selection{background-color:var(--rpv-core__text-layer-text--selection-background-color);color:var(--rpv-core__text-layer-text--selection-color)}.rpv-core__text-layer br::-moz-selection{color:rgba(0,0,0,0)}.rpv-core__text-layer br::selection{color:rgba(0,0,0,0)}.rpv-core__text-layer-text{color:rgba(0,0,0,0);cursor:text;position:absolute;transform-origin:0% 0%;white-space:pre}.rpv-core__tooltip-body{background-color:var(--rpv-core__tooltip-body-background-color);border-radius:.25rem;color:var(--rpv-core__tooltip-body-color);left:0;max-width:20rem;position:absolute;text-align:center;top:-9999px;z-index:9999}.rpv-core__tooltip-body--rtl{direction:rtl}.rpv-core__tooltip-body-arrow{background-color:var(--rpv-core__tooltip-body-background-color)}.rpv-core__tooltip-body-content{padding:.5rem}.rpv-core__display--block{display:block}.rpv-core__display--hidden{display:none}@media(min-width: 640px){.rpv-core__display--hidden-small{display:none}.rpv-core__display--block-small{display:block}}@media(min-width: 768px){.rpv-core__display--hidden-medium{display:none}.rpv-core__display--block-medium{display:block}}@media(min-width: 1024px){.rpv-core__display--hidden-large{display:none}.rpv-core__display--block-large{display:block}}.rpv-core__viewer{min-height:inherit}:root{--rpv-thumbnail__container-background-color: #fff;--rpv-thumbnail__container-box-shadow: rgba(0, 0, 0, 0.2) 2px 2px 8px 0px;--rpv-thumbnail__item--selected-background-color: rgba(0, 0, 0, 0.3)}.rpv-core__viewer--dark{--rpv-thumbnail__item--selected-background-color: #2566e8}.rpv-thumbnail__cover{align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-thumbnail__cover-inner{align-items:center;display:flex;justify-content:center;height:100%;width:100%;min-height:inherit}.rpv-thumbnail__cover-image{max-height:100%;max-width:100%}.rpv-thumbnail__cover-loader{align-items:center;display:flex;justify-content:center;height:100%;width:100%}.rpv-thumbnail__container{align-items:center;background:var(--rpv-thumbnail__container-background-color);box-shadow:var(--rpv-thumbnail__container-box-shadow);display:flex;justify-content:center;margin:0 auto;position:relative}.rpv-thumbnail__item{cursor:pointer}.rpv-thumbnail__item--single,.rpv-thumbnail__item--dual-cover{padding:.5rem}.rpv-thumbnail__item--dual-even,.rpv-thumbnail__item--dual-cover-odd{padding:.5rem 0 .5rem .5rem}.rpv-thumbnail__item--dual-odd,.rpv-thumbnail__item--dual-cover-even{padding:.5rem .5rem .5rem 0}.rpv-thumbnail__item--single:hover,.rpv-thumbnail__item--dual-cover:hover,.rpv-thumbnail__items--dual:hover .rpv-thumbnail__item,.rpv-thumbnail__items--dual-cover:hover .rpv-thumbnail__item{background-color:var(--rpv-thumbnail__item--selected-background-color)}.rpv-thumbnail__item:focus{outline:0}.rpv-thumbnail__label{font-size:.75em;text-align:center;padding:.25rem}.rpv-thumbnail__list{overflow:auto;padding:.5rem}.rpv-thumbnail__list--rtl{direction:rtl}.rpv-thumbnail__list--horizontal{align-items:center;display:flex;flex-direction:row;width:100%}.rpv-thumbnail__list--vertical{height:100%}.rpv-thumbnail__items{align-items:center;display:flex;justify-content:center}.rpv-thumbnail__items--selected .rpv-thumbnail__item{background-color:var(--rpv-thumbnail__item--selected-background-color)}.rpv-thumbnail__list-container{height:100%;width:100%}.rpv-thumbnail__loader{align-items:center;display:flex;height:100%;justify-content:center;width:100%}:root{--rpv-drop__area-background-color: #fff;--rpv-drop__area-body-border-color: rgba(0, 0, 0, 0.3);--rpv-drop__area-body-color: #000}.rpv-core__viewer--dark{--rpv-drop__area-background-color: #191919;--rpv-drop__area-body-border-color: #fff;--rpv-drop__area-body-color: #fff}.rpv-drop__area{background-color:var(--rpv-drop__area-background-color);bottom:0;left:0;position:absolute;right:0;top:0;padding:.5rem;z-index:9999}.rpv-drop__area-body{border:2px dashed var(--rpv-drop__area-body-border-color);color:var(--rpv-drop__area-body-color);font-size:1.5rem;align-items:center;display:flex;justify-content:center;height:100%}.rpv-drop__area-body--rtl{direction:rtl}:root{--rpv-full-screen__overlay-background-color: #fff}.rpv-core__viewer--dark{--rpv-full-screen__overlay-background-color: #1a1a1a}.rpv-full-screen__exit-button{bottom:0;padding:.5rem;position:fixed;z-index:2}.rpv-full-screen__exit-button--ltr{right:0}.rpv-full-screen__exit-button--rtl{left:0}.rpv-full-screen__overlay{position:fixed;top:0;left:0;height:100%;width:100%;align-items:center;display:flex;justify-content:center;background-color:var(--rpv-full-screen__overlay-background-color);z-index:1}.rpv-open__input-wrapper{position:relative}.rpv-open__input{display:none;bottom:0;cursor:pointer;height:100%;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.rpv-open__input::-webkit-file-upload-button{width:0}.rpv-page-navigation__current-page-input{margin:0 .25rem;text-align:right;width:3rem}:root{--rpv-print__progress-body-background-color: #fff;--rpv-print__progress-body-border-color: rgba(0, 0, 0, 0.3);--rpv-print__progress-body-color: #000}.rpv-core__viewer--dark{--rpv-print__progress-body-background-color: #363636;--rpv-print__progress-body-border-color: transparent;--rpv-print__progress-body-color: #fff}.rpv-print__permission-body{padding:1rem}.rpv-print__permission-footer{display:flex;justify-content:center;padding:0 1rem 1rem 0}.rpv-print__progress{align-items:center;display:flex;height:100%;justify-content:center;left:0;position:absolute;top:0;width:100%;z-index:9999}.rpv-print__progress-body{background-color:var(--rpv-print__progress-body-background-color);border:1px solid var(--rpv-print__progress-body-border-color);border-radius:.25rem;color:var(--rpv-print__progress-body-color);padding:1.5rem;text-align:center;width:15rem}.rpv-print__progress-body--rtl{direction:rtl}.rpv-print__progress-bar{margin-bottom:1rem}.rpv-print__progress-message{margin-bottom:.5rem}.rpv-print__zone{display:none}@media print{@page{margin:0}.rpv-print__html-printing{height:100%}.rpv-print__body-printing{height:100%;margin:0}.rpv-print__body-printing *{display:none}.rpv-print__zone{display:block;height:100%}.rpv-print__page{align-items:center;display:flex;flex-direction:column;justify-content:center;height:100%;width:100%;page-break-after:always;page-break-inside:avoid}.rpv-print__page img{display:block;max-height:100%;max-width:100%}}.rpv-properties__loader{text-align:center}.rpv-properties__modal{min-height:20rem;padding:.5rem 0}.rpv-properties__modal-section{padding:0 .5rem}.rpv-properties__modal-footer{display:flex;justify-content:center;margin-top:.5rem}.rpv-properties__item{align-items:flex-start;display:flex;margin:.5rem 0}.rpv-properties__item--rtl{direction:rtl}.rpv-properties__item-label{padding-right:.5rem;width:25%}.rpv-properties__item-value{flex:1}.rpv-search__highlights{left:0;position:absolute;top:0;height:100%;width:100%}.rpv-search__highlight{background-color:var(--rpv-search__highlight-background-color);border-radius:.25rem;position:absolute;z-index:1}.rpv-search__highlight--current{background-color:var(--rpv-search__highlight--current-background-color)}.rpv-search__popover{padding:0 .5rem}.rpv-search__popover-input-counter{align-items:center;display:flex;margin-bottom:.5rem;position:relative;width:12rem}.rpv-search__popover-counter{align-items:center;bottom:0;display:flex;position:absolute;top:0}.rpv-search__popover-counter--ltr{padding-right:.25rem;right:0}.rpv-search__popover-counter--rtl{left:0;padding-left:.25rem}.rpv-search__popover-label{align-items:center;cursor:pointer;display:flex;margin-bottom:.5rem}.rpv-search__popover-label-checkbox{cursor:pointer;margin-right:.25rem}.rpv-search__popover-footer{align-items:center;display:flex}.rpv-search__popover-footer-item{padding:0 .25rem}.rpv-search__popover-footer-button--ltr{margin-left:auto}.rpv-search__popover-footer-button--rtl{margin-right:auto}:root{--rpv-search__highlight-background-color: rgba(255, 255, 0, 0.4);--rpv-search__highlight--current-background-color: rgba(0, 128, 0, 0.4)}.rpv-selection-mode__grab{cursor:grab}.rpv-selection-mode__grab :not(input),.rpv-selection-mode__grab :not(select),.rpv-selection-mode__grab :not(textarea){cursor:grab !important}.rpv-selection-mode__grabbing{cursor:grabbing}.rpv-selection-mode__grabbing :not(input),.rpv-selection-mode__grabbing :not(select),.rpv-selection-mode__grabbing :not(textarea){cursor:grabbing !important}:root{--rpv-zoom__popover-target-arrow-border-color: rgba(0, 0, 0, 0.6)}.rpv-core__viewer--dark{--rpv-zoom__popover-target-arrow-border-color: #fff}.rpv-zoom__popover-target{align-items:center;color:var(--rpv-zoom__popover-target-color);display:flex}.rpv-zoom__popover-target-scale--ltr{margin-right:.25rem}.rpv-zoom__popover-target-scale--rtl{margin-left:.25rem}.rpv-zoom__popover-target-arrow{border-color:var(--rpv-zoom__popover-target-arrow-border-color) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:.5rem .25rem 0;height:0;width:0}:root{--rpv-toolbar__label--color: #000}.rpv-core__viewer--dark{--rpv-toolbar__label--color: #fff}.rpv-toolbar{align-items:center;display:flex;width:100%}.rpv-toolbar--rtl{direction:rtl}.rpv-toolbar__left{align-items:center;display:flex}.rpv-toolbar__center{align-items:center;display:flex;flex-grow:1;flex-shrink:1;justify-content:center}.rpv-toolbar__right{align-items:center;display:flex;margin-left:auto}.rpv-toolbar__item{align-items:center;display:flex;padding:0 .125rem}.rpv-toolbar__label{color:var(--rpv-toolbar__label--color)}:root{--rpv-default-layout__body-background-color: #fff;--rpv-default-layout__container-border-color: rgba(0, 0, 0, 0.3);--rpv-default-layout__toolbar-background-color: #eee;--rpv-default-layout__toolbar-border-bottom-color: rgba(0, 0, 0, 0.1);--rpv-default-layout__sidebar-border-color: rgba(0, 0, 0, 0.2);--rpv-default-layout__sidebar--opened-background-color: #fff;--rpv-default-layout__sidebar-headers-background-color: #eee;--rpv-default-layout__sidebar-content--opened-background-color: #fff;--rpv-default-layout__sidebar-content--opened-border-color: rgba(0, 0, 0, 0.2);--rpv-default-layout__sidebar-content--opened-color: #000}.rpv-core__viewer--dark{--rpv-default-layout__body-background-color: #1a1a1a;--rpv-default-layout__container-border-color: #454647;--rpv-default-layout__toolbar-background-color: #292929;--rpv-default-layout__toolbar-border-bottom-color: #000;--rpv-default-layout__sidebar-border-color: #000;--rpv-default-layout__sidebar--opened-background-color: #fff;--rpv-default-layout__sidebar-headers-background-color: #292929;--rpv-default-layout__sidebar-content--opened-background-color: #1a1a1a;--rpv-default-layout__sidebar-content--opened-border-color: #292929;--rpv-default-layout__sidebar-content--opened-color: #fff}.rpv-default-layout__container{border:1px solid var(--rpv-default-layout__container-border-color);box-sizing:border-box;height:100%;width:100%}.rpv-default-layout__toolbar{align-items:center;background-color:var(--rpv-default-layout__toolbar-background-color);border-bottom:1px solid var(--rpv-default-layout__toolbar-border-bottom-color);display:flex;left:0;position:absolute;top:0;height:2.5rem;width:100%;z-index:1}.rpv-default-layout__sidebar{display:flex;padding-top:2.5rem}.rpv-default-layout__sidebar--opened{bottom:0;left:0;position:absolute;top:0;width:12rem;background-color:var(--rpv-default-layout__sidebar--opened-background-color);z-index:1}.rpv-default-layout__sidebar--ltr{border-right:1px solid var(--rpv-default-layout__sidebar-border-color)}.rpv-default-layout__sidebar--rtl{border-left:1px solid var(--rpv-default-layout__sidebar-border-color)}.rpv-default-layout__main{display:flex;height:100%;position:relative}.rpv-default-layout__main--rtl{direction:rtl}.rpv-default-layout__body{background-color:var(--rpv-default-layout__body-background-color);flex:1;overflow:auto;padding-top:2.5rem}@media(min-width: 768px){.rpv-default-layout__sidebar--opened{width:16rem}}@media(min-width: 1024px){.rpv-default-layout__sidebar--opened{background:inherit;position:inherit;width:20rem;z-index:inherit}}.rpv-default-layout__sidebar-tabs{display:flex;height:100%;width:100%}.rpv-default-layout__sidebar-headers{background-color:var(--rpv-default-layout__sidebar-headers-background-color);padding:.25rem}.rpv-default-layout__sidebar-header{padding:.125rem}.rpv-default-layout__sidebar-content{display:none;flex-grow:1;flex-shrink:1}.rpv-default-layout__sidebar-content--opened{background-color:var(--rpv-default-layout__sidebar-content--opened-background-color);color:var(--rpv-default-layout__sidebar-content--opened-color);display:flex;overflow:hidden}.rpv-default-layout__sidebar-content--ltr{border-left:1px solid var(--rpv-default-layout__sidebar-content--opened-border-color)}.rpv-default-layout__sidebar-content--rtl{border-right:1px solid var(--rpv-default-layout__sidebar-content--opened-border-color)} @keyframes aui-pulse { 50% { opacity: 0.5; } } :where(.aui-md[data-status="running"]):empty::after, :where(.aui-md[data-status="running"]) > :where(:not(ol):not(ul):not(pre)):last-child::after, :where(.aui-md[data-status="running"]) > pre:last-child code::after, :where(.aui-md[data-status="running"]) > :where(:is(ol, ul):last-child) > :where(li:last-child:not(:has(* > li)))::after, :where(.aui-md[data-status="running"]) > :where(:is(ol, ul):last-child) > :where(li:last-child) > :where(:is(ol, ul):last-child) > :where(li:last-child:not(:has(* > li)))::after, :where(.aui-md[data-status="running"]) > :where(:is(ol, ul):last-child) > :where(li:last-child) > :where(:is(ol, ul):last-child) > :where(li:last-child) > :where(:is(ol, ul):last-child) > :where(li:last-child)::after { animation: aui-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --aui-content: "\25cf"; content: var(--aui-content); margin-left: 0.25rem; margin-right: 0.25rem; } /* this gets exported as style.css and can be used for the default theming */ /* these are the necessary styles for React/Svelte Flow, they get used by base.css and style.css */ .react-flow { direction: ltr; --xy-edge-stroke-default: #b1b1b7; --xy-edge-stroke-width-default: 1; --xy-edge-stroke-selected-default: #555; --xy-connectionline-stroke-default: #b1b1b7; --xy-connectionline-stroke-width-default: 1; --xy-attribution-background-color-default: rgba(255, 255, 255, 0.5); --xy-minimap-background-color-default: #fff; --xy-minimap-mask-background-color-default: rgba(240, 240, 240, 0.6); --xy-minimap-mask-stroke-color-default: transparent; --xy-minimap-mask-stroke-width-default: 1; --xy-minimap-node-background-color-default: #e2e2e2; --xy-minimap-node-stroke-color-default: transparent; --xy-minimap-node-stroke-width-default: 2; --xy-background-color-default: transparent; --xy-background-pattern-dots-color-default: #91919a; --xy-background-pattern-lines-color-default: #eee; --xy-background-pattern-cross-color-default: #e2e2e2; background-color: var(--xy-background-color, var(--xy-background-color-default)); --xy-node-color-default: inherit; --xy-node-border-default: 1px solid #1a192b; --xy-node-background-color-default: #fff; --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25); --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(0, 0, 0, 0.08); --xy-node-boxshadow-selected-default: 0 0 0 0.5px #1a192b; --xy-node-border-radius-default: 3px; --xy-handle-background-color-default: #1a192b; --xy-handle-border-color-default: #fff; --xy-selection-background-color-default: rgba(0, 89, 220, 0.08); --xy-selection-border-default: 1px dotted rgba(0, 89, 220, 0.8); --xy-controls-button-background-color-default: #fefefe; --xy-controls-button-background-color-hover-default: #f4f4f4; --xy-controls-button-color-default: inherit; --xy-controls-button-color-hover-default: inherit; --xy-controls-button-border-color-default: #eee; --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08); --xy-edge-label-background-color-default: #ffffff; --xy-edge-label-color-default: inherit; --xy-resize-background-color-default: #3367d9; } .react-flow.dark { --xy-edge-stroke-default: #3e3e3e; --xy-edge-stroke-width-default: 1; --xy-edge-stroke-selected-default: #727272; --xy-connectionline-stroke-default: #b1b1b7; --xy-connectionline-stroke-width-default: 1; --xy-attribution-background-color-default: rgba(150, 150, 150, 0.25); --xy-minimap-background-color-default: #141414; --xy-minimap-mask-background-color-default: rgba(60, 60, 60, 0.6); --xy-minimap-mask-stroke-color-default: transparent; --xy-minimap-mask-stroke-width-default: 1; --xy-minimap-node-background-color-default: #2b2b2b; --xy-minimap-node-stroke-color-default: transparent; --xy-minimap-node-stroke-width-default: 2; --xy-background-color-default: #141414; --xy-background-pattern-dots-color-default: #777; --xy-background-pattern-lines-color-default: #777; --xy-background-pattern-cross-color-default: #777; --xy-node-color-default: #f8f8f8; --xy-node-border-default: 1px solid #3c3c3c; --xy-node-background-color-default: #1e1e1e; --xy-node-group-background-color-default: rgba(240, 240, 240, 0.25); --xy-node-boxshadow-hover-default: 0 1px 4px 1px rgba(255, 255, 255, 0.08); --xy-node-boxshadow-selected-default: 0 0 0 0.5px #999; --xy-handle-background-color-default: #bebebe; --xy-handle-border-color-default: #1e1e1e; --xy-selection-background-color-default: rgba(200, 200, 220, 0.08); --xy-selection-border-default: 1px dotted rgba(200, 200, 220, 0.8); --xy-controls-button-background-color-default: #2b2b2b; --xy-controls-button-background-color-hover-default: #3e3e3e; --xy-controls-button-color-default: #f8f8f8; --xy-controls-button-color-hover-default: #fff; --xy-controls-button-border-color-default: #5b5b5b; --xy-controls-box-shadow-default: 0 0 2px 1px rgba(0, 0, 0, 0.08); --xy-edge-label-background-color-default: #141414; --xy-edge-label-color-default: #f8f8f8; } .react-flow__background { background-color: var(--xy-background-color-props, var(--xy-background-color, var(--xy-background-color-default))); pointer-events: none; z-index: -1; } .react-flow__container { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .react-flow__pane { z-index: 1; } .react-flow__pane.draggable { cursor: grab; } .react-flow__pane.dragging { cursor: grabbing; } .react-flow__pane.selection { cursor: pointer; } .react-flow__viewport { transform-origin: 0 0; z-index: 2; pointer-events: none; } .react-flow__renderer { z-index: 4; } .react-flow__selection { z-index: 6; } .react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible { outline: none; } .react-flow__edge-path { stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default)); stroke-width: var(--xy-edge-stroke-width, var(--xy-edge-stroke-width-default)); fill: none; } .react-flow__connection-path { stroke: var(--xy-connectionline-stroke, var(--xy-connectionline-stroke-default)); stroke-width: var(--xy-connectionline-stroke-width, var(--xy-connectionline-stroke-width-default)); fill: none; } .react-flow .react-flow__edges { position: absolute; } .react-flow .react-flow__edges svg { overflow: visible; position: absolute; pointer-events: none; } .react-flow__edge { pointer-events: visibleStroke; } .react-flow__edge.selectable { cursor: pointer; } .react-flow__edge.animated path { stroke-dasharray: 5; animation: dashdraw 0.5s linear infinite; } .react-flow__edge.animated path.react-flow__edge-interaction { stroke-dasharray: none; animation: none; } .react-flow__edge.inactive { pointer-events: none; } .react-flow__edge.selected, .react-flow__edge:focus, .react-flow__edge:focus-visible { outline: none; } .react-flow__edge.selected .react-flow__edge-path, .react-flow__edge.selectable:focus .react-flow__edge-path, .react-flow__edge.selectable:focus-visible .react-flow__edge-path { stroke: var(--xy-edge-stroke-selected, var(--xy-edge-stroke-selected-default)); } .react-flow__edge-textwrapper { pointer-events: all; } .react-flow__edge .react-flow__edge-text { pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; } /* Arrowhead marker styles - use CSS custom properties as default */ .react-flow__arrowhead polyline { stroke: var(--xy-edge-stroke, var(--xy-edge-stroke-default)); } .react-flow__arrowhead polyline.arrowclosed { fill: var(--xy-edge-stroke, var(--xy-edge-stroke-default)); } .react-flow__connection { pointer-events: none; } .react-flow__connection .animated { stroke-dasharray: 5; animation: dashdraw 0.5s linear infinite; } svg.react-flow__connectionline { z-index: 1001; overflow: visible; position: absolute; } .react-flow__nodes { pointer-events: none; transform-origin: 0 0; } .react-flow__node { position: absolute; -webkit-user-select: none; -moz-user-select: none; user-select: none; pointer-events: all; transform-origin: 0 0; box-sizing: border-box; cursor: default; } .react-flow__node.selectable { cursor: pointer; } .react-flow__node.draggable { cursor: grab; pointer-events: all; } .react-flow__node.draggable.dragging { cursor: grabbing; } .react-flow__nodesselection { z-index: 3; transform-origin: left top; pointer-events: none; } .react-flow__nodesselection-rect { position: absolute; pointer-events: all; cursor: grab; } .react-flow__handle { position: absolute; pointer-events: none; min-width: 5px; min-height: 5px; width: 6px; height: 6px; background-color: var(--xy-handle-background-color, var(--xy-handle-background-color-default)); border: 1px solid var(--xy-handle-border-color, var(--xy-handle-border-color-default)); border-radius: 100%; } .react-flow__handle.connectingfrom { pointer-events: all; } .react-flow__handle.connectionindicator { pointer-events: all; cursor: crosshair; } .react-flow__handle-bottom { top: auto; left: 50%; bottom: 0; transform: translate(-50%, 50%); } .react-flow__handle-top { top: 0; left: 50%; transform: translate(-50%, -50%); } .react-flow__handle-left { top: 50%; left: 0; transform: translate(-50%, -50%); } .react-flow__handle-right { top: 50%; right: 0; transform: translate(50%, -50%); } .react-flow__edgeupdater { cursor: move; pointer-events: all; } .react-flow__pane.selection .react-flow__panel { pointer-events: none; } .react-flow__panel { position: absolute; z-index: 5; margin: 15px; } .react-flow__panel.top { top: 0; } .react-flow__panel.bottom { bottom: 0; } .react-flow__panel.top.center, .react-flow__panel.bottom.center { left: 50%; transform: translateX(-15px) translateX(-50%); } .react-flow__panel.left { left: 0; } .react-flow__panel.right { right: 0; } .react-flow__panel.left.center, .react-flow__panel.right.center { top: 50%; transform: translateY(-15px) translateY(-50%); } .react-flow__attribution { font-size: 10px; background: var(--xy-attribution-background-color, var(--xy-attribution-background-color-default)); padding: 2px 3px; margin: 0; } .react-flow__attribution a { text-decoration: none; color: #999; } @keyframes dashdraw { from { stroke-dashoffset: 10; } } .react-flow__edgelabel-renderer { position: absolute; width: 100%; height: 100%; pointer-events: none; -webkit-user-select: none; -moz-user-select: none; user-select: none; left: 0; top: 0; } .react-flow__viewport-portal { position: absolute; width: 100%; height: 100%; left: 0; top: 0; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .react-flow__minimap { background: var( --xy-minimap-background-color-props, var(--xy-minimap-background-color, var(--xy-minimap-background-color-default)) ); } .react-flow__minimap-svg { display: block; } .react-flow__minimap-mask { fill: var( --xy-minimap-mask-background-color-props, var(--xy-minimap-mask-background-color, var(--xy-minimap-mask-background-color-default)) ); stroke: var( --xy-minimap-mask-stroke-color-props, var(--xy-minimap-mask-stroke-color, var(--xy-minimap-mask-stroke-color-default)) ); stroke-width: var( --xy-minimap-mask-stroke-width-props, var(--xy-minimap-mask-stroke-width, var(--xy-minimap-mask-stroke-width-default)) ); } .react-flow__minimap-node { fill: var( --xy-minimap-node-background-color-props, var(--xy-minimap-node-background-color, var(--xy-minimap-node-background-color-default)) ); stroke: var( --xy-minimap-node-stroke-color-props, var(--xy-minimap-node-stroke-color, var(--xy-minimap-node-stroke-color-default)) ); stroke-width: var( --xy-minimap-node-stroke-width-props, var(--xy-minimap-node-stroke-width, var(--xy-minimap-node-stroke-width-default)) ); } .react-flow__background-pattern.dots { fill: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-dots-color-default)) ); } .react-flow__background-pattern.lines { stroke: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-lines-color-default)) ); } .react-flow__background-pattern.cross { stroke: var( --xy-background-pattern-color-props, var(--xy-background-pattern-color, var(--xy-background-pattern-cross-color-default)) ); } .react-flow__controls { display: flex; flex-direction: column; box-shadow: var(--xy-controls-box-shadow, var(--xy-controls-box-shadow-default)); } .react-flow__controls.horizontal { flex-direction: row; } .react-flow__controls-button { display: flex; justify-content: center; align-items: center; height: 26px; width: 26px; padding: 4px; border: none; background: var(--xy-controls-button-background-color, var(--xy-controls-button-background-color-default)); border-bottom: 1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) ); color: var( --xy-controls-button-color-props, var(--xy-controls-button-color, var(--xy-controls-button-color-default)) ); cursor: pointer; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .react-flow__controls-button svg { width: 100%; max-width: 12px; max-height: 12px; fill: currentColor; } .react-flow__edge.updating .react-flow__edge-path { stroke: #777; } .react-flow__edge-text { font-size: 10px; } .react-flow__node.selectable:focus, .react-flow__node.selectable:focus-visible { outline: none; } .react-flow__node-input, .react-flow__node-default, .react-flow__node-output, .react-flow__node-group { padding: 10px; border-radius: var(--xy-node-border-radius, var(--xy-node-border-radius-default)); width: 150px; font-size: 12px; color: var(--xy-node-color, var(--xy-node-color-default)); text-align: center; border: var(--xy-node-border, var(--xy-node-border-default)); background-color: var(--xy-node-background-color, var(--xy-node-background-color-default)); } .react-flow__node-input.selectable:hover, .react-flow__node-default.selectable:hover, .react-flow__node-output.selectable:hover, .react-flow__node-group.selectable:hover { box-shadow: var(--xy-node-boxshadow-hover, var(--xy-node-boxshadow-hover-default)); } .react-flow__node-input.selectable.selected, .react-flow__node-input.selectable:focus, .react-flow__node-input.selectable:focus-visible, .react-flow__node-default.selectable.selected, .react-flow__node-default.selectable:focus, .react-flow__node-default.selectable:focus-visible, .react-flow__node-output.selectable.selected, .react-flow__node-output.selectable:focus, .react-flow__node-output.selectable:focus-visible, .react-flow__node-group.selectable.selected, .react-flow__node-group.selectable:focus, .react-flow__node-group.selectable:focus-visible { box-shadow: var(--xy-node-boxshadow-selected, var(--xy-node-boxshadow-selected-default)); } .react-flow__node-group { background-color: var(--xy-node-group-background-color, var(--xy-node-group-background-color-default)); } .react-flow__nodesselection-rect, .react-flow__selection { background: var(--xy-selection-background-color, var(--xy-selection-background-color-default)); border: var(--xy-selection-border, var(--xy-selection-border-default)); } .react-flow__nodesselection-rect:focus, .react-flow__nodesselection-rect:focus-visible, .react-flow__selection:focus, .react-flow__selection:focus-visible { outline: none; } .react-flow__controls-button:hover { background: var( --xy-controls-button-background-color-hover-props, var(--xy-controls-button-background-color-hover, var(--xy-controls-button-background-color-hover-default)) ); color: var( --xy-controls-button-color-hover-props, var(--xy-controls-button-color-hover, var(--xy-controls-button-color-hover-default)) ); } .react-flow__controls-button:disabled { pointer-events: none; } .react-flow__controls-button:disabled svg { fill-opacity: 0.4; } .react-flow__controls-button:last-child { border-bottom: none; } .react-flow__controls.horizontal .react-flow__controls-button { border-bottom: none; border-right: 1px solid var( --xy-controls-button-border-color-props, var(--xy-controls-button-border-color, var(--xy-controls-button-border-color-default)) ); } .react-flow__controls.horizontal .react-flow__controls-button:last-child { border-right: none; } .react-flow__resize-control { position: absolute; } .react-flow__resize-control.left, .react-flow__resize-control.right { cursor: ew-resize; } .react-flow__resize-control.top, .react-flow__resize-control.bottom { cursor: ns-resize; } .react-flow__resize-control.top.left, .react-flow__resize-control.bottom.right { cursor: nwse-resize; } .react-flow__resize-control.bottom.left, .react-flow__resize-control.top.right { cursor: nesw-resize; } /* handle styles */ .react-flow__resize-control.handle { width: 5px; height: 5px; border: 1px solid #fff; border-radius: 1px; background-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default)); translate: -50% -50%; } .react-flow__resize-control.handle.left { left: 0; top: 50%; } .react-flow__resize-control.handle.right { left: 100%; top: 50%; } .react-flow__resize-control.handle.top { left: 50%; top: 0; } .react-flow__resize-control.handle.bottom { left: 50%; top: 100%; } .react-flow__resize-control.handle.top.left { left: 0; } .react-flow__resize-control.handle.bottom.left { left: 0; } .react-flow__resize-control.handle.top.right { left: 100%; } .react-flow__resize-control.handle.bottom.right { left: 100%; } /* line styles */ .react-flow__resize-control.line { border-color: var(--xy-resize-background-color, var(--xy-resize-background-color-default)); border-width: 0; border-style: solid; } .react-flow__resize-control.line.left, .react-flow__resize-control.line.right { width: 1px; transform: translate(-50%, 0); top: 0; height: 100%; } .react-flow__resize-control.line.left { left: 0; border-left-width: 1px; } .react-flow__resize-control.line.right { left: 100%; border-right-width: 1px; } .react-flow__resize-control.line.top, .react-flow__resize-control.line.bottom { height: 1px; transform: translate(0, -50%); left: 0; width: 100%; } .react-flow__resize-control.line.top { top: 0; border-top-width: 1px; } .react-flow__resize-control.line.bottom { border-bottom-width: 1px; top: 100%; } .react-flow__edge-textbg { fill: var(--xy-edge-label-background-color, var(--xy-edge-label-background-color-default)); } .react-flow__edge-text { fill: var(--xy-edge-label-color, var(--xy-edge-label-color-default)); } /* Shimmer animation for reasoning/thinking UI */ @keyframes shimmer { 0% { background-position: -200% 0; } 100% { background-position: 200% 0; } } .shimmer { background: linear-gradient( 90deg, transparent 0%, hsl(var(--foreground) / 0.3) 50%, transparent 100% ); background-size: 200% 100%; animation: shimmer 2s infinite linear; -webkit-background-clip: text; background-clip: text; color: transparent; } /* Copilot chat tweaks */ .aui-composer-add-attachment { display: none !important; } .aui-composer-send { width: 24px !important; height: 24px !important; } .aui-thread-root .aui-thread-greeting, .aui-thread-root .aui-thread-suggestions, .aui-thread-root .aui-thread-welcome-card, .aui-thread-root [data-testid="quickstart-card"] { display: none !important; } .aui-thread-list-new { display: none !important; } .copilot-composer-controls select { min-width: 80px; } /* Prevent chat content from overflowing */ .aui-thread-viewport { min-width: 0; overflow-x: hidden; } .aui-assistant-message-content, .aui-user-message-content { min-width: 0; overflow-wrap: anywhere; word-break: break-word; } .aui-tool-fallback-root { min-width: 0; } .aui-tool-fallback-root pre { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; } /* User message styling */ .aui-user-message-root[data-role="user"] { container-type: inline-size; } /* Ensure code blocks in chat don't overflow */ .aui-assistant-message-content .aui-md-pre, .aui-assistant-message-content pre { max-width: 100%; overflow-x: auto; } /* Thread tabs scrollbar - hidden until hover */ .thread-tabs-scroll { scrollbar-width: thin; scrollbar-color: transparent transparent; } .thread-tabs-scroll:hover { scrollbar-color: hsl(var(--border)) transparent; } .thread-tabs-scroll::-webkit-scrollbar { height: 4px; } .thread-tabs-scroll::-webkit-scrollbar-track { background: transparent; } .thread-tabs-scroll::-webkit-scrollbar-thumb { background: transparent; border-radius: 2px; } .thread-tabs-scroll:hover::-webkit-scrollbar-thumb { background: hsl(var(--border)); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /* ! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: #e5e7eb; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: Inter Variable, Inter, Segoe UI, system-ui, -apple-system, sans-serif; /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: JetBrains Mono, Fira Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } :root { color-scheme: light; --background: 210 33% 98%; --background-subtle: 210 40% 96%; --background-elevated: 0 0% 100%; --foreground: 222 47% 11%; --foreground-muted: 215 16% 45%; --foreground-subtle: 215 20% 65%; --foreground-inverted: 0 0% 100%; --brand-surface: 221 83% 98%; --brand: 218 74% 52%; --brand-emphasis: 218 74% 45%; --brand-foreground: 0 0% 100%; --accent-surface: 210 20% 94%; --accent: 210 14% 89%; --accent-emphasis: 210 14% 83%; --accent-foreground: 222 47% 11%; --success-surface: 162 91% 96%; --success: 160 84% 40%; --success-emphasis: 162 70% 35%; --success-foreground: 168 100% 13%; --warning-surface: 40 100% 96%; --warning: 37 92% 50%; --warning-emphasis: 35 91% 45%; --warning-foreground: 20 90% 20%; --danger-surface: 356 100% 97%; --danger: 4 83% 58%; --danger-emphasis: 4 78% 48%; --danger-foreground: 0 0% 100%; --border-subtle: 214 32% 91%; --border: 213 27% 84%; --border-strong: 215 19% 65%; --radius-none: 0px; --radius-xs: 2px; --radius-sm: 4px; --radius-md: 8px; --radius-lg: 12px; --radius-xl: 16px; --radius-full: 9999px; --shadow-xs: 0 1px 2px 0 hsl(215 24% 90%); --shadow-sm: 0 1px 3px 0 hsl(215 24% 90%), 0 1px 2px -1px hsl(215 24% 84%); --shadow-md: 0 2px 6px -1px hsl(215 24% 80%), 0 4px 12px -2px hsl(215 20% 78%); --shadow-lg: 0 12px 32px -12px hsl(215 44% 58% / 0.35); --shadow-overlay: 0 24px 48px -12px hsl(218 60% 45% / 0.35); --card: var(--background); --card-foreground: var(--foreground); --popover: var(--background); --popover-foreground: var(--foreground); --primary: 218 74% 52%; --primary-foreground: 0 0% 100%; --secondary: 210 40% 96%; --secondary-foreground: 222 47% 11%; --muted: 210 40% 96%; --muted-foreground: 215 20% 65%; --destructive: 4 83% 58%; --destructive-foreground: 0 0% 100%; --input: 213 27% 84%; --ring: 218 74% 52%; --chart-1: 217 70% 52%; --chart-2: 160 70% 45%; --chart-3: 40 92% 55%; --chart-4: 269 70% 58%; --chart-5: 4 83% 58%; --radius: 0rem; --sidebar: 210 35% 97%; --sidebar-foreground: 222 47% 11%; --sidebar-primary: 218 74% 52%; --sidebar-primary-foreground: 0 0% 100%; --sidebar-accent: 210 40% 96%; --sidebar-accent-foreground: 222 47% 11%; --sidebar-border: 213 27% 84%; --sidebar-ring: 218 74% 52%; --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --shadow-color: 0 0% 0%; --shadow-opacity: 0; --shadow-blur: 0px; --shadow-spread: 0px; --shadow-offset-x: 0; --shadow-offset-y: 0; --letter-spacing: 0em; --spacing: 0.25rem; --shadow-2xs: 0 0 0px 0px hsl(0 0% 0% / 0.00); --shadow: 0 0 0px 0px hsl(0 0% 0% / 0.00), 0 1px 2px -1px hsl(0 0% 0% / 0.00); --shadow-xl: 0 0 0px 0px hsl(0 0% 0% / 0.00), 0 8px 10px -1px hsl(0 0% 0% / 0.00); --shadow-2xl: 0 0 0px 0px hsl(0 0% 0% / 0.00); --tracking-normal: 0em; } .dark { color-scheme: dark; --background: 222 47% 8%; --background-subtle: 222 45% 12%; --background-elevated: 217 33% 17%; --foreground: 213 31% 91%; --foreground-muted: 215 15% 70%; --foreground-subtle: 220 14% 60%; --foreground-inverted: 222 47% 10%; --brand-surface: 218 60% 18%; --brand: 217 70% 65%; --brand-emphasis: 217 72% 58%; --brand-foreground: 222 47% 10%; --accent-surface: 220 15% 18%; --accent: 220 12% 22%; --accent-emphasis: 220 12% 28%; --accent-foreground: 213 31% 91%; --success-surface: 160 85% 20%; --success: 160 84% 45%; --success-emphasis: 160 84% 55%; --success-foreground: 222 47% 8%; --warning-surface: 45 86% 24%; --warning: 40 94% 62%; --warning-emphasis: 40 94% 70%; --warning-foreground: 222 47% 10%; --danger-surface: 350 84% 20%; --danger: 0 84% 60%; --danger-emphasis: 0 84% 68%; --danger-foreground: 222 47% 8%; --border-subtle: 220 26% 26%; --border: 220 19% 28%; --border-strong: 218 16% 35%; --shadow-xs: 0 1px 2px 0 hsl(220 40% 3%); --shadow-sm: 0 1px 3px 0 hsl(220 40% 5%), 0 1px 2px -1px hsl(220 40% 3%); --shadow-md: 0 2px 6px -1px hsl(220 40% 8%), 0 4px 12px -2px hsl(220 35% 6%); --shadow-lg: 0 18px 45px -15px hsl(220 45% 15% / 0.45); --shadow-overlay: 0 28px 60px -18px hsl(218 60% 30% / 0.45); --card: var(--background); --card-foreground: var(--foreground); --popover: var(--background); --popover-foreground: var(--foreground); --primary: 217 70% 65%; --primary-foreground: 222 47% 10%; --secondary: 222 45% 16%; --secondary-foreground: 213 31% 91%; --muted: 222 45% 16%; --muted-foreground: 215 15% 70%; --destructive: 0 84% 60%; --destructive-foreground: 222 47% 8%; --input: 220 19% 28%; --ring: 269 82% 73%; --chart-1: 217 90% 70%; --chart-2: 160 80% 52%; --chart-3: 40 94% 64%; --chart-4: 269 89% 70%; --chart-5: 4 84% 65%; --radius: 0rem; --sidebar: 222 45% 12%; --sidebar-foreground: 213 31% 91%; --sidebar-primary: 217 70% 65%; --sidebar-primary-foreground: 222 47% 10%; --sidebar-accent: 220 26% 22%; --sidebar-accent-foreground: 213 31% 91%; --sidebar-border: 220 19% 28%; --sidebar-ring: 217 70% 65%; --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --shadow-color: 0 0% 0%; --shadow-opacity: 0; --shadow-blur: 0px; --shadow-spread: 0px; --shadow-offset-x: 0; --shadow-offset-y: 0; --letter-spacing: 0em; --spacing: 0.25rem; --shadow-2xs: 0 0 0px 0px hsl(0 0% 0% / 0.00); --shadow: 0 0 0px 0px hsl(0 0% 0% / 0.00), 0 1px 2px -1px hsl(0 0% 0% / 0.00); --shadow-xl: 0 0 0px 0px hsl(0 0% 0% / 0.00), 0 8px 10px -1px hsl(0 0% 0% / 0.00); --shadow-2xl: 0 0 0px 0px hsl(0 0% 0% / 0.00); } * { --tw-border-opacity: 1; border-color: hsl(var(--border) / var(--tw-border-opacity, 1)); } html, body { min-height: 100vh; --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* Main content area uses overflow-hidden - child panes handle their own scrolling */ /* No scrollbar-gutter needed since main doesn't scroll */ [data-scrollbar-visibility="hover"] { scrollbar-width: thin; scrollbar-color: transparent transparent; } [data-scrollbar-visibility="hover"]::-webkit-scrollbar { width: 0.55rem; background: transparent; } [data-scrollbar-visibility="hover"]::-webkit-scrollbar-track { background: transparent; } [data-scrollbar-visibility="hover"]::-webkit-scrollbar-thumb { background-color: transparent; border-radius: 9999px; border: 0; opacity: 0; -webkit-transition: opacity 0.15s ease, background-color 0.15s ease; transition: opacity 0.15s ease, background-color 0.15s ease; } [data-scrollbar-visibility="hover"]:hover { scrollbar-color: hsl(var(--border-subtle)) transparent; } [data-scrollbar-visibility="hover"]:hover::-webkit-scrollbar-thumb { background-color: hsl(var(--foreground) / 0.45); opacity: 1; } [data-scrollbar-visibility="hover"] [data-radix-scroll-area-scrollbar] { width: 0.55rem !important; border: 0 !important; background: transparent !important; opacity: 0; transition: opacity 0.15s ease; padding: 0 !important; } [data-scrollbar-visibility="hover"] [data-radix-scroll-area-thumb] { background-color: transparent !important; border-radius: 9999px !important; border: 0 !important; transition: background-color 0.15s ease; } [data-scrollbar-visibility="hover"]:hover [data-radix-scroll-area-scrollbar] { opacity: 1; } [data-scrollbar-visibility="hover"]:hover [data-radix-scroll-area-thumb] { background-color: hsl(var(--foreground) / 0.45) !important; } .theme { --font-sans: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --radius: 0rem; --tracking-tighter: calc(var(--tracking-normal) - 0.05em); --tracking-tight: calc(var(--tracking-normal) - 0.025em); --tracking-wide: calc(var(--tracking-normal) + 0.025em); --tracking-wider: calc(var(--tracking-normal) + 0.05em); --tracking-widest: calc(var(--tracking-normal) + 0.1em); } body { letter-spacing: var(--tracking-normal); } * { --tw-border-opacity: 1; border-color: hsl(var(--border) / var(--tw-border-opacity, 1)); } body { --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .\!container { width: 100% !important; margin-right: auto !important; margin-left: auto !important; padding-right: 1.5rem !important; padding-left: 1.5rem !important; } .container { width: 100%; margin-right: auto; margin-left: auto; padding-right: 1.5rem; padding-left: 1.5rem; } @media (min-width: 1200px) { .\!container { max-width: 1200px !important; } .container { max-width: 1200px; } } .focus-ring { outline: 2px solid transparent; outline-offset: 2px; } .focus-ring:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--brand) / var(--tw-ring-opacity, 1)); --tw-ring-offset-width: 2px; --tw-ring-offset-color: hsl(var(--background) / 1); } .automation-node { position: relative; border-radius: var(--radius-lg); border-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--background-elevated) / var(--tw-bg-opacity, 1)); padding: 12px; --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); border-color: hsl(var(--border-strong)); } .automation-handle { height: 8px; width: 8px; border-radius: var(--radius-full); border-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); border-color: hsl(var(--border-strong)); } .automation-connector-button { outline: 2px solid transparent; outline-offset: 2px; } .automation-connector-button:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--brand) / var(--tw-ring-opacity, 1)); --tw-ring-offset-width: 2px; --tw-ring-offset-color: hsl(var(--background) / 1); } .automation-connector-button { display: flex; height: 32px; width: 32px; cursor: pointer; align-items: center; justify-content: center; border-radius: var(--radius-full); border-width: 1px; --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .automation-connector-button:hover { --tw-bg-opacity: 1; background-color: hsl(var(--background-elevated) / var(--tw-bg-opacity, 1)); } .automation-connector-button { border-color: hsl(var(--border-strong)); } .automation-button-handle { position: absolute; left: 50%; bottom: -64px; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .automation-placeholder-wrapper { position: relative; display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; pointer-events: none; } .automation-placeholder-wrapper .automation-connector-button { pointer-events: auto; } .automation-placeholder-button { position: relative; } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .pointer-events-none { pointer-events: none; } .pointer-events-auto { pointer-events: auto; } .\!visible { visibility: visible !important; } .visible { visibility: visible; } .invisible { visibility: hidden; } .collapse { visibility: collapse; } .static { position: static; } .fixed { position: fixed; } .absolute { position: absolute; } .relative { position: relative; } .sticky { position: sticky; } .inset-0 { inset: 0px; } .inset-\[1px\] { inset: 1px; } .inset-x-0 { left: 0px; right: 0px; } .inset-y-0 { top: 0px; bottom: 0px; } .-left-1 { left: -4px; } .-left-1\.5 { left: -6px; } .-left-1\/2 { left: -50%; } .-right-0\.5 { right: -2px; } .-right-1 { right: -4px; } .-right-2 { right: -8px; } .-top-0\.5 { top: -2px; } .-top-1 { top: -4px; } .-top-1\.5 { top: -6px; } .-top-1\/2 { top: -50%; } .-top-12 { top: -48px; } .-top-2 { top: -8px; } .-top-2\.5 { top: -10px; } .-top-8 { top: -32px; } .bottom-0 { bottom: 0px; } .bottom-2 { bottom: 8px; } .bottom-4 { bottom: 16px; } .bottom-6 { bottom: 24px; } .left-0 { left: 0px; } .left-1 { left: 4px; } .left-1\/2 { left: 50%; } .left-2 { left: 8px; } .left-2\.5 { left: 10px; } .left-3 { left: 12px; } .left-4 { left: 16px; } .left-8 { left: 32px; } .left-\[50\%\] { left: 50%; } .right-0 { right: 0px; } .right-0\.5 { right: 2px; } .right-1 { right: 4px; } .right-1\.5 { right: 6px; } .right-2 { right: 8px; } .right-3 { right: 12px; } .right-4 { right: 16px; } .right-6 { right: 24px; } .top-0 { top: 0px; } .top-0\.5 { top: 2px; } .top-1 { top: 4px; } .top-1\.5 { top: 6px; } .top-1\/2 { top: 50%; } .top-14 { top: 3.5rem; } .top-2 { top: 8px; } .top-3 { top: 12px; } .top-4 { top: 16px; } .top-6 { top: 24px; } .top-8 { top: 32px; } .top-\[20\%\] { top: 20%; } .top-\[50\%\] { top: 50%; } .top-full { top: 100%; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-50 { z-index: 50; } .z-\[10000\] { z-index: 10000; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[9999\] { z-index: 9999; } .col-span-full { grid-column: 1 / -1; } .col-start-1 { grid-column-start: 1; } .col-start-3 { grid-column-start: 3; } .row-start-1 { grid-row-start: 1; } .row-start-2 { grid-row-start: 2; } .-m-0\.5 { margin: -2px; } .m-0 { margin: 0px; } .m-\[1px\] { margin: 1px; } .-mx-1 { margin-left: -4px; margin-right: -4px; } .-my-1 { margin-top: -4px; margin-bottom: -4px; } .mx-0\.5 { margin-left: 2px; margin-right: 2px; } .mx-1 { margin-left: 4px; margin-right: 4px; } .mx-2 { margin-left: 8px; margin-right: 8px; } .mx-3 { margin-left: 12px; margin-right: 12px; } .mx-4 { margin-left: 16px; margin-right: 16px; } .mx-6 { margin-left: 24px; margin-right: 24px; } .mx-auto { margin-left: auto; margin-right: auto; } .my-1 { margin-top: 4px; margin-bottom: 4px; } .my-2 { margin-top: 8px; margin-bottom: 8px; } .my-3 { margin-top: 12px; margin-bottom: 12px; } .my-4 { margin-top: 16px; margin-bottom: 16px; } .my-5 { margin-top: 20px; margin-bottom: 20px; } .\!mt-0 { margin-top: 0px !important; } .-mb-2 { margin-bottom: -8px; } .-mb-px { margin-bottom: -1px; } .-ml-0\.5 { margin-left: -2px; } .-ml-1 { margin-left: -4px; } .-ml-2 { margin-left: -8px; } .mb-1 { margin-bottom: 4px; } .mb-1\.5 { margin-bottom: 6px; } .mb-2 { margin-bottom: 8px; } .mb-3 { margin-bottom: 12px; } .mb-4 { margin-bottom: 16px; } .mb-5 { margin-bottom: 20px; } .mb-6 { margin-bottom: 24px; } .mb-8 { margin-bottom: 32px; } .ml-0\.5 { margin-left: 2px; } .ml-1 { margin-left: 4px; } .ml-1\.5 { margin-left: 6px; } .ml-2 { margin-left: 8px; } .ml-3 { margin-left: 12px; } .ml-4 { margin-left: 16px; } .ml-6 { margin-left: 24px; } .ml-8 { margin-left: 32px; } .ml-auto { margin-left: auto; } .mr-0 { margin-right: 0px; } .mr-1 { margin-right: 4px; } .mr-1\.5 { margin-right: 6px; } .mr-2 { margin-right: 8px; } .mr-3 { margin-right: 12px; } .mt-0 { margin-top: 0px; } .mt-0\.5 { margin-top: 2px; } .mt-1 { margin-top: 4px; } .mt-1\.5 { margin-top: 6px; } .mt-2 { margin-top: 8px; } .mt-2\.5 { margin-top: 10px; } .mt-3 { margin-top: 12px; } .mt-4 { margin-top: 16px; } .mt-5 { margin-top: 20px; } .mt-6 { margin-top: 24px; } .mt-8 { margin-top: 32px; } .mt-\[2px\] { margin-top: 2px; } .mt-auto { margin-top: auto; } .line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .block { display: block; } .inline-block { display: inline-block; } .inline { display: inline; } .flex { display: flex; } .inline-flex { display: inline-flex; } .table { display: table; } .\!grid { display: grid !important; } .grid { display: grid; } .contents { display: contents; } .hidden { display: none; } .aspect-\[3\/4\] { aspect-ratio: 3/4; } .aspect-\[4\/3\] { aspect-ratio: 4/3; } .aspect-square { aspect-ratio: 1 / 1; } .aspect-video { aspect-ratio: 16 / 9; } .size-14 { width: 3.5rem; height: 3.5rem; } .size-3 { width: 12px; height: 12px; } .size-3\.5 { width: 0.875rem; height: 0.875rem; } .size-4 { width: 16px; height: 16px; } .size-5 { width: 20px; height: 20px; } .size-6 { width: 24px; height: 24px; } .size-8 { width: 32px; height: 32px; } .size-\[34px\] { width: 34px; height: 34px; } .size-auto { width: auto; height: auto; } .h-0 { height: 0px; } .h-0\.5 { height: 2px; } .h-1 { height: 4px; } .h-1\.5 { height: 6px; } .h-10 { height: 40px; } .h-11 { height: 2.75rem; } .h-12 { height: 48px; } .h-14 { height: 3.5rem; } .h-16 { height: 64px; } .h-2 { height: 8px; } .h-2\.5 { height: 10px; } .h-20 { height: 80px; } .h-24 { height: 6rem; } .h-3 { height: 12px; } .h-3\.5 { height: 0.875rem; } .h-32 { height: 8rem; } .h-4 { height: 16px; } .h-40 { height: 10rem; } .h-48 { height: 12rem; } .h-5 { height: 20px; } .h-56 { height: 14rem; } .h-6 { height: 24px; } .h-64 { height: 16rem; } .h-7 { height: 28px; } .h-8 { height: 32px; } .h-80 { height: 20rem; } .h-9 { height: 2.25rem; } .h-96 { height: 24rem; } .h-\[0\.55rem\] { height: 0.55rem; } .h-\[200\%\] { height: 200%; } .h-\[280px\] { height: 280px; } .h-\[300px\] { height: 300px; } .h-\[30px\] { height: 30px; } .h-\[400px\] { height: 400px; } .h-\[500px\] { height: 500px; } .h-\[600px\] { height: 600px; } .h-\[61px\] { height: 61px; } .h-\[80vh\] { height: 80vh; } .h-\[85vh\] { height: 85vh; } .h-\[calc\(100\%-48px\)\] { height: calc(100% - 48px); } .h-auto { height: auto; } .h-fit { height: -moz-fit-content; height: fit-content; } .h-full { height: 100%; } .h-px { height: 1px; } .h-screen { height: 100vh; } .max-h-32 { max-height: 8rem; } .max-h-40 { max-height: 10rem; } .max-h-48 { max-height: 12rem; } .max-h-60 { max-height: 15rem; } .max-h-64 { max-height: 16rem; } .max-h-72 { max-height: 18rem; } .max-h-80 { max-height: 20rem; } .max-h-96 { max-height: 24rem; } .max-h-\[160px\] { max-height: 160px; } .max-h-\[200px\] { max-height: 200px; } .max-h-\[300px\] { max-height: 300px; } .max-h-\[320px\] { max-height: 320px; } .max-h-\[330px\] { max-height: 330px; } .max-h-\[400px\] { max-height: 400px; } .max-h-\[420px\] { max-height: 420px; } .max-h-\[50vh\] { max-height: 50vh; } .max-h-\[540px\] { max-height: 540px; } .max-h-\[70vh\] { max-height: 70vh; } .max-h-\[80dvh\] { max-height: 80dvh; } .max-h-\[80vh\] { max-height: 80vh; } .max-h-\[85vh\] { max-height: 85vh; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[calc\(100vh-280px\)\] { max-height: calc(100vh - 280px); } .max-h-\[calc\(100vh-480px\)\] { max-height: calc(100vh - 480px); } .max-h-\[calc\(100vh-4rem\)\] { max-height: calc(100vh - 4rem); } .max-h-\[calc\(90vh-120px\)\] { max-height: calc(90vh - 120px); } .max-h-full { max-height: 100%; } .max-h-screen { max-height: 100vh; } .min-h-0 { min-height: 0px; } .min-h-24 { min-height: 6rem; } .min-h-8 { min-height: 32px; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[120px\] { min-height: 120px; } .min-h-\[150px\] { min-height: 150px; } .min-h-\[160px\] { min-height: 160px; } .min-h-\[180px\] { min-height: 180px; } .min-h-\[2\.5rem\] { min-height: 2.5rem; } .min-h-\[200px\] { min-height: 200px; } .min-h-\[220px\] { min-height: 220px; } .min-h-\[24px\] { min-height: 24px; } .min-h-\[360px\] { min-height: 360px; } .min-h-\[400px\] { min-height: 400px; } .min-h-\[42px\] { min-height: 42px; } .min-h-\[480px\] { min-height: 480px; } .min-h-\[520px\] { min-height: 520px; } .min-h-\[60px\] { min-height: 60px; } .min-h-\[60vh\] { min-height: 60vh; } .min-h-\[80px\] { min-height: 80px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .w-0\.5 { width: 2px; } .w-1 { width: 4px; } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.333333%; } .w-10 { width: 40px; } .w-11 { width: 2.75rem; } .w-12 { width: 48px; } .w-14 { width: 3.5rem; } .w-16 { width: 64px; } .w-2 { width: 8px; } .w-2\.5 { width: 10px; } .w-2\/3 { width: 66.666667%; } .w-20 { width: 80px; } .w-24 { width: 6rem; } .w-28 { width: 7rem; } .w-3 { width: 12px; } .w-3\.5 { width: 0.875rem; } .w-3\/4 { width: 75%; } .w-32 { width: 8rem; } .w-36 { width: 9rem; } .w-4 { width: 16px; } .w-40 { width: 10rem; } .w-44 { width: 11rem; } .w-48 { width: 12rem; } .w-5 { width: 20px; } .w-52 { width: 13rem; } .w-56 { width: 14rem; } .w-6 { width: 24px; } .w-60 { width: 15rem; } .w-64 { width: 16rem; } .w-7 { width: 28px; } .w-72 { width: 18rem; } .w-8 { width: 32px; } .w-80 { width: 20rem; } .w-9 { width: 2.25rem; } .w-96 { width: 24rem; } .w-\[0\.55rem\] { width: 0.55rem; } .w-\[120px\] { width: 120px; } .w-\[130px\] { width: 130px; } .w-\[140px\] { width: 140px; } .w-\[150px\] { width: 150px; } .w-\[160px\] { width: 160px; } .w-\[200\%\] { width: 200%; } .w-\[200px\] { width: 200px; } .w-\[280px\] { width: 280px; } .w-\[300px\] { width: 300px; } .w-\[30px\] { width: 30px; } .w-\[320px\] { width: 320px; } .w-\[4\.5rem\] { width: 4.5rem; } .w-\[400px\] { width: 400px; } .w-\[480px\] { width: 480px; } .w-\[520px\] { width: 520px; } .w-\[80px\] { width: 80px; } .w-\[960px\] { width: 960px; } .w-\[var\(--radix-dropdown-menu-trigger-width\)\] { width: var(--radix-dropdown-menu-trigger-width); } .w-\[var\(--radix-popover-trigger-width\)\] { width: var(--radix-popover-trigger-width); } .w-auto { width: auto; } .w-fit { width: -moz-fit-content; width: fit-content; } .w-full { width: 100%; } .w-px { width: 1px; } .w-screen { width: 100vw; } .min-w-0 { min-width: 0px; } .min-w-5 { min-width: 20px; } .min-w-\[1\.25rem\] { min-width: 1.25rem; } .min-w-\[1\.5rem\] { min-width: 1.5rem; } .min-w-\[1\.75rem\] { min-width: 1.75rem; } .min-w-\[100px\] { min-width: 100px; } .min-w-\[10rem\] { min-width: 10rem; } .min-w-\[120px\] { min-width: 120px; } .min-w-\[12rem\] { min-width: 12rem; } .min-w-\[140px\] { min-width: 140px; } .min-w-\[150px\] { min-width: 150px; } .min-w-\[160px\] { min-width: 160px; } .min-w-\[180px\] { min-width: 180px; } .min-w-\[190px\] { min-width: 190px; } .min-w-\[1rem\] { min-width: 1rem; } .min-w-\[2\.25rem\] { min-width: 2.25rem; } .min-w-\[200px\] { min-width: 200px; } .min-w-\[220px\] { min-width: 220px; } .min-w-\[240px\] { min-width: 240px; } .min-w-\[250px\] { min-width: 250px; } .min-w-\[260px\] { min-width: 260px; } .min-w-\[280px\] { min-width: 280px; } .min-w-\[300px\] { min-width: 300px; } .min-w-\[320px\] { min-width: 320px; } .min-w-\[360px\] { min-width: 360px; } .min-w-\[8rem\] { min-width: 8rem; } .min-w-full { min-width: 100%; } .max-w-24 { max-width: 6rem; } .max-w-2xl { max-width: 42rem; } .max-w-32 { max-width: 8rem; } .max-w-3xl { max-width: 48rem; } .max-w-4xl { max-width: 56rem; } .max-w-5xl { max-width: 64rem; } .max-w-6xl { max-width: 72rem; } .max-w-96 { max-width: 24rem; } .max-w-\[100px\] { max-width: 100px; } .max-w-\[120px\] { max-width: 120px; } .max-w-\[150px\] { max-width: 150px; } .max-w-\[180px\] { max-width: 180px; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[220px\] { max-width: 220px; } .max-w-\[300px\] { max-width: 300px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[350px\] { max-width: 350px; } .max-w-\[400px\] { max-width: 400px; } .max-w-\[520px\] { max-width: 520px; } .max-w-\[60px\] { max-width: 60px; } .max-w-\[75\%\] { max-width: 75%; } .max-w-\[80\%\] { max-width: 80%; } .max-w-\[85\%\] { max-width: 85%; } .max-w-\[90\%\] { max-width: 90%; } .max-w-\[90vw\] { max-width: 90vw; } .max-w-\[960px\] { max-width: 960px; } .max-w-\[calc\(100vw-2rem\)\] { max-width: calc(100vw - 2rem); } .max-w-\[var\(--thread-max-width\)\] { max-width: var(--thread-max-width); } .max-w-full { max-width: 100%; } .max-w-lg { max-width: 32rem; } .max-w-md { max-width: 28rem; } .max-w-none { max-width: none; } .max-w-sm { max-width: 24rem; } .max-w-xl { max-width: 36rem; } .max-w-xs { max-width: 20rem; } .flex-1 { flex: 1 1 0%; } .flex-shrink-0 { flex-shrink: 0; } .shrink-0 { flex-shrink: 0; } .flex-grow { flex-grow: 1; } .grow { flex-grow: 1; } .caption-bottom { caption-side: bottom; } .border-collapse { border-collapse: collapse; } .border-separate { border-collapse: separate; } .border-spacing-0 { --tw-border-spacing-x: 0px; --tw-border-spacing-y: 0px; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .-translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-translate-y-full { --tw-translate-y: -100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-0 { --tw-translate-x: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1 { --tw-translate-x: 4px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-1\/2 { --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-4 { --tw-translate-x: 16px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-\[-50\%\] { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-x-full { --tw-translate-x: 100%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-0 { --tw-translate-y: 0px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[-50\%\] { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .translate-y-\[15px\] { --tw-translate-y: 15px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-180 { --tw-rotate: 180deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-45 { --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .scale-125 { --tw-scale-x: 1.25; --tw-scale-y: 1.25; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .transform-gpu { transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes bounce { 0%, 100% { transform: translateY(-25%); animation-timing-function: cubic-bezier(0.8,0,1,1); } 50% { transform: none; animation-timing-function: cubic-bezier(0,0,0.2,1); } } .animate-bounce { animation: bounce 1s infinite; } @keyframes ping { 75%, 100% { transform: scale(2); opacity: 0; } } .animate-ping { animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; } @keyframes pulse { 50% { opacity: .5; } } .animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes spin { to { transform: rotate(360deg); } } .animate-spin { animation: spin 1s linear infinite; } .cursor-col-resize { cursor: col-resize; } .cursor-default { cursor: default; } .cursor-grab { cursor: grab; } .cursor-grabbing { cursor: grabbing; } .cursor-move { cursor: move; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .cursor-text { cursor: text; } .cursor-zoom-in { cursor: zoom-in; } .cursor-zoom-out { cursor: zoom-out; } .touch-none { touch-action: none; } .select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .resize-none { resize: none; } .resize { resize: both; } .scroll-m-20 { scroll-margin: 80px; } .list-inside { list-style-position: inside; } .list-decimal { list-style-type: decimal; } .list-disc { list-style-type: disc; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .grid-cols-7 { grid-template-columns: repeat(7, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr_auto\] { grid-template-columns: 1fr 1fr auto; } .grid-cols-\[1fr_auto\] { grid-template-columns: 1fr auto; } .grid-cols-\[1fr_auto_1fr_auto\] { grid-template-columns: 1fr auto 1fr auto; } .grid-cols-\[260px_minmax\(0\2c 1fr\)_240px\] { grid-template-columns: 260px minmax(0,1fr) 240px; } .grid-cols-\[max-content_1fr\] { grid-template-columns: max-content 1fr; } .flex-row { flex-direction: row; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-wrap { flex-wrap: wrap; } .items-start { align-items: flex-start; } .items-end { align-items: flex-end; } .items-center { align-items: center; } .items-baseline { align-items: baseline; } .items-stretch { align-items: stretch; } .justify-start { justify-content: flex-start; } .justify-end { justify-content: flex-end; } .justify-center { justify-content: center; } .justify-between { justify-content: space-between; } .\!gap-0 { gap: 0px !important; } .gap-0 { gap: 0px; } .gap-0\.5 { gap: 2px; } .gap-1 { gap: 4px; } .gap-1\.5 { gap: 6px; } .gap-2 { gap: 8px; } .gap-2\.5 { gap: 10px; } .gap-3 { gap: 12px; } .gap-4 { gap: 16px; } .gap-5 { gap: 20px; } .gap-6 { gap: 24px; } .gap-8 { gap: 32px; } .gap-x-3 { -moz-column-gap: 12px; column-gap: 12px; } .gap-x-6 { -moz-column-gap: 24px; column-gap: 24px; } .gap-y-1 { row-gap: 4px; } .gap-y-2 { row-gap: 8px; } .gap-y-3 { row-gap: 12px; } .space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(8px * var(--tw-space-x-reverse)); margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse))); } .space-y-0 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0px * var(--tw-space-y-reverse)); } .space-y-0\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(2px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(2px * var(--tw-space-y-reverse)); } .space-y-1 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(4px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(4px * var(--tw-space-y-reverse)); } .space-y-1\.5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(6px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(6px * var(--tw-space-y-reverse)); } .space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(8px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(8px * var(--tw-space-y-reverse)); } .space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(12px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(12px * var(--tw-space-y-reverse)); } .space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(16px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(16px * var(--tw-space-y-reverse)); } .space-y-5 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(20px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(20px * var(--tw-space-y-reverse)); } .space-y-6 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(24px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(24px * var(--tw-space-y-reverse)); } .space-y-8 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(32px * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(32px * var(--tw-space-y-reverse)); } .divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .divide-border > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: hsl(var(--border) / var(--tw-divide-opacity, 1)); } .divide-border-subtle > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: hsl(var(--border-subtle) / var(--tw-divide-opacity, 1)); } .divide-border-subtle\/60 > :not([hidden]) ~ :not([hidden]) { border-color: hsl(var(--border-subtle) / 0.6); } .self-start { align-self: flex-start; } .self-end { align-self: flex-end; } .self-center { align-self: center; } .overflow-auto { overflow: auto; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-y-auto { overflow-y: auto; } .overflow-x-hidden { overflow-x: hidden; } .scroll-smooth { scroll-behavior: smooth; } .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .whitespace-nowrap { white-space: nowrap; } .whitespace-pre-line { white-space: pre-line; } .whitespace-pre-wrap { white-space: pre-wrap; } .break-words { overflow-wrap: break-word; } .break-all { word-break: break-all; } .rounded { border-radius: var(--radius-md); } .rounded-2xl { border-radius: 1rem; } .rounded-3xl { border-radius: 1.5rem; } .rounded-\[14px\] { border-radius: 14px; } .rounded-\[15px\] { border-radius: 15px; } .rounded-\[inherit\] { border-radius: inherit; } .rounded-full { border-radius: var(--radius-full); } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-none { border-radius: var(--radius-none); } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .\!rounded-t-none { border-top-left-radius: var(--radius-none) !important; border-top-right-radius: var(--radius-none) !important; } .rounded-b-lg { border-bottom-right-radius: var(--radius-lg); border-bottom-left-radius: var(--radius-lg); } .rounded-l-md { border-top-left-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-l-none { border-top-left-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); } .rounded-r-full { border-top-right-radius: var(--radius-full); border-bottom-right-radius: var(--radius-full); } .rounded-r-md { border-top-right-radius: var(--radius-md); border-bottom-right-radius: var(--radius-md); } .rounded-r-none { border-top-right-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); } .rounded-t { border-top-left-radius: var(--radius-md); border-top-right-radius: var(--radius-md); } .rounded-t-3xl { border-top-left-radius: 1.5rem; border-top-right-radius: 1.5rem; } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-xl { border-top-left-radius: var(--radius-xl); border-top-right-radius: var(--radius-xl); } .rounded-bl-md { border-bottom-left-radius: var(--radius-md); } .rounded-br-md { border-bottom-right-radius: var(--radius-md); } .border { border-width: 1px; } .border-0 { border-width: 0px; } .border-2 { border-width: 2px; } .border-x { border-left-width: 1px; border-right-width: 1px; } .border-b { border-bottom-width: 1px; } .border-b-0 { border-bottom-width: 0px; } .border-b-2 { border-bottom-width: 2px; } .border-l { border-left-width: 1px; } .border-l-2 { border-left-width: 2px; } .border-l-4 { border-left-width: 4px; } .border-r { border-right-width: 1px; } .border-r-0 { border-right-width: 0px; } .border-t { border-top-width: 1px; } .border-t-0 { border-top-width: 0px; } .border-t-2 { border-top-width: 2px; } .border-dashed { border-style: dashed; } .border-none { border-style: none; } .border-accent\/30 { border-color: hsl(var(--accent) / 0.3); } .border-amber-200 { --tw-border-opacity: 1; border-color: rgb(253 230 138 / var(--tw-border-opacity, 1)); } .border-amber-300 { --tw-border-opacity: 1; border-color: rgb(252 211 77 / var(--tw-border-opacity, 1)); } .border-amber-400 { --tw-border-opacity: 1; border-color: rgb(251 191 36 / var(--tw-border-opacity, 1)); } .border-amber-500 { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .border-amber-500\/30 { border-color: rgb(245 158 11 / 0.3); } .border-background { --tw-border-opacity: 1; border-color: hsl(var(--background) / var(--tw-border-opacity, 1)); } .border-blue-200 { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .border-blue-300 { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .border-blue-500 { --tw-border-opacity: 1; border-color: rgb(59 130 246 / var(--tw-border-opacity, 1)); } .border-blue-500\/30 { border-color: rgb(59 130 246 / 0.3); } .border-border { --tw-border-opacity: 1; border-color: hsl(var(--border) / var(--tw-border-opacity, 1)); } .border-border-subtle { --tw-border-opacity: 1; border-color: hsl(var(--border-subtle) / var(--tw-border-opacity, 1)); } .border-border-subtle\/40 { border-color: hsl(var(--border-subtle) / 0.4); } .border-border-subtle\/50 { border-color: hsl(var(--border-subtle) / 0.5); } .border-border-subtle\/60 { border-color: hsl(var(--border-subtle) / 0.6); } .border-border-subtle\/70 { border-color: hsl(var(--border-subtle) / 0.7); } .border-border-subtle\/80 { border-color: hsl(var(--border-subtle) / 0.8); } .border-border-subtle\/90 { border-color: hsl(var(--border-subtle) / 0.9); } .border-border\/30 { border-color: hsl(var(--border) / 0.3); } .border-border\/40 { border-color: hsl(var(--border) / 0.4); } .border-border\/50 { border-color: hsl(var(--border) / 0.5); } .border-border\/70 { border-color: hsl(var(--border) / 0.7); } .border-border\/80 { border-color: hsl(var(--border) / 0.8); } .border-brand { --tw-border-opacity: 1; border-color: hsl(var(--brand) / var(--tw-border-opacity, 1)); } .border-brand\/20 { border-color: hsl(var(--brand) / 0.2); } .border-brand\/30 { border-color: hsl(var(--brand) / 0.3); } .border-brand\/40 { border-color: hsl(var(--brand) / 0.4); } .border-brand\/50 { border-color: hsl(var(--brand) / 0.5); } .border-brand\/60 { border-color: hsl(var(--brand) / 0.6); } .border-brand\/70 { border-color: hsl(var(--brand) / 0.7); } .border-brand\/80 { border-color: hsl(var(--brand) / 0.8); } .border-cyan-500\/30 { border-color: rgb(6 182 212 / 0.3); } .border-danger { --tw-border-opacity: 1; border-color: hsl(var(--danger) / var(--tw-border-opacity, 1)); } .border-danger\/20 { border-color: hsl(var(--danger) / 0.2); } .border-danger\/30 { border-color: hsl(var(--danger) / 0.3); } .border-danger\/40 { border-color: hsl(var(--danger) / 0.4); } .border-danger\/45 { border-color: hsl(var(--danger) / 0.45); } .border-danger\/50 { border-color: hsl(var(--danger) / 0.5); } .border-danger\/60 { border-color: hsl(var(--danger) / 0.6); } .border-destructive { --tw-border-opacity: 1; border-color: hsl(var(--danger) / var(--tw-border-opacity, 1)); } .border-destructive\/20 { border-color: hsl(var(--danger) / 0.2); } .border-destructive\/30 { border-color: hsl(var(--danger) / 0.3); } .border-destructive\/40 { border-color: hsl(var(--danger) / 0.4); } .border-destructive\/50 { border-color: hsl(var(--danger) / 0.5); } .border-emerald-200 { --tw-border-opacity: 1; border-color: rgb(167 243 208 / var(--tw-border-opacity, 1)); } .border-foreground\/20 { border-color: hsl(var(--foreground) / 0.2); } .border-gray-300 { --tw-border-opacity: 1; border-color: rgb(209 213 219 / var(--tw-border-opacity, 1)); } .border-green-200 { --tw-border-opacity: 1; border-color: rgb(187 247 208 / var(--tw-border-opacity, 1)); } .border-green-500 { --tw-border-opacity: 1; border-color: rgb(34 197 94 / var(--tw-border-opacity, 1)); } .border-green-500\/30 { border-color: rgb(34 197 94 / 0.3); } .border-green-600 { --tw-border-opacity: 1; border-color: rgb(22 163 74 / var(--tw-border-opacity, 1)); } .border-indigo-200 { --tw-border-opacity: 1; border-color: rgb(199 210 254 / var(--tw-border-opacity, 1)); } .border-input { --tw-border-opacity: 1; border-color: hsl(var(--input) / var(--tw-border-opacity, 1)); } .border-muted { --tw-border-opacity: 1; border-color: hsl(var(--foreground-muted) / var(--tw-border-opacity, 1)); } .border-muted-foreground { --tw-border-opacity: 1; border-color: hsl(var(--muted-foreground) / var(--tw-border-opacity, 1)); } .border-muted-foreground\/25 { border-color: hsl(var(--muted-foreground) / 0.25); } .border-muted-foreground\/50 { border-color: hsl(var(--muted-foreground) / 0.5); } .border-muted-foreground\/60 { border-color: hsl(var(--muted-foreground) / 0.6); } .border-orange-200 { --tw-border-opacity: 1; border-color: rgb(254 215 170 / var(--tw-border-opacity, 1)); } .border-orange-500\/30 { border-color: rgb(249 115 22 / 0.3); } .border-primary { --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); } .border-primary\/20 { border-color: hsl(var(--primary) / 0.2); } .border-primary\/30 { border-color: hsl(var(--primary) / 0.3); } .border-primary\/40 { border-color: hsl(var(--primary) / 0.4); } .border-primary\/60 { border-color: hsl(var(--primary) / 0.6); } .border-purple-200 { --tw-border-opacity: 1; border-color: rgb(233 213 255 / var(--tw-border-opacity, 1)); } .border-purple-300 { --tw-border-opacity: 1; border-color: rgb(216 180 254 / var(--tw-border-opacity, 1)); } .border-purple-500\/30 { border-color: rgb(168 85 247 / 0.3); } .border-purple-500\/50 { border-color: rgb(168 85 247 / 0.5); } .border-red-200 { --tw-border-opacity: 1; border-color: rgb(254 202 202 / var(--tw-border-opacity, 1)); } .border-red-500 { --tw-border-opacity: 1; border-color: rgb(239 68 68 / var(--tw-border-opacity, 1)); } .border-rose-200 { --tw-border-opacity: 1; border-color: rgb(254 205 211 / var(--tw-border-opacity, 1)); } .border-rose-300 { --tw-border-opacity: 1; border-color: rgb(253 164 175 / var(--tw-border-opacity, 1)); } .border-secondary { --tw-border-opacity: 1; border-color: hsl(var(--secondary) / var(--tw-border-opacity, 1)); } .border-sidebar-border { --tw-border-opacity: 1; border-color: hsl(var(--sidebar-border) / var(--tw-border-opacity, 1)); } .border-sidebar-border\/60 { border-color: hsl(var(--sidebar-border) / 0.6); } .border-sidebar-border\/70 { border-color: hsl(var(--sidebar-border) / 0.7); } .border-sky-200 { --tw-border-opacity: 1; border-color: rgb(186 230 253 / var(--tw-border-opacity, 1)); } .border-slate-200 { --tw-border-opacity: 1; border-color: rgb(226 232 240 / var(--tw-border-opacity, 1)); } .border-slate-200\/80 { border-color: rgb(226 232 240 / 0.8); } .border-slate-300 { --tw-border-opacity: 1; border-color: rgb(203 213 225 / var(--tw-border-opacity, 1)); } .border-slate-700\/60 { border-color: rgb(51 65 85 / 0.6); } .border-success\/20 { border-color: hsl(var(--success) / 0.2); } .border-success\/30 { border-color: hsl(var(--success) / 0.3); } .border-success\/40 { border-color: hsl(var(--success) / 0.4); } .border-success\/60 { border-color: hsl(var(--success) / 0.6); } .border-transparent { border-color: transparent; } .border-violet-200 { --tw-border-opacity: 1; border-color: rgb(221 214 254 / var(--tw-border-opacity, 1)); } .border-violet-500 { --tw-border-opacity: 1; border-color: rgb(139 92 246 / var(--tw-border-opacity, 1)); } .border-violet-500\/30 { border-color: rgb(139 92 246 / 0.3); } .border-warning\/20 { border-color: hsl(var(--warning) / 0.2); } .border-warning\/30 { border-color: hsl(var(--warning) / 0.3); } .border-warning\/35 { border-color: hsl(var(--warning) / 0.35); } .border-warning\/40 { border-color: hsl(var(--warning) / 0.4); } .border-warning\/60 { border-color: hsl(var(--warning) / 0.6); } .border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity, 1)); } .border-white\/10 { border-color: rgb(255 255 255 / 0.1); } .border-white\/15 { border-color: rgb(255 255 255 / 0.15); } .border-white\/20 { border-color: rgb(255 255 255 / 0.2); } .border-white\/40 { border-color: rgb(255 255 255 / 0.4); } .border-yellow-500\/30 { border-color: rgb(234 179 8 / 0.3); } .border-yellow-600 { --tw-border-opacity: 1; border-color: rgb(202 138 4 / var(--tw-border-opacity, 1)); } .border-l-primary { --tw-border-opacity: 1; border-left-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); } .border-t-transparent { border-top-color: transparent; } .bg-\[\#05080f\] { --tw-bg-opacity: 1; background-color: rgb(5 8 15 / var(--tw-bg-opacity, 1)); } .bg-\[\#0e111a\] { --tw-bg-opacity: 1; background-color: rgb(14 17 26 / var(--tw-bg-opacity, 1)); } .bg-accent { --tw-bg-opacity: 1; background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1)); } .bg-accent-surface { --tw-bg-opacity: 1; background-color: hsl(var(--accent-surface) / var(--tw-bg-opacity, 1)); } .bg-accent\/10 { background-color: hsl(var(--accent) / 0.1); } .bg-amber-100 { --tw-bg-opacity: 1; background-color: rgb(254 243 199 / var(--tw-bg-opacity, 1)); } .bg-amber-50 { --tw-bg-opacity: 1; background-color: rgb(255 251 235 / var(--tw-bg-opacity, 1)); } .bg-amber-500 { --tw-bg-opacity: 1; background-color: rgb(245 158 11 / var(--tw-bg-opacity, 1)); } .bg-amber-500\/10 { background-color: rgb(245 158 11 / 0.1); } .bg-amber-500\/20 { background-color: rgb(245 158 11 / 0.2); } .bg-background { --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); } .bg-background-elevated { --tw-bg-opacity: 1; background-color: hsl(var(--background-elevated) / var(--tw-bg-opacity, 1)); } .bg-background-elevated\/80 { background-color: hsl(var(--background-elevated) / 0.8); } .bg-background-elevated\/95 { background-color: hsl(var(--background-elevated) / 0.95); } .bg-background-subtle { --tw-bg-opacity: 1; background-color: hsl(var(--background-subtle) / var(--tw-bg-opacity, 1)); } .bg-background-subtle\/30 { background-color: hsl(var(--background-subtle) / 0.3); } .bg-background-subtle\/40 { background-color: hsl(var(--background-subtle) / 0.4); } .bg-background-subtle\/50 { background-color: hsl(var(--background-subtle) / 0.5); } .bg-background-subtle\/60 { background-color: hsl(var(--background-subtle) / 0.6); } .bg-background-subtle\/70 { background-color: hsl(var(--background-subtle) / 0.7); } .bg-background-subtle\/80 { background-color: hsl(var(--background-subtle) / 0.8); } .bg-background\/30 { background-color: hsl(var(--background) / 0.3); } .bg-background\/40 { background-color: hsl(var(--background) / 0.4); } .bg-background\/50 { background-color: hsl(var(--background) / 0.5); } .bg-background\/60 { background-color: hsl(var(--background) / 0.6); } .bg-background\/80 { background-color: hsl(var(--background) / 0.8); } .bg-background\/85 { background-color: hsl(var(--background) / 0.85); } .bg-background\/90 { background-color: hsl(var(--background) / 0.9); } .bg-background\/95 { background-color: hsl(var(--background) / 0.95); } .bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .bg-black\/0 { background-color: rgb(0 0 0 / 0); } .bg-black\/10 { background-color: rgb(0 0 0 / 0.1); } .bg-black\/20 { background-color: rgb(0 0 0 / 0.2); } .bg-black\/25 { background-color: rgb(0 0 0 / 0.25); } .bg-black\/30 { background-color: rgb(0 0 0 / 0.3); } .bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .bg-black\/5 { background-color: rgb(0 0 0 / 0.05); } .bg-black\/50 { background-color: rgb(0 0 0 / 0.5); } .bg-black\/60 { background-color: rgb(0 0 0 / 0.6); } .bg-black\/80 { background-color: rgb(0 0 0 / 0.8); } .bg-black\/90 { background-color: rgb(0 0 0 / 0.9); } .bg-black\/95 { background-color: rgb(0 0 0 / 0.95); } .bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .bg-blue-50\/30 { background-color: rgb(239 246 255 / 0.3); } .bg-blue-500 { --tw-bg-opacity: 1; background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1)); } .bg-blue-500\/10 { background-color: rgb(59 130 246 / 0.1); } .bg-blue-500\/20 { background-color: rgb(59 130 246 / 0.2); } .bg-border { --tw-bg-opacity: 1; background-color: hsl(var(--border) / var(--tw-bg-opacity, 1)); } .bg-border-strong { --tw-bg-opacity: 1; background-color: hsl(var(--border-strong) / var(--tw-bg-opacity, 1)); } .bg-border-subtle { --tw-bg-opacity: 1; background-color: hsl(var(--border-subtle) / var(--tw-bg-opacity, 1)); } .bg-border-subtle\/70 { background-color: hsl(var(--border-subtle) / 0.7); } .bg-border\/50 { background-color: hsl(var(--border) / 0.5); } .bg-brand { --tw-bg-opacity: 1; background-color: hsl(var(--brand) / var(--tw-bg-opacity, 1)); } .bg-brand-surface { --tw-bg-opacity: 1; background-color: hsl(var(--brand-surface) / var(--tw-bg-opacity, 1)); } .bg-brand-surface\/40 { background-color: hsl(var(--brand-surface) / 0.4); } .bg-brand\/10 { background-color: hsl(var(--brand) / 0.1); } .bg-brand\/20 { background-color: hsl(var(--brand) / 0.2); } .bg-brand\/30 { background-color: hsl(var(--brand) / 0.3); } .bg-brand\/5 { background-color: hsl(var(--brand) / 0.05); } .bg-card { --tw-bg-opacity: 1; background-color: hsl(var(--card) / var(--tw-bg-opacity, 1)); } .bg-current { background-color: currentColor; } .bg-cyan-500 { --tw-bg-opacity: 1; background-color: rgb(6 182 212 / var(--tw-bg-opacity, 1)); } .bg-cyan-500\/20 { background-color: rgb(6 182 212 / 0.2); } .bg-danger { --tw-bg-opacity: 1; background-color: hsl(var(--danger) / var(--tw-bg-opacity, 1)); } .bg-danger-surface { --tw-bg-opacity: 1; background-color: hsl(var(--danger-surface) / var(--tw-bg-opacity, 1)); } .bg-danger\/10 { background-color: hsl(var(--danger) / 0.1); } .bg-danger\/5 { background-color: hsl(var(--danger) / 0.05); } .bg-destructive { --tw-bg-opacity: 1; background-color: hsl(var(--danger) / var(--tw-bg-opacity, 1)); } .bg-destructive\/10 { background-color: hsl(var(--danger) / 0.1); } .bg-destructive\/5 { background-color: hsl(var(--danger) / 0.05); } .bg-emerald-100 { --tw-bg-opacity: 1; background-color: rgb(209 250 229 / var(--tw-bg-opacity, 1)); } .bg-emerald-500\/10 { background-color: rgb(16 185 129 / 0.1); } .bg-foreground-inverted { --tw-bg-opacity: 1; background-color: hsl(var(--foreground-inverted) / var(--tw-bg-opacity, 1)); } .bg-foreground\/10 { background-color: hsl(var(--foreground) / 0.1); } .bg-foreground\/40 { background-color: hsl(var(--foreground) / 0.4); } .bg-foreground\/45 { background-color: hsl(var(--foreground) / 0.45); } .bg-foreground\/5 { background-color: hsl(var(--foreground) / 0.05); } .bg-gray-100 { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .bg-gray-400 { --tw-bg-opacity: 1; background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1)); } .bg-gray-800 { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1)); } .bg-green-50 { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .bg-green-500 { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .bg-green-500\/10 { background-color: rgb(34 197 94 / 0.1); } .bg-green-500\/20 { background-color: rgb(34 197 94 / 0.2); } .bg-indigo-50 { --tw-bg-opacity: 1; background-color: rgb(238 242 255 / var(--tw-bg-opacity, 1)); } .bg-indigo-500 { --tw-bg-opacity: 1; background-color: rgb(99 102 241 / var(--tw-bg-opacity, 1)); } .bg-muted { --tw-bg-opacity: 1; background-color: hsl(var(--foreground-muted) / var(--tw-bg-opacity, 1)); } .bg-muted-foreground { --tw-bg-opacity: 1; background-color: hsl(var(--muted-foreground) / var(--tw-bg-opacity, 1)); } .bg-muted-foreground\/10 { background-color: hsl(var(--muted-foreground) / 0.1); } .bg-muted-foreground\/15 { background-color: hsl(var(--muted-foreground) / 0.15); } .bg-muted-foreground\/30 { background-color: hsl(var(--muted-foreground) / 0.3); } .bg-muted-foreground\/60 { background-color: hsl(var(--muted-foreground) / 0.6); } .bg-muted\/10 { background-color: hsl(var(--foreground-muted) / 0.1); } .bg-muted\/20 { background-color: hsl(var(--foreground-muted) / 0.2); } .bg-muted\/30 { background-color: hsl(var(--foreground-muted) / 0.3); } .bg-muted\/40 { background-color: hsl(var(--foreground-muted) / 0.4); } .bg-muted\/50 { background-color: hsl(var(--foreground-muted) / 0.5); } .bg-muted\/60 { background-color: hsl(var(--foreground-muted) / 0.6); } .bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 237 213 / var(--tw-bg-opacity, 1)); } .bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 237 / var(--tw-bg-opacity, 1)); } .bg-orange-500 { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .bg-pink-500 { --tw-bg-opacity: 1; background-color: rgb(236 72 153 / var(--tw-bg-opacity, 1)); } .bg-popover { --tw-bg-opacity: 1; background-color: hsl(var(--popover) / var(--tw-bg-opacity, 1)); } .bg-primary { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .bg-primary\/20 { background-color: hsl(var(--primary) / 0.2); } .bg-primary\/5 { background-color: hsl(var(--primary) / 0.05); } .bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(243 232 255 / var(--tw-bg-opacity, 1)); } .bg-purple-50 { --tw-bg-opacity: 1; background-color: rgb(250 245 255 / var(--tw-bg-opacity, 1)); } .bg-purple-500 { --tw-bg-opacity: 1; background-color: rgb(168 85 247 / var(--tw-bg-opacity, 1)); } .bg-purple-500\/10 { background-color: rgb(168 85 247 / 0.1); } .bg-purple-500\/20 { background-color: rgb(168 85 247 / 0.2); } .bg-red-100 { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .bg-red-400 { --tw-bg-opacity: 1; background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1)); } .bg-red-400\/80 { background-color: rgb(248 113 113 / 0.8); } .bg-red-50 { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .bg-red-500 { --tw-bg-opacity: 1; background-color: rgb(239 68 68 / var(--tw-bg-opacity, 1)); } .bg-red-500\/10 { background-color: rgb(239 68 68 / 0.1); } .bg-rose-50 { --tw-bg-opacity: 1; background-color: rgb(255 241 242 / var(--tw-bg-opacity, 1)); } .bg-rose-500 { --tw-bg-opacity: 1; background-color: rgb(244 63 94 / var(--tw-bg-opacity, 1)); } .bg-secondary\/10 { background-color: hsl(var(--secondary) / 0.1); } .bg-secondary\/60 { background-color: hsl(var(--secondary) / 0.6); } .bg-sidebar { --tw-bg-opacity: 1; background-color: hsl(var(--sidebar) / var(--tw-bg-opacity, 1)); } .bg-sidebar-primary { --tw-bg-opacity: 1; background-color: hsl(var(--sidebar-primary) / var(--tw-bg-opacity, 1)); } .bg-sky-100 { --tw-bg-opacity: 1; background-color: rgb(224 242 254 / var(--tw-bg-opacity, 1)); } .bg-slate-100 { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .bg-slate-200 { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .bg-slate-400 { --tw-bg-opacity: 1; background-color: rgb(148 163 184 / var(--tw-bg-opacity, 1)); } .bg-slate-50 { --tw-bg-opacity: 1; background-color: rgb(248 250 252 / var(--tw-bg-opacity, 1)); } .bg-slate-800\/95 { background-color: rgb(30 41 59 / 0.95); } .bg-success { --tw-bg-opacity: 1; background-color: hsl(var(--success) / var(--tw-bg-opacity, 1)); } .bg-success-surface { --tw-bg-opacity: 1; background-color: hsl(var(--success-surface) / var(--tw-bg-opacity, 1)); } .bg-success\/10 { background-color: hsl(var(--success) / 0.1); } .bg-success\/5 { background-color: hsl(var(--success) / 0.05); } .bg-transparent { background-color: transparent; } .bg-violet-200 { --tw-bg-opacity: 1; background-color: rgb(221 214 254 / var(--tw-bg-opacity, 1)); } .bg-violet-50 { --tw-bg-opacity: 1; background-color: rgb(245 243 255 / var(--tw-bg-opacity, 1)); } .bg-violet-50\/50 { background-color: rgb(245 243 255 / 0.5); } .bg-violet-500\/10 { background-color: rgb(139 92 246 / 0.1); } .bg-warning { --tw-bg-opacity: 1; background-color: hsl(var(--warning) / var(--tw-bg-opacity, 1)); } .bg-warning-surface { --tw-bg-opacity: 1; background-color: hsl(var(--warning-surface) / var(--tw-bg-opacity, 1)); } .bg-warning\/10 { background-color: hsl(var(--warning) / 0.1); } .bg-warning\/20 { background-color: hsl(var(--warning) / 0.2); } .bg-warning\/5 { background-color: hsl(var(--warning) / 0.05); } .bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .bg-white\/10 { background-color: rgb(255 255 255 / 0.1); } .bg-white\/15 { background-color: rgb(255 255 255 / 0.15); } .bg-white\/30 { background-color: rgb(255 255 255 / 0.3); } .bg-white\/40 { background-color: rgb(255 255 255 / 0.4); } .bg-white\/5 { background-color: rgb(255 255 255 / 0.05); } .bg-white\/50 { background-color: rgb(255 255 255 / 0.5); } .bg-white\/80 { background-color: rgb(255 255 255 / 0.8); } .bg-white\/95 { background-color: rgb(255 255 255 / 0.95); } .bg-yellow-100 { --tw-bg-opacity: 1; background-color: rgb(254 249 195 / var(--tw-bg-opacity, 1)); } .bg-yellow-500 { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .bg-yellow-500\/10 { background-color: rgb(234 179 8 / 0.1); } .bg-\[linear-gradient\(to_top\2c var\(--color-background\)\2c transparent\)\] { background-image: linear-gradient(to top,var(--color-background),transparent); } .bg-\[radial-gradient\(circle_at_top\2c _rgba\(88\2c 104\2c 216\2c 0\.25\)\2c _transparent_60\%\)\] { background-image: radial-gradient(circle at top, rgba(88,104,216,0.25), transparent 60%); } .bg-gradient-to-b { background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); } .bg-gradient-to-br { background-image: linear-gradient(to bottom right, var(--tw-gradient-stops)); } .bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .from-blue-50 { --tw-gradient-from: #eff6ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(239 246 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500 { --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/10 { --tw-gradient-from: rgb(59 130 246 / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-blue-500\/20 { --tw-gradient-from: rgb(59 130 246 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-brand\/20 { --tw-gradient-from: hsl(var(--brand) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--brand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-brand\/5 { --tw-gradient-from: hsl(var(--brand) / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--brand) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-orange-500 { --tw-gradient-from: #f97316 var(--tw-gradient-from-position); --tw-gradient-to: rgb(249 115 22 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-purple-500 { --tw-gradient-from: #a855f7 var(--tw-gradient-from-position); --tw-gradient-to: rgb(168 85 247 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/10 { --tw-gradient-from: hsl(var(--success) / 0.1) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/20 { --tw-gradient-from: hsl(var(--success) / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/40 { --tw-gradient-from: hsl(var(--success) / 0.4) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-success\/5 { --tw-gradient-from: hsl(var(--success) / 0.05) var(--tw-gradient-from-position); --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .from-transparent { --tw-gradient-from: transparent var(--tw-gradient-from-position); --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .via-background { --tw-gradient-to: hsl(var(--background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--background) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-success { --tw-gradient-to: hsl(var(--success) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), hsl(var(--success) / 1) var(--tw-gradient-via-position), var(--tw-gradient-to); } .via-transparent { --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), transparent var(--tw-gradient-via-position), var(--tw-gradient-to); } .to-background { --tw-gradient-to: hsl(var(--background) / 1) var(--tw-gradient-to-position); } .to-brand\/10 { --tw-gradient-to: hsl(var(--brand) / 0.1) var(--tw-gradient-to-position); } .to-brand\/30 { --tw-gradient-to: hsl(var(--brand) / 0.3) var(--tw-gradient-to-position); } .to-cyan-50 { --tw-gradient-to: #ecfeff var(--tw-gradient-to-position); } .to-cyan-500 { --tw-gradient-to: #06b6d4 var(--tw-gradient-to-position); } .to-cyan-500\/10 { --tw-gradient-to: rgb(6 182 212 / 0.1) var(--tw-gradient-to-position); } .to-cyan-500\/20 { --tw-gradient-to: rgb(6 182 212 / 0.2) var(--tw-gradient-to-position); } .to-green-50 { --tw-gradient-to: #f0fdf4 var(--tw-gradient-to-position); } .to-pink-500 { --tw-gradient-to: #ec4899 var(--tw-gradient-to-position); } .to-red-500 { --tw-gradient-to: #ef4444 var(--tw-gradient-to-position); } .to-success\/10 { --tw-gradient-to: hsl(var(--success) / 0.1) var(--tw-gradient-to-position); } .to-success\/40 { --tw-gradient-to: hsl(var(--success) / 0.4) var(--tw-gradient-to-position); } .to-success\/5 { --tw-gradient-to: hsl(var(--success) / 0.05) var(--tw-gradient-to-position); } .to-transparent { --tw-gradient-to: transparent var(--tw-gradient-to-position); } .to-white\/0 { --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); } .bg-clip-text { -webkit-background-clip: text; background-clip: text; } .fill-amber-400 { fill: #fbbf24; } .fill-background { fill: hsl(var(--background) / 1); } .fill-border { fill: hsl(var(--border) / 1); } .fill-brand { fill: hsl(var(--brand) / 1); } .fill-current { fill: currentColor; } .fill-foreground { fill: hsl(var(--foreground) / 1); } .fill-muted-foreground { fill: hsl(var(--muted-foreground) / 1); } .fill-red-500 { fill: #ef4444; } .fill-white { fill: #fff; } .stroke-amber-400 { stroke: #fbbf24; } .stroke-\[1\.5px\] { stroke-width: 1.5px; } .object-contain { -o-object-fit: contain; object-fit: contain; } .object-cover { -o-object-fit: cover; object-fit: cover; } .\!p-0 { padding: 0px !important; } .p-0 { padding: 0px; } .p-0\.5 { padding: 2px; } .p-1 { padding: 4px; } .p-1\.5 { padding: 6px; } .p-12 { padding: 48px; } .p-16 { padding: 64px; } .p-2 { padding: 8px; } .p-2\.5 { padding: 10px; } .p-3 { padding: 12px; } .p-4 { padding: 16px; } .p-5 { padding: 20px; } .p-6 { padding: 24px; } .p-8 { padding: 32px; } .\!px-0 { padding-left: 0px !important; padding-right: 0px !important; } .px-0 { padding-left: 0px; padding-right: 0px; } .px-1 { padding-left: 4px; padding-right: 4px; } .px-1\.5 { padding-left: 6px; padding-right: 6px; } .px-2 { padding-left: 8px; padding-right: 8px; } .px-2\.5 { padding-left: 10px; padding-right: 10px; } .px-3 { padding-left: 12px; padding-right: 12px; } .px-3\.5 { padding-left: 0.875rem; padding-right: 0.875rem; } .px-4 { padding-left: 16px; padding-right: 16px; } .px-6 { padding-left: 24px; padding-right: 24px; } .py-0 { padding-top: 0px; padding-bottom: 0px; } .py-0\.5 { padding-top: 2px; padding-bottom: 2px; } .py-1 { padding-top: 4px; padding-bottom: 4px; } .py-1\.5 { padding-top: 6px; padding-bottom: 6px; } .py-10 { padding-top: 40px; padding-bottom: 40px; } .py-12 { padding-top: 48px; padding-bottom: 48px; } .py-16 { padding-top: 64px; padding-bottom: 64px; } .py-2 { padding-top: 8px; padding-bottom: 8px; } .py-2\.5 { padding-top: 10px; padding-bottom: 10px; } .py-3 { padding-top: 12px; padding-bottom: 12px; } .py-4 { padding-top: 16px; padding-bottom: 16px; } .py-6 { padding-top: 24px; padding-bottom: 24px; } .py-8 { padding-top: 32px; padding-bottom: 32px; } .py-px { padding-top: 1px; padding-bottom: 1px; } .\!pb-0 { padding-bottom: 0px !important; } .pb-0 { padding-bottom: 0px; } .pb-1 { padding-bottom: 4px; } .pb-1\.5 { padding-bottom: 6px; } .pb-2 { padding-bottom: 8px; } .pb-3 { padding-bottom: 12px; } .pb-4 { padding-bottom: 16px; } .pb-6 { padding-bottom: 24px; } .pb-8 { padding-bottom: 32px; } .pb-\[max\(0\.75rem\2c env\(safe-area-inset-bottom\)\)\] { padding-bottom: max(0.75rem,env(safe-area-inset-bottom)); } .pl-1 { padding-left: 4px; } .pl-10 { padding-left: 40px; } .pl-12 { padding-left: 48px; } .pl-2 { padding-left: 8px; } .pl-3 { padding-left: 12px; } .pl-4 { padding-left: 16px; } .pl-5 { padding-left: 20px; } .pl-6 { padding-left: 24px; } .pl-7 { padding-left: 28px; } .pl-8 { padding-left: 32px; } .pl-9 { padding-left: 2.25rem; } .pr-1 { padding-right: 4px; } .pr-16 { padding-right: 64px; } .pr-2 { padding-right: 8px; } .pr-20 { padding-right: 80px; } .pr-3 { padding-right: 12px; } .pr-4 { padding-right: 16px; } .pr-6 { padding-right: 24px; } .pr-7 { padding-right: 28px; } .pr-8 { padding-right: 32px; } .pt-0 { padding-top: 0px; } .pt-0\.5 { padding-top: 2px; } .pt-1 { padding-top: 4px; } .pt-1\.5 { padding-top: 6px; } .pt-16 { padding-top: 64px; } .pt-2 { padding-top: 8px; } .pt-3 { padding-top: 12px; } .pt-4 { padding-top: 16px; } .pt-6 { padding-top: 24px; } .pt-\[max\(0\.75rem\2c env\(safe-area-inset-top\)\)\] { padding-top: max(0.75rem,env(safe-area-inset-top)); } .text-left { text-align: left; } .text-center { text-align: center; } .text-right { text-align: right; } .align-top { vertical-align: top; } .align-middle { vertical-align: middle; } .font-mono { font-family: JetBrains Mono, Fira Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; } .font-sans { font-family: Inter Variable, Inter, Segoe UI, system-ui, -apple-system, sans-serif; } .text-2xl { font-size: 1.5rem; } .text-3xl { font-size: 1.875rem; line-height: 2.25rem; } .text-4xl { font-size: 2.25rem; line-height: 2.5rem; } .text-\[10px\] { font-size: 10px; } .text-\[11px\] { font-size: 11px; } .text-\[13px\] { font-size: 13px; } .text-\[9px\] { font-size: 9px; } .text-base { font-size: 1rem; line-height: 1.5rem; } .text-lg { font-size: 1.125rem; } .text-sm { font-size: 0.875rem; } .text-xl { font-size: 1.25rem; } .text-xs { font-size: 0.75rem; } .font-bold { font-weight: 700; } .font-extrabold { font-weight: 800; } .font-medium { font-weight: 500; } .font-normal { font-weight: 400; } .font-semibold { font-weight: 600; } .uppercase { text-transform: uppercase; } .lowercase { text-transform: lowercase; } .capitalize { text-transform: capitalize; } .normal-case { text-transform: none; } .italic { font-style: italic; } .tabular-nums { --tw-numeric-spacing: tabular-nums; font-variant-numeric: var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction); } .leading-7 { line-height: 1.75rem; } .leading-none { line-height: 1; } .leading-relaxed { line-height: 1.7; } .leading-snug { line-height: 1.375; } .leading-tight { line-height: 1.2; } .tracking-\[0\.28em\] { letter-spacing: 0.28em; } .tracking-\[0\.2em\] { letter-spacing: 0.2em; } .tracking-tight { letter-spacing: -0.01em; } .tracking-wide { letter-spacing: 0.01em; } .tracking-wider { letter-spacing: 0.05em; } .tracking-widest { letter-spacing: 0.1em; } .text-\[\#0A66C2\] { --tw-text-opacity: 1; color: rgb(10 102 194 / var(--tw-text-opacity, 1)); } .text-\[\#1877F2\] { --tw-text-opacity: 1; color: rgb(24 119 242 / var(--tw-text-opacity, 1)); } .text-\[\#1DA1F2\] { --tw-text-opacity: 1; color: rgb(29 161 242 / var(--tw-text-opacity, 1)); } .text-\[\#E4405F\] { --tw-text-opacity: 1; color: rgb(228 64 95 / var(--tw-text-opacity, 1)); } .text-\[\#FF0000\] { --tw-text-opacity: 1; color: rgb(255 0 0 / var(--tw-text-opacity, 1)); } .text-accent { --tw-text-opacity: 1; color: hsl(var(--accent) / var(--tw-text-opacity, 1)); } .text-accent-foreground { --tw-text-opacity: 1; color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1)); } .text-amber-200 { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .text-amber-200\/80 { color: rgb(253 230 138 / 0.8); } .text-amber-400 { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .text-amber-500 { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .text-amber-600 { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .text-amber-700 { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .text-amber-800 { --tw-text-opacity: 1; color: rgb(146 64 14 / var(--tw-text-opacity, 1)); } .text-amber-900 { --tw-text-opacity: 1; color: rgb(120 53 15 / var(--tw-text-opacity, 1)); } .text-black { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .text-blue-400 { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .text-blue-500 { --tw-text-opacity: 1; color: rgb(59 130 246 / var(--tw-text-opacity, 1)); } .text-blue-600 { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .text-blue-700 { --tw-text-opacity: 1; color: rgb(29 78 216 / var(--tw-text-opacity, 1)); } .text-blue-800 { --tw-text-opacity: 1; color: rgb(30 64 175 / var(--tw-text-opacity, 1)); } .text-border-subtle { --tw-text-opacity: 1; color: hsl(var(--border-subtle) / var(--tw-text-opacity, 1)); } .text-brand { --tw-text-opacity: 1; color: hsl(var(--brand) / var(--tw-text-opacity, 1)); } .text-brand-foreground { --tw-text-opacity: 1; color: hsl(var(--brand-foreground) / var(--tw-text-opacity, 1)); } .text-brand\/70 { color: hsl(var(--brand) / 0.7); } .text-card-foreground { --tw-text-opacity: 1; color: hsl(var(--card-foreground) / var(--tw-text-opacity, 1)); } .text-cyan-400 { --tw-text-opacity: 1; color: rgb(34 211 238 / var(--tw-text-opacity, 1)); } .text-danger { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); } .text-danger-emphasis { --tw-text-opacity: 1; color: hsl(var(--danger-emphasis) / var(--tw-text-opacity, 1)); } .text-danger-emphasis\/90 { color: hsl(var(--danger-emphasis) / 0.9); } .text-danger-foreground { --tw-text-opacity: 1; color: hsl(var(--danger-foreground) / var(--tw-text-opacity, 1)); } .text-danger-foreground\/80 { color: hsl(var(--danger-foreground) / 0.8); } .text-destructive { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); } .text-destructive-foreground { --tw-text-opacity: 1; color: hsl(var(--danger-foreground) / var(--tw-text-opacity, 1)); } .text-emerald-500 { --tw-text-opacity: 1; color: rgb(16 185 129 / var(--tw-text-opacity, 1)); } .text-emerald-600 { --tw-text-opacity: 1; color: rgb(5 150 105 / var(--tw-text-opacity, 1)); } .text-emerald-700 { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .text-foreground { --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .text-foreground-muted { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .text-foreground\/80 { color: hsl(var(--foreground) / 0.8); } .text-gray-400 { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .text-gray-500 { --tw-text-opacity: 1; color: rgb(107 114 128 / var(--tw-text-opacity, 1)); } .text-gray-600 { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .text-gray-900 { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .text-green-400 { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .text-green-500 { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .text-green-600 { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .text-green-700 { --tw-text-opacity: 1; color: rgb(21 128 61 / var(--tw-text-opacity, 1)); } .text-green-800 { --tw-text-opacity: 1; color: rgb(22 101 52 / var(--tw-text-opacity, 1)); } .text-indigo-700 { --tw-text-opacity: 1; color: rgb(67 56 202 / var(--tw-text-opacity, 1)); } .text-muted { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .text-muted-foreground { --tw-text-opacity: 1; color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1)); } .text-muted-foreground\/20 { color: hsl(var(--muted-foreground) / 0.2); } .text-muted-foreground\/30 { color: hsl(var(--muted-foreground) / 0.3); } .text-muted-foreground\/40 { color: hsl(var(--muted-foreground) / 0.4); } .text-muted-foreground\/50 { color: hsl(var(--muted-foreground) / 0.5); } .text-muted-foreground\/60 { color: hsl(var(--muted-foreground) / 0.6); } .text-muted\/40 { color: hsl(var(--foreground-muted) / 0.4); } .text-muted\/50 { color: hsl(var(--foreground-muted) / 0.5); } .text-muted\/60 { color: hsl(var(--foreground-muted) / 0.6); } .text-muted\/70 { color: hsl(var(--foreground-muted) / 0.7); } .text-orange-500 { --tw-text-opacity: 1; color: rgb(249 115 22 / var(--tw-text-opacity, 1)); } .text-orange-600 { --tw-text-opacity: 1; color: rgb(234 88 12 / var(--tw-text-opacity, 1)); } .text-orange-800 { --tw-text-opacity: 1; color: rgb(154 52 18 / var(--tw-text-opacity, 1)); } .text-popover-foreground { --tw-text-opacity: 1; color: hsl(var(--popover-foreground) / var(--tw-text-opacity, 1)); } .text-primary { --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .text-primary-foreground { --tw-text-opacity: 1; color: hsl(var(--primary-foreground) / var(--tw-text-opacity, 1)); } .text-primary\/60 { color: hsl(var(--primary) / 0.6); } .text-purple-400 { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .text-purple-500 { --tw-text-opacity: 1; color: rgb(168 85 247 / var(--tw-text-opacity, 1)); } .text-purple-600 { --tw-text-opacity: 1; color: rgb(147 51 234 / var(--tw-text-opacity, 1)); } .text-purple-700 { --tw-text-opacity: 1; color: rgb(126 34 206 / var(--tw-text-opacity, 1)); } .text-purple-800 { --tw-text-opacity: 1; color: rgb(107 33 168 / var(--tw-text-opacity, 1)); } .text-red-500 { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .text-red-600 { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .text-red-700 { --tw-text-opacity: 1; color: rgb(185 28 28 / var(--tw-text-opacity, 1)); } .text-red-800 { --tw-text-opacity: 1; color: rgb(153 27 27 / var(--tw-text-opacity, 1)); } .text-rose-500 { --tw-text-opacity: 1; color: rgb(244 63 94 / var(--tw-text-opacity, 1)); } .text-rose-600 { --tw-text-opacity: 1; color: rgb(225 29 72 / var(--tw-text-opacity, 1)); } .text-rose-900 { --tw-text-opacity: 1; color: rgb(136 19 55 / var(--tw-text-opacity, 1)); } .text-secondary-foreground { --tw-text-opacity: 1; color: hsl(var(--secondary-foreground) / var(--tw-text-opacity, 1)); } .text-sidebar-foreground { --tw-text-opacity: 1; color: hsl(var(--sidebar-foreground) / var(--tw-text-opacity, 1)); } .text-sidebar-foreground\/80 { color: hsl(var(--sidebar-foreground) / 0.8); } .text-sidebar-foreground\/90 { color: hsl(var(--sidebar-foreground) / 0.9); } .text-sidebar-primary-foreground { --tw-text-opacity: 1; color: hsl(var(--sidebar-primary-foreground) / var(--tw-text-opacity, 1)); } .text-sky-500 { --tw-text-opacity: 1; color: rgb(14 165 233 / var(--tw-text-opacity, 1)); } .text-sky-700 { --tw-text-opacity: 1; color: rgb(3 105 161 / var(--tw-text-opacity, 1)); } .text-sky-800 { --tw-text-opacity: 1; color: rgb(7 89 133 / var(--tw-text-opacity, 1)); } .text-slate-300 { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .text-slate-400 { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .text-slate-500 { --tw-text-opacity: 1; color: rgb(100 116 139 / var(--tw-text-opacity, 1)); } .text-slate-600 { --tw-text-opacity: 1; color: rgb(71 85 105 / var(--tw-text-opacity, 1)); } .text-slate-700 { --tw-text-opacity: 1; color: rgb(51 65 85 / var(--tw-text-opacity, 1)); } .text-slate-800 { --tw-text-opacity: 1; color: rgb(30 41 59 / var(--tw-text-opacity, 1)); } .text-slate-900 { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .text-success { --tw-text-opacity: 1; color: hsl(var(--success) / var(--tw-text-opacity, 1)); } .text-success-emphasis { --tw-text-opacity: 1; color: hsl(var(--success-emphasis) / var(--tw-text-opacity, 1)); } .text-success-foreground { --tw-text-opacity: 1; color: hsl(var(--success-foreground) / var(--tw-text-opacity, 1)); } .text-transparent { color: transparent; } .text-violet-500 { --tw-text-opacity: 1; color: rgb(139 92 246 / var(--tw-text-opacity, 1)); } .text-violet-600 { --tw-text-opacity: 1; color: rgb(124 58 237 / var(--tw-text-opacity, 1)); } .text-violet-700 { --tw-text-opacity: 1; color: rgb(109 40 217 / var(--tw-text-opacity, 1)); } .text-violet-900 { --tw-text-opacity: 1; color: rgb(76 29 149 / var(--tw-text-opacity, 1)); } .text-warning { --tw-text-opacity: 1; color: hsl(var(--warning) / var(--tw-text-opacity, 1)); } .text-warning-emphasis { --tw-text-opacity: 1; color: hsl(var(--warning-emphasis) / var(--tw-text-opacity, 1)); } .text-warning-emphasis\/80 { color: hsl(var(--warning-emphasis) / 0.8); } .text-warning-emphasis\/90 { color: hsl(var(--warning-emphasis) / 0.9); } .text-warning-foreground { --tw-text-opacity: 1; color: hsl(var(--warning-foreground) / var(--tw-text-opacity, 1)); } .text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .text-white\/40 { color: rgb(255 255 255 / 0.4); } .text-white\/50 { color: rgb(255 255 255 / 0.5); } .text-white\/60 { color: rgb(255 255 255 / 0.6); } .text-white\/70 { color: rgb(255 255 255 / 0.7); } .text-white\/80 { color: rgb(255 255 255 / 0.8); } .text-white\/90 { color: rgb(255 255 255 / 0.9); } .text-yellow-400 { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .text-yellow-500 { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .text-yellow-600 { --tw-text-opacity: 1; color: rgb(202 138 4 / var(--tw-text-opacity, 1)); } .text-yellow-700 { --tw-text-opacity: 1; color: rgb(161 98 7 / var(--tw-text-opacity, 1)); } .underline { text-decoration-line: underline; } .line-through { text-decoration-line: line-through; } .decoration-brand\/60 { text-decoration-color: hsl(var(--brand) / 0.6); } .underline-offset-2 { text-underline-offset: 2px; } .underline-offset-4 { text-underline-offset: 4px; } .accent-brand { accent-color: hsl(var(--brand) / 1); } .accent-primary { accent-color: hsl(var(--primary) / 1); } .opacity-0 { opacity: 0; } .opacity-100 { opacity: 1; } .opacity-20 { opacity: 0.2; } .opacity-40 { opacity: 0.4; } .opacity-50 { opacity: 0.5; } .opacity-60 { opacity: 0.6; } .opacity-70 { opacity: 0.7; } .opacity-75 { opacity: 0.75; } .opacity-80 { opacity: 0.8; } .opacity-90 { opacity: 0.9; } .shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); --tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-\[0_14px_36px_rgba\(0\2c 0\2c 0\2c 0\.35\)\] { --tw-shadow: 0 14px 36px rgba(0,0,0,0.35); --tw-shadow-colored: 0 14px 36px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-inner { --tw-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05); --tw-shadow-colored: inset 0 2px 4px 0 var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-lg { --tw-shadow: var(--shadow-lg); --tw-shadow-colored: var(--shadow-lg); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-md { --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-overlay { --tw-shadow: var(--shadow-overlay); --tw-shadow-colored: var(--shadow-overlay); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-sm { --tw-shadow: var(--shadow-sm); --tw-shadow-colored: var(--shadow-sm); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-xs { --tw-shadow: var(--shadow-xs); --tw-shadow-colored: var(--shadow-xs); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .shadow-amber-200 { --tw-shadow-color: #fde68a; --tw-shadow: var(--tw-shadow-colored); } .shadow-blue-200 { --tw-shadow-color: #bfdbfe; --tw-shadow: var(--tw-shadow-colored); } .shadow-brand\/20 { --tw-shadow-color: hsl(var(--brand) / 0.2); --tw-shadow: var(--tw-shadow-colored); } .shadow-purple-200 { --tw-shadow-color: #e9d5ff; --tw-shadow: var(--tw-shadow-colored); } .outline-none { outline: 2px solid transparent; outline-offset: 2px; } .outline { outline-style: solid; } .ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-1 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-4 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .ring-inset { --tw-ring-inset: inset; } .ring-brand { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--brand) / var(--tw-ring-opacity, 1)); } .ring-brand\/30 { --tw-ring-color: hsl(var(--brand) / 0.3); } .ring-brand\/60 { --tw-ring-color: hsl(var(--brand) / 0.6); } .ring-brand\/70 { --tw-ring-color: hsl(var(--brand) / 0.7); } .ring-primary { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1)); } .ring-primary\/20 { --tw-ring-color: hsl(var(--primary) / 0.2); } .ring-primary\/30 { --tw-ring-color: hsl(var(--primary) / 0.3); } .ring-sidebar-border\/60 { --tw-ring-color: hsl(var(--sidebar-border) / 0.6); } .ring-success\/20 { --tw-ring-color: hsl(var(--success) / 0.2); } .ring-transparent { --tw-ring-color: transparent; } .ring-offset-2 { --tw-ring-offset-width: 2px; } .ring-offset-background { --tw-ring-offset-color: hsl(var(--background) / 1); } .blur { --tw-blur: blur(8px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .blur-\[1px\] { --tw-blur: blur(1px); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-md { --tw-drop-shadow: drop-shadow(0 4px 3px rgb(0 0 0 / 0.07)) drop-shadow(0 2px 2px rgb(0 0 0 / 0.06)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .drop-shadow-sm { --tw-drop-shadow: drop-shadow(0 1px 1px rgb(0 0 0 / 0.05)); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .invert { --tw-invert: invert(100%); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .\!filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow) !important; } .filter { filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-md { --tw-backdrop-blur: blur(12px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-blur-sm { --tw-backdrop-blur: blur(4px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .backdrop-filter { backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } .transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[color\2c box-shadow\] { transition-property: color,box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-\[transform\2c opacity\] { transition-property: transform,opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-shadow { transition-property: box-shadow; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .duration-150 { transition-duration: 150ms; } .duration-200 { transition-duration: 200ms; } .duration-300 { transition-duration: 300ms; } .duration-500 { transition-duration: 500ms; } .duration-75 { transition-duration: 75ms; } .ease-in-out { transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } @keyframes enter { from { opacity: var(--tw-enter-opacity, 1); transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0)); } } @keyframes exit { to { opacity: var(--tw-exit-opacity, 1); transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0)); } } .animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .fade-in { --tw-enter-opacity: 0; } .fade-in-0 { --tw-enter-opacity: 0; } .zoom-in-95 { --tw-enter-scale: .95; } .slide-in-from-bottom-1 { --tw-enter-translate-y: 4px; } .slide-in-from-left-1 { --tw-enter-translate-x: -4px; } .duration-150 { animation-duration: 150ms; } .duration-200 { animation-duration: 200ms; } .duration-300 { animation-duration: 300ms; } .duration-500 { animation-duration: 500ms; } .duration-75 { animation-duration: 75ms; } .ease-in-out { animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .ease-out { animation-timing-function: cubic-bezier(0, 0, 0.2, 1); } .running { animation-play-state: running; } .paused { animation-play-state: paused; } .\[animation-delay\:-0\.15s\] { animation-delay: -0.15s; } .\[animation-delay\:-0\.3s\] { animation-delay: -0.3s; } .\[mail\:send\] { mail: send; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .\[toast\:fallback\] { toast: fallback; } .\[toast\:showToast\] { toast: showToast; } /* Theme transition support (Task 6.193) */ .theme-transitioning, .theme-transitioning * { transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease, fill 200ms ease !important; } .tiptap { line-height: 1.7; --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .tiptap:focus { outline: none; } .tiptap p { margin-top: 8px; margin-bottom: 8px; } .tiptap h1 { margin-top: 16px; margin-bottom: 16px; font-size: 1.875rem; line-height: 2.25rem; font-weight: 600; } .tiptap h2 { margin-top: 12px; margin-bottom: 12px; font-size: 1.5rem; font-weight: 600; } .tiptap h3 { margin-top: 12px; margin-bottom: 12px; font-size: 1.25rem; font-weight: 600; } .tiptap ul { margin-top: 8px; margin-bottom: 8px; list-style-type: disc; padding-left: 24px; } .tiptap ol { margin-top: 8px; margin-bottom: 8px; list-style-type: decimal; padding-left: 24px; } .tiptap li { margin-bottom: 4px; } .tiptap blockquote { margin-top: 16px; margin-bottom: 16px; border-left-width: 2px; --tw-border-opacity: 1; border-color: hsl(var(--border) / var(--tw-border-opacity, 1)); padding-left: 16px; font-style: italic; --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .tiptap pre { margin-top: 16px; margin-bottom: 16px; overflow-x: auto; border-radius: var(--radius-md); --tw-bg-opacity: 1; background-color: hsl(var(--background-subtle) / var(--tw-bg-opacity, 1)); padding: 12px; font-family: JetBrains Mono, Fira Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 0.875rem; } .tiptap code { border-radius: var(--radius-md); --tw-bg-opacity: 1; background-color: hsl(var(--background-subtle) / var(--tw-bg-opacity, 1)); padding-left: 6px; padding-right: 6px; padding-top: 2px; padding-bottom: 2px; font-family: JetBrains Mono, Fira Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace; font-size: 0.875rem; } /* Tiptap placeholder on every empty line */ .ProseMirror .is-editor-empty:first-child::before { content: attr(data-placeholder); float: left; color: hsl(var(--foreground-subtle)); pointer-events: none; height: 0; } .ProseMirror .is-empty::before { content: attr(data-placeholder); float: left; color: hsl(var(--foreground-subtle)); pointer-events: none; height: 0; } /* Only show placeholder on the paragraph inside task items, not on the taskItem itself */ .ProseMirror li[data-type="taskItem"].is-empty::before { content: none; } /* Task list checkboxes */ ul[data-type="taskList"] li > label { margin-right: 0.2rem; -webkit-user-select: none; -moz-user-select: none; user-select: none; } ul[data-type="taskList"] li > label input[type="checkbox"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: hsl(var(--background)); margin: 0; cursor: pointer; width: 1.1em; height: 1.1em; flex-shrink: 0; border: 2px solid hsl(var(--border)); border-radius: 0.25rem; display: grid; place-content: center; } ul[data-type="taskList"] li > label input[type="checkbox"]:hover { background-color: hsl(var(--background-subtle)); } ul[data-type="taskList"] li > label input[type="checkbox"]::before { content: ""; width: 0.65em; height: 0.65em; transform: scale(0); transition: 120ms transform ease-in-out; box-shadow: inset 1em 1em hsl(var(--brand)); transform-origin: center; clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%); } ul[data-type="taskList"] li > label input[type="checkbox"]:checked::before { transform: scale(1); } ul[data-type="taskList"] li[data-checked="true"] > div > p { color: hsl(var(--foreground-muted)); text-decoration: line-through; text-decoration-thickness: 2px; } /* YouTube video embeds */ div[data-youtube-video] > iframe { cursor: move; aspect-ratio: 16 / 9; width: 100%; border-radius: 0.5rem; border: 1px solid hsl(var(--border)); } /* Tiptap drag handle */ .drag-handle { position: fixed; opacity: 1; transition: opacity ease-in 0.2s; border-radius: 0.25rem; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(0, 0, 0, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E"); background-size: calc(0.5em + 0.375rem) calc(0.5em + 0.375rem); background-repeat: no-repeat; background-position: center; width: 1.2rem; height: 1.5rem; z-index: 50; cursor: grab; } .drag-handle:hover { background-color: hsl(var(--background-subtle)); transition: background-color 0.2s; } .drag-handle:active { background-color: hsl(var(--border)); transition: background-color 0.2s; cursor: grabbing; } .drag-handle.hide { opacity: 0; pointer-events: none; } /* Dark mode drag handle icon */ .dark .drag-handle { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10' style='fill: rgba(255, 255, 255, 0.5)'%3E%3Cpath d='M3,2 C2.44771525,2 2,1.55228475 2,1 C2,0.44771525 2.44771525,0 3,0 C3.55228475,0 4,0.44771525 4,1 C4,1.55228475 3.55228475,2 3,2 Z M3,6 C2.44771525,6 2,5.55228475 2,5 C2,4.44771525 2.44771525,4 3,4 C3.55228475,4 4,4.44771525 4,5 C4,5.55228475 3.55228475,6 3,6 Z M3,10 C2.44771525,10 2,9.55228475 2,9 C2,8.44771525 2.44771525,8 3,8 C3.55228475,8 4,8.44771525 4,9 C4,9.55228475 3.55228475,10 3,10 Z M7,2 C6.44771525,2 6,1.55228475 6,1 C6,0.44771525 6.44771525,0 7,0 C7.55228475,0 8,0.44771525 8,1 C8,1.55228475 7.55228475,2 7,2 Z M7,6 C6.44771525,6 6,5.55228475 6,5 C6,4.44771525 6.44771525,4 7,4 C7.55228475,4 8,4.44771525 8,5 C8,5.55228475 7.55228475,6 7,6 Z M7,10 C6.44771525,10 6,9.55228475 6,9 C6,8.44771525 6.44771525,8 7,8 C7.55228475,8 8,8.44771525 8,9 C8,9.55228475 7.55228475,10 7,10 Z'%3E%3C/path%3E%3C/svg%3E"); } @media screen and (max-width: 600px) { .drag-handle { display: none; pointer-events: none; } } .react-flow__node.automation-node-shell { background: transparent; border: none; padding: 0; box-shadow: none; } .react-flow__edge-text, .react-flow__edge-textbg, .react-flow__edge-interaction { pointer-events: none; } .react-flow__node-automationPlaceholder { cursor: default; visibility: visible !important; } .react-flow__controls { background-color: hsl(var(--background-elevated)); border: 1px solid hsl(var(--border-strong)); box-shadow: var(--shadow-sm); } .react-flow__controls button { background-color: transparent; color: hsl(var(--foreground)); border-bottom: 1px solid hsl(var(--border)); } .react-flow__controls button:last-child { border-bottom: none; } .react-flow__controls button:hover { background-color: hsl(var(--background-subtle) / 0.4); } .react-flow__minimap { background-color: hsl(var(--background-elevated)); border: 1px solid hsl(var(--border-strong)); box-shadow: var(--shadow-sm); } .react-flow__minimap-mask { fill: hsl(var(--background-subtle)); stroke: hsl(var(--border-strong)); } .react-flow__minimap-node { fill: hsl(var(--border)); } /* Quoted email content in TipTap editor */ /* This is an atom node with native contenteditable for editing */ .ProseMirror .quoted-email-content { /* No visual separation - blend with editor */ color: hsl(var(--foreground)); margin-top: 1rem !important; margin-bottom: 0.5rem; padding: 0; overflow: hidden; /* Constrain width like email clients do */ max-width: 100%; } /* The inner contenteditable area */ .ProseMirror .quoted-email-content .quoted-email-inner { padding: 0; outline: none; /* Let the email's own styles take over */ font-family: inherit; font-size: inherit; line-height: inherit; /* Ensure content doesn't overflow */ overflow-x: auto; } /* Focus state */ .ProseMirror .quoted-email-content .quoted-email-inner:focus { outline: none; } /* Selection indicator */ .ProseMirror .quoted-email-content.ProseMirror-selectednode { outline: 2px solid hsl(var(--brand)); outline-offset: 2px; } /* Override email's mobile responsive styles that use !important */ /* These emails have "width: 100% !important; max-width: 100% !important;" for mobile */ /* We need to restore the desktop widths */ .ProseMirror .quoted-email-content .responsive-table { width: auto !important; max-width: 600px !important; } .ProseMirror .quoted-email-content .full-wrap { width: 100% !important; } /* Fix mobile padding overrides */ .ProseMirror .quoted-email-content .mobile-padding, .ProseMirror .quoted-email-content .padding { padding-left: 20px !important; padding-right: 20px !important; } /* Preserve table layouts - emails use tables for multi-column layouts */ .ProseMirror .quoted-email-content table { display: table !important; border-collapse: collapse !important; table-layout: auto !important; margin: 0 auto !important; } .ProseMirror .quoted-email-content tbody { display: table-row-group !important; } .ProseMirror .quoted-email-content thead { display: table-header-group !important; } .ProseMirror .quoted-email-content tr { display: table-row !important; } .ProseMirror .quoted-email-content td, .ProseMirror .quoted-email-content th { display: table-cell !important; vertical-align: top; } /* Image handling - don't force full width on all images */ .ProseMirror .quoted-email-content img { max-width: 100%; height: auto; } /* But don't override images that have specific width attributes */ .ProseMirror .quoted-email-content img[width] { width: auto; max-width: 100%; } .ProseMirror .quoted-email-content .img-max { max-width: 100% !important; width: auto !important; height: auto !important; } .ProseMirror .quoted-email-content a { color: inherit; text-decoration: underline; } /* Don't override heading/paragraph styles - let the email's inline styles work */ .ProseMirror .quoted-email-content h1, .ProseMirror .quoted-email-content h2, .ProseMirror .quoted-email-content h3, .ProseMirror .quoted-email-content h4, .ProseMirror .quoted-email-content h5, .ProseMirror .quoted-email-content h6, .ProseMirror .quoted-email-content p { margin: inherit; } /* Keep hr as the email styled it */ .ProseMirror .quoted-email-content hr { border: inherit; margin: inherit; } /* ───────────────────────────────────────────────────────────────────────────── Entity Mentions in TipTap (Task 6.205) ─────────────────────────────────────────────────────────────────────────── */ /* Base entity mention chip styles */ .entity-mention { display: inline-flex; align-items: center; gap: 0.25rem; padding: 0.125rem 0.5rem; border-radius: 0.375rem; font-size: 0.875rem; font-weight: 500; line-height: 1.25rem; cursor: pointer; text-decoration: none; transition: background-color 150ms ease, color 150ms ease; vertical-align: baseline; } /* User mention - blue theme */ .entity-mention--user { background-color: hsl(217 91% 60% / 0.15); color: hsl(217 91% 50%); } .entity-mention--user:hover { background-color: hsl(217 91% 60% / 0.25); } /* Record mention - brand theme */ .entity-mention--record { background-color: hsl(var(--brand) / 0.15); color: hsl(var(--brand)); } .entity-mention--record:hover { background-color: hsl(var(--brand) / 0.25); } /* Module mention - purple theme */ .entity-mention--module { background-color: hsl(270 91% 60% / 0.15); color: hsl(270 91% 50%); } .entity-mention--module:hover { background-color: hsl(270 91% 60% / 0.25); } /* View mention - green theme */ .entity-mention--view { background-color: hsl(142 71% 45% / 0.15); color: hsl(142 71% 35%); } .entity-mention--view:hover { background-color: hsl(142 71% 45% / 0.25); } /* Deleted entity - muted style */ .entity-mention--deleted { background-color: hsl(var(--muted) / 0.5); color: hsl(var(--muted-foreground)); text-decoration: line-through; cursor: not-allowed; } /* Dark mode adjustments */ @media (prefers-color-scheme: dark) { .entity-mention--user { background-color: hsl(217 91% 60% / 0.2); color: hsl(217 91% 70%); } .entity-mention--module { background-color: hsl(270 91% 60% / 0.2); color: hsl(270 91% 70%); } .entity-mention--view { background-color: hsl(142 71% 45% / 0.2); color: hsl(142 71% 55%); } } /* Tippy.js mention dropdown positioning fixes */ .tippy-box[data-theme='entity-mention'] { background-color: transparent; border: none; box-shadow: none; } .tippy-box[data-theme='entity-mention'] > .tippy-content { padding: 0; } /* Email viewer iframe - adapts to dark/light mode */ .email-viewer-frame { background-color: hsl(var(--background-elevated)); border-radius: 0.5rem; } .placeholder\:text-muted::-moz-placeholder { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .placeholder\:text-muted::placeholder { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .placeholder\:text-muted-foreground::-moz-placeholder { --tw-text-opacity: 1; color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1)); } .placeholder\:text-muted-foreground::placeholder { --tw-text-opacity: 1; color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1)); } .after\:block::after { content: var(--tw-content); display: block; } .after\:h-2::after { content: var(--tw-content); height: 8px; } .after\:w-2::after { content: var(--tw-content); width: 8px; } .after\:rounded-full::after { content: var(--tw-content); border-radius: var(--radius-full); } .after\:bg-brand::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: hsl(var(--brand) / var(--tw-bg-opacity, 1)); } .first\:mt-0:first-child { margin-top: 0px; } .first\:mt-3:first-child { margin-top: 12px; } .first\:mt-4:first-child { margin-top: 16px; } .first\:rounded-tl-lg:first-child { border-top-left-radius: var(--radius-lg); } .first\:border-t:first-child { border-top-width: 1px; } .last\:mb-0:last-child { margin-bottom: 0px; } .last\:mb-24:last-child { margin-bottom: 6rem; } .last\:mb-5:last-child { margin-bottom: 20px; } .last\:rounded-tr-lg:last-child { border-top-right-radius: var(--radius-lg); } .last\:border-b-0:last-child { border-bottom-width: 0px; } .last\:border-r:last-child { border-right-width: 1px; } .last\:border-r-0:last-child { border-right-width: 0px; } .empty\:hidden:empty { display: none; } .focus-within\:ring-2:focus-within { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-within\:ring-primary\/20:focus-within { --tw-ring-color: hsl(var(--primary) / 0.2); } .focus-within\:ring-primary\/70:focus-within { --tw-ring-color: hsl(var(--primary) / 0.7); } .focus-within\:ring-offset-2:focus-within { --tw-ring-offset-width: 2px; } .hover\:scale-110:hover { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .hover\:border-blue-200:hover { --tw-border-opacity: 1; border-color: rgb(191 219 254 / var(--tw-border-opacity, 1)); } .hover\:border-blue-300:hover { --tw-border-opacity: 1; border-color: rgb(147 197 253 / var(--tw-border-opacity, 1)); } .hover\:border-blue-500\/30:hover { border-color: rgb(59 130 246 / 0.3); } .hover\:border-border:hover { --tw-border-opacity: 1; border-color: hsl(var(--border) / var(--tw-border-opacity, 1)); } .hover\:border-border-subtle:hover { --tw-border-opacity: 1; border-color: hsl(var(--border-subtle) / var(--tw-border-opacity, 1)); } .hover\:border-brand:hover { --tw-border-opacity: 1; border-color: hsl(var(--brand) / var(--tw-border-opacity, 1)); } .hover\:border-brand\/30:hover { border-color: hsl(var(--brand) / 0.3); } .hover\:border-brand\/40:hover { border-color: hsl(var(--brand) / 0.4); } .hover\:border-brand\/60:hover { border-color: hsl(var(--brand) / 0.6); } .hover\:border-muted-foreground\/50:hover { border-color: hsl(var(--muted-foreground) / 0.5); } .hover\:border-orange-500\/50:hover { border-color: rgb(249 115 22 / 0.5); } .hover\:border-primary:hover { --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); } .hover\:border-primary\/40:hover { border-color: hsl(var(--primary) / 0.4); } .hover\:border-primary\/50:hover { border-color: hsl(var(--primary) / 0.5); } .hover\:border-violet-300:hover { --tw-border-opacity: 1; border-color: rgb(196 181 253 / var(--tw-border-opacity, 1)); } .hover\:border-white\/40:hover { border-color: rgb(255 255 255 / 0.4); } .hover\:\!bg-white:hover { --tw-bg-opacity: 1 !important; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)) !important; } .hover\:bg-accent:hover { --tw-bg-opacity: 1; background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1)); } .hover\:bg-accent\/10:hover { background-color: hsl(var(--accent) / 0.1); } .hover\:bg-accent\/50:hover { background-color: hsl(var(--accent) / 0.5); } .hover\:bg-amber-500\/10:hover { background-color: rgb(245 158 11 / 0.1); } .hover\:bg-background:hover { --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); } .hover\:bg-background-elevated:hover { --tw-bg-opacity: 1; background-color: hsl(var(--background-elevated) / var(--tw-bg-opacity, 1)); } .hover\:bg-background-subtle:hover { --tw-bg-opacity: 1; background-color: hsl(var(--background-subtle) / var(--tw-bg-opacity, 1)); } .hover\:bg-background-subtle\/50:hover { background-color: hsl(var(--background-subtle) / 0.5); } .hover\:bg-background-subtle\/60:hover { background-color: hsl(var(--background-subtle) / 0.6); } .hover\:bg-background-subtle\/80:hover { background-color: hsl(var(--background-subtle) / 0.8); } .hover\:bg-background-subtle\/90:hover { background-color: hsl(var(--background-subtle) / 0.9); } .hover\:bg-background\/50:hover { background-color: hsl(var(--background) / 0.5); } .hover\:bg-background\/80:hover { background-color: hsl(var(--background) / 0.8); } .hover\:bg-black\/10:hover { background-color: rgb(0 0 0 / 0.1); } .hover\:bg-black\/20:hover { background-color: rgb(0 0 0 / 0.2); } .hover\:bg-black\/5:hover { background-color: rgb(0 0 0 / 0.05); } .hover\:bg-black\/70:hover { background-color: rgb(0 0 0 / 0.7); } .hover\:bg-blue-100:hover { --tw-bg-opacity: 1; background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-50:hover { --tw-bg-opacity: 1; background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-blue-600:hover { --tw-bg-opacity: 1; background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1)); } .hover\:bg-brand-emphasis:hover { --tw-bg-opacity: 1; background-color: hsl(var(--brand-emphasis) / var(--tw-bg-opacity, 1)); } .hover\:bg-brand-surface:hover { --tw-bg-opacity: 1; background-color: hsl(var(--brand-surface) / var(--tw-bg-opacity, 1)); } .hover\:bg-brand\/10:hover { background-color: hsl(var(--brand) / 0.1); } .hover\:bg-brand\/20:hover { background-color: hsl(var(--brand) / 0.2); } .hover\:bg-brand\/5:hover { background-color: hsl(var(--brand) / 0.05); } .hover\:bg-brand\/90:hover { background-color: hsl(var(--brand) / 0.9); } .hover\:bg-danger-emphasis:hover { --tw-bg-opacity: 1; background-color: hsl(var(--danger-emphasis) / var(--tw-bg-opacity, 1)); } .hover\:bg-danger\/10:hover { background-color: hsl(var(--danger) / 0.1); } .hover\:bg-danger\/20:hover { background-color: hsl(var(--danger) / 0.2); } .hover\:bg-danger\/5:hover { background-color: hsl(var(--danger) / 0.05); } .hover\:bg-destructive\/90:hover { background-color: hsl(var(--danger) / 0.9); } .hover\:bg-foreground\/5:hover { background-color: hsl(var(--foreground) / 0.05); } .hover\:bg-gray-100:hover { --tw-bg-opacity: 1; background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1)); } .hover\:bg-gray-600:hover { --tw-bg-opacity: 1; background-color: rgb(75 85 99 / var(--tw-bg-opacity, 1)); } .hover\:bg-green-50:hover { --tw-bg-opacity: 1; background-color: rgb(240 253 244 / var(--tw-bg-opacity, 1)); } .hover\:bg-muted:hover { --tw-bg-opacity: 1; background-color: hsl(var(--foreground-muted) / var(--tw-bg-opacity, 1)); } .hover\:bg-muted-foreground\/15:hover { background-color: hsl(var(--muted-foreground) / 0.15); } .hover\:bg-muted\/20:hover { background-color: hsl(var(--foreground-muted) / 0.2); } .hover\:bg-muted\/30:hover { background-color: hsl(var(--foreground-muted) / 0.3); } .hover\:bg-muted\/40:hover { background-color: hsl(var(--foreground-muted) / 0.4); } .hover\:bg-muted\/50:hover { background-color: hsl(var(--foreground-muted) / 0.5); } .hover\:bg-muted\/60:hover { background-color: hsl(var(--foreground-muted) / 0.6); } .hover\:bg-primary\/10:hover { background-color: hsl(var(--primary) / 0.1); } .hover\:bg-primary\/5:hover { background-color: hsl(var(--primary) / 0.05); } .hover\:bg-primary\/75:hover { background-color: hsl(var(--primary) / 0.75); } .hover\:bg-red-100:hover { --tw-bg-opacity: 1; background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-50:hover { --tw-bg-opacity: 1; background-color: rgb(254 242 242 / var(--tw-bg-opacity, 1)); } .hover\:bg-red-500\/50:hover { background-color: rgb(239 68 68 / 0.5); } .hover\:bg-sidebar-accent\/40:hover { background-color: hsl(var(--sidebar-accent) / 0.4); } .hover\:bg-slate-100:hover { --tw-bg-opacity: 1; background-color: rgb(241 245 249 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-200:hover { --tw-bg-opacity: 1; background-color: rgb(226 232 240 / var(--tw-bg-opacity, 1)); } .hover\:bg-slate-700:hover { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .hover\:bg-violet-100:hover { --tw-bg-opacity: 1; background-color: rgb(237 233 254 / var(--tw-bg-opacity, 1)); } .hover\:bg-white:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1)); } .hover\:bg-white\/10:hover { background-color: rgb(255 255 255 / 0.1); } .hover\:bg-white\/20:hover { background-color: rgb(255 255 255 / 0.2); } .hover\:bg-white\/25:hover { background-color: rgb(255 255 255 / 0.25); } .hover\:bg-white\/60:hover { background-color: rgb(255 255 255 / 0.6); } .hover\:bg-white\/90:hover { background-color: rgb(255 255 255 / 0.9); } .hover\:from-orange-600:hover { --tw-gradient-from: #ea580c var(--tw-gradient-from-position); --tw-gradient-to: rgb(234 88 12 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .hover\:to-pink-600:hover { --tw-gradient-to: #db2777 var(--tw-gradient-to-position); } .hover\:to-red-600:hover { --tw-gradient-to: #dc2626 var(--tw-gradient-to-position); } .hover\:text-accent-emphasis:hover { --tw-text-opacity: 1; color: hsl(var(--accent-emphasis) / var(--tw-text-opacity, 1)); } .hover\:text-amber-500:hover { --tw-text-opacity: 1; color: rgb(245 158 11 / var(--tw-text-opacity, 1)); } .hover\:text-amber-600:hover { --tw-text-opacity: 1; color: rgb(217 119 6 / var(--tw-text-opacity, 1)); } .hover\:text-amber-700:hover { --tw-text-opacity: 1; color: rgb(180 83 9 / var(--tw-text-opacity, 1)); } .hover\:text-blue-600:hover { --tw-text-opacity: 1; color: rgb(37 99 235 / var(--tw-text-opacity, 1)); } .hover\:text-brand:hover { --tw-text-opacity: 1; color: hsl(var(--brand) / var(--tw-text-opacity, 1)); } .hover\:text-brand\/80:hover { color: hsl(var(--brand) / 0.8); } .hover\:text-danger:hover { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); } .hover\:text-destructive:hover { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); } .hover\:text-emerald-700:hover { --tw-text-opacity: 1; color: rgb(4 120 87 / var(--tw-text-opacity, 1)); } .hover\:text-foreground:hover { --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .hover\:text-foreground\/80:hover { color: hsl(var(--foreground) / 0.8); } .hover\:text-gray-600:hover { --tw-text-opacity: 1; color: rgb(75 85 99 / var(--tw-text-opacity, 1)); } .hover\:text-gray-900:hover { --tw-text-opacity: 1; color: rgb(17 24 39 / var(--tw-text-opacity, 1)); } .hover\:text-green-600:hover { --tw-text-opacity: 1; color: rgb(22 163 74 / var(--tw-text-opacity, 1)); } .hover\:text-muted:hover { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .hover\:text-muted-foreground:hover { --tw-text-opacity: 1; color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1)); } .hover\:text-primary:hover { --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .hover\:text-primary\/80:hover { color: hsl(var(--primary) / 0.8); } .hover\:text-red-500:hover { --tw-text-opacity: 1; color: rgb(239 68 68 / var(--tw-text-opacity, 1)); } .hover\:text-red-600:hover { --tw-text-opacity: 1; color: rgb(220 38 38 / var(--tw-text-opacity, 1)); } .hover\:text-rose-700:hover { --tw-text-opacity: 1; color: rgb(190 18 60 / var(--tw-text-opacity, 1)); } .hover\:text-slate-100:hover { --tw-text-opacity: 1; color: rgb(241 245 249 / var(--tw-text-opacity, 1)); } .hover\:text-slate-900:hover { --tw-text-opacity: 1; color: rgb(15 23 42 / var(--tw-text-opacity, 1)); } .hover\:text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .hover\:text-yellow-500:hover { --tw-text-opacity: 1; color: rgb(234 179 8 / var(--tw-text-opacity, 1)); } .hover\:underline:hover { text-decoration-line: underline; } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:decoration-brand:hover { text-decoration-color: hsl(var(--brand) / 1); } .hover\:opacity-100:hover { opacity: 1; } .hover\:opacity-75:hover { opacity: 0.75; } .hover\:opacity-80:hover { opacity: 0.8; } .hover\:opacity-90:hover { opacity: 0.9; } .hover\:shadow-md:hover { --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:shadow-sm:hover { --tw-shadow: var(--shadow-sm); --tw-shadow-colored: var(--shadow-sm); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .hover\:brightness-110:hover { --tw-brightness: brightness(1.1); filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); } .focus\:not-sr-only:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .focus\:fixed:focus { position: fixed; } .focus\:left-4:focus { left: 16px; } .focus\:top-4:focus { top: 16px; } .focus\:z-50:focus { z-index: 50; } .focus\:rounded-md:focus { border-radius: var(--radius-md); } .focus\:border-brand:focus { --tw-border-opacity: 1; border-color: hsl(var(--brand) / var(--tw-border-opacity, 1)); } .focus\:border-transparent:focus { border-color: transparent; } .focus\:bg-accent:focus { --tw-bg-opacity: 1; background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1)); } .focus\:bg-brand:focus { --tw-bg-opacity: 1; background-color: hsl(var(--brand) / var(--tw-bg-opacity, 1)); } .focus\:bg-brand-surface:focus { --tw-bg-opacity: 1; background-color: hsl(var(--brand-surface) / var(--tw-bg-opacity, 1)); } .focus\:bg-muted:focus { --tw-bg-opacity: 1; background-color: hsl(var(--foreground-muted) / var(--tw-bg-opacity, 1)); } .focus\:px-4:focus { padding-left: 16px; padding-right: 16px; } .focus\:py-2:focus { padding-top: 8px; padding-bottom: 8px; } .focus\:text-sm:focus { font-size: 0.875rem; } .focus\:text-brand:focus { --tw-text-opacity: 1; color: hsl(var(--brand) / var(--tw-text-opacity, 1)); } .focus\:text-brand-foreground:focus { --tw-text-opacity: 1; color: hsl(var(--brand-foreground) / var(--tw-text-opacity, 1)); } .focus\:text-destructive:focus { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); } .focus\:shadow-md:focus { --tw-shadow: var(--shadow-md); --tw-shadow-colored: var(--shadow-md); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:ring-0:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-2:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:ring-brand:focus { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--brand) / var(--tw-ring-opacity, 1)); } .focus\:ring-brand\/20:focus { --tw-ring-color: hsl(var(--brand) / 0.2); } .focus\:ring-brand\/30:focus { --tw-ring-color: hsl(var(--brand) / 0.3); } .focus\:ring-danger:focus { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--danger) / var(--tw-ring-opacity, 1)); } .focus\:ring-primary:focus { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--primary) / var(--tw-ring-opacity, 1)); } .focus\:ring-primary\/30:focus { --tw-ring-color: hsl(var(--primary) / 0.3); } .focus\:ring-ring:focus { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1)); } .focus\:ring-ring\/50:focus { --tw-ring-color: hsl(var(--ring) / 0.5); } .focus\:ring-offset-1:focus { --tw-ring-offset-width: 1px; } .focus\:ring-offset-2:focus { --tw-ring-offset-width: 2px; } .focus-visible\:bg-muted\/50:focus-visible { background-color: hsl(var(--foreground-muted) / 0.5); } .focus-visible\:opacity-100:focus-visible { opacity: 1; } .focus-visible\:outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:ring-0:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-1:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:ring-brand:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--brand) / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-brand\/40:focus-visible { --tw-ring-color: hsl(var(--brand) / 0.4); } .focus-visible\:ring-danger:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--danger) / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-destructive:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--danger) / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-ring:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--ring) / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-sidebar-ring:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--sidebar-ring) / var(--tw-ring-opacity, 1)); } .focus-visible\:ring-offset-1:focus-visible { --tw-ring-offset-width: 1px; } .focus-visible\:ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:ring-offset-background:focus-visible { --tw-ring-offset-color: hsl(var(--background) / 1); } .active\:cursor-grabbing:active { cursor: grabbing; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:invisible:disabled { visibility: hidden; } .disabled\:cursor-default:disabled { cursor: default; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:text-muted:disabled { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .disabled\:opacity-50:disabled { opacity: 0.5; } .disabled\:opacity-60:disabled { opacity: 0.6; } .disabled\:hover\:scale-100:hover:disabled { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:block { display: block; } .group:hover .group-hover\:scale-105 { --tw-scale-x: 1.05; --tw-scale-y: 1.05; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:scale-110 { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group:hover .group-hover\:bg-black\/40 { background-color: rgb(0 0 0 / 0.4); } .group:hover .group-hover\:bg-foreground { --tw-bg-opacity: 1; background-color: hsl(var(--foreground) / var(--tw-bg-opacity, 1)); } .group:hover .group-hover\:bg-primary\/10 { background-color: hsl(var(--primary) / 0.1); } .group:hover .group-hover\:text-brand { --tw-text-opacity: 1; color: hsl(var(--brand) / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-foreground { --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-muted { --tw-text-opacity: 1; color: hsl(var(--foreground-muted) / var(--tw-text-opacity, 1)); } .group:hover .group-hover\:text-primary { --tw-text-opacity: 1; color: hsl(var(--primary) / var(--tw-text-opacity, 1)); } .group\/scrollarea:hover .group-hover\/scrollarea\:opacity-100 { opacity: 1; } .group:hover .group-hover\:opacity-100 { opacity: 1; } .group:hover .group-hover\:ring-sidebar-ring { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--sidebar-ring) / var(--tw-ring-opacity, 1)); } .group:focus-visible .group-focus-visible\:opacity-100 { opacity: 1; } .group:focus-visible .group-focus-visible\:ring-sidebar-ring { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--sidebar-ring) / var(--tw-ring-opacity, 1)); } .group\/scrollarea:active .group-active\/scrollarea\:bg-foreground\/60 { background-color: hsl(var(--foreground) / 0.6); } .peer:disabled ~ .peer-disabled\:cursor-not-allowed { cursor: not-allowed; } .peer:disabled ~ .peer-disabled\:opacity-70 { opacity: 0.7; } .has-\[textarea\:focus-visible\]\:border-ring:has(textarea:focus-visible) { --tw-border-opacity: 1; border-color: hsl(var(--ring) / var(--tw-border-opacity, 1)); } .has-\[input\:focus-visible\]\:ring-2:has(input:focus-visible) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .has-\[textarea\:focus-visible\]\:ring-\[3px\]:has(textarea:focus-visible) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .has-\[input\:focus-visible\]\:ring-brand:has(input:focus-visible) { --tw-ring-opacity: 1; --tw-ring-color: hsl(var(--brand) / var(--tw-ring-opacity, 1)); } .has-\[textarea\:focus-visible\]\:ring-ring\/50:has(textarea:focus-visible) { --tw-ring-color: hsl(var(--ring) / 0.5); } .has-\[input\:focus-visible\]\:ring-offset-2:has(input:focus-visible) { --tw-ring-offset-width: 2px; } .has-\[input\:focus-visible\]\:ring-offset-background:has(input:focus-visible) { --tw-ring-offset-color: hsl(var(--background) / 1); } .aria-selected\:bg-accent[aria-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1)); } .aria-selected\:bg-background-subtle[aria-selected="true"] { --tw-bg-opacity: 1; background-color: hsl(var(--background-subtle) / var(--tw-bg-opacity, 1)); } .aria-selected\:text-accent-foreground[aria-selected="true"] { --tw-text-opacity: 1; color: hsl(var(--accent-foreground) / var(--tw-text-opacity, 1)); } .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] { pointer-events: none; } .data-\[disabled\]\:pointer-events-none[data-disabled] { pointer-events: none; } .data-\[state\=closed\]\:pointer-events-none[data-state="closed"] { pointer-events: none; } .data-\[state\=closed\]\:hidden[data-state="closed"] { display: none; } .data-\[state\=checked\]\:translate-x-5[data-state="checked"] { --tw-translate-x: 20px; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .data-\[orientation\=horizontal\]\:self-end[data-orientation="horizontal"] { align-self: flex-end; } .data-\[orientation\=vertical\]\:self-end[data-orientation="vertical"] { align-self: flex-end; } .data-\[state\=active\]\:border-primary[data-state="active"] { --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); } .data-\[state\=checked\]\:bg-brand[data-state="checked"] { --tw-bg-opacity: 1; background-color: hsl(var(--brand) / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-brand-surface[data-state="checked"] { --tw-bg-opacity: 1; background-color: hsl(var(--brand-surface) / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-danger[data-state="checked"] { --tw-bg-opacity: 1; background-color: hsl(var(--danger) / var(--tw-bg-opacity, 1)); } .data-\[state\=checked\]\:bg-primary[data-state="checked"] { --tw-bg-opacity: 1; background-color: hsl(var(--primary) / var(--tw-bg-opacity, 1)); } .data-\[state\=open\]\:bg-brand-surface[data-state="open"] { --tw-bg-opacity: 1; background-color: hsl(var(--brand-surface) / var(--tw-bg-opacity, 1)); } .data-\[state\=selected\]\:bg-brand-surface\/70[data-state="selected"] { background-color: hsl(var(--brand-surface) / 0.7); } .data-\[state\=active\]\:font-semibold[data-state="active"] { font-weight: 600; } .data-\[state\=active\]\:text-foreground[data-state="active"] { --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .data-\[state\=checked\]\:text-brand[data-state="checked"] { --tw-text-opacity: 1; color: hsl(var(--brand) / var(--tw-text-opacity, 1)); } .data-\[state\=open\]\:text-brand[data-state="open"] { --tw-text-opacity: 1; color: hsl(var(--brand) / var(--tw-text-opacity, 1)); } .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] { opacity: 0.5; } .data-\[disabled\]\:opacity-50[data-disabled] { opacity: 0.5; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { transition-duration: 300ms; } .data-\[state\=open\]\:duration-300[data-state="open"] { transition-duration: 300ms; } .data-\[state\=open\]\:animate-in[data-state="open"] { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .data-\[state\=closed\]\:animate-out[data-state="closed"] { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .data-\[state\=closed\]\:fade-out-0[data-state="closed"] { --tw-exit-opacity: 0; } .data-\[state\=open\]\:fade-in-0[data-state="open"] { --tw-enter-opacity: 0; } .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] { --tw-exit-scale: .95; } .data-\[state\=open\]\:zoom-in-95[data-state="open"] { --tw-enter-scale: .95; } .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] { --tw-enter-translate-y: -8px; } .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] { --tw-enter-translate-x: 8px; } .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] { --tw-enter-translate-x: -8px; } .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] { --tw-enter-translate-y: 8px; } .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] { --tw-exit-translate-y: 100%; } .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] { --tw-exit-translate-x: -100%; } .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state="closed"] { --tw-exit-translate-x: -50%; } .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] { --tw-exit-translate-x: 100%; } .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] { --tw-exit-translate-y: -100%; } .data-\[state\=closed\]\:slide-out-to-top-2[data-state="closed"] { --tw-exit-translate-y: -8px; } .data-\[state\=closed\]\:slide-out-to-top-\[48\%\][data-state="closed"] { --tw-exit-translate-y: -48%; } .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] { --tw-enter-translate-y: 100%; } .data-\[state\=open\]\:slide-in-from-left[data-state="open"] { --tw-enter-translate-x: -100%; } .data-\[state\=open\]\:slide-in-from-left-1\/2[data-state="open"] { --tw-enter-translate-x: -50%; } .data-\[state\=open\]\:slide-in-from-right[data-state="open"] { --tw-enter-translate-x: 100%; } .data-\[state\=open\]\:slide-in-from-top[data-state="open"] { --tw-enter-translate-y: -100%; } .data-\[state\=open\]\:slide-in-from-top-2[data-state="open"] { --tw-enter-translate-y: -8px; } .data-\[state\=open\]\:slide-in-from-top-\[48\%\][data-state="open"] { --tw-enter-translate-y: -48%; } .data-\[state\=closed\]\:duration-300[data-state="closed"] { animation-duration: 300ms; } .data-\[state\=open\]\:duration-300[data-state="open"] { animation-duration: 300ms; } .data-\[state\=closed\]\:fill-mode-forwards[data-state="closed"] { animation-fill-mode: forwards; } .group\/trigger[data-state="closed"] .group-data-\[state\=closed\]\/trigger\:-rotate-90 { --tw-rotate: -90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group\/trigger[data-state="open"] .group-data-\[state\=open\]\/trigger\:rotate-0 { --tw-rotate: 0deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .group[data-active="true"] .group-data-\[active\=true\]\:bg-foreground\/5 { background-color: hsl(var(--foreground) / 0.05); } .group[data-active="true"] .group-data-\[active\=true\]\:text-foreground { --tw-text-opacity: 1; color: hsl(var(--foreground) / var(--tw-text-opacity, 1)); } .group\/collapsible-content[data-state="open"] .group-data-\[state\=open\]\/collapsible-content\:animate-in { animation-name: enter; animation-duration: 150ms; --tw-enter-opacity: initial; --tw-enter-scale: initial; --tw-enter-rotate: initial; --tw-enter-translate-x: initial; --tw-enter-translate-y: initial; } .group\/collapsible-content[data-state="closed"] .group-data-\[state\=closed\]\/collapsible-content\:animate-out { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .group\/collapsible-content[data-state="open"] .group-data-\[state\=open\]\/collapsible-content\:animate-out { animation-name: exit; animation-duration: 150ms; --tw-exit-opacity: initial; --tw-exit-scale: initial; --tw-exit-rotate: initial; --tw-exit-translate-x: initial; --tw-exit-translate-y: initial; } .group\/collapsible-content[data-state="closed"] .group-data-\[state\=closed\]\/collapsible-content\:fade-out-0 { --tw-exit-opacity: 0; } .group\/collapsible-content[data-state="open"] .group-data-\[state\=open\]\/collapsible-content\:fade-in-0 { --tw-enter-opacity: 0; } .group\/collapsible-content[data-state="open"] .group-data-\[state\=open\]\/collapsible-content\:fade-out-0 { --tw-exit-opacity: 0; } .group\/collapsible-content[data-state="closed"] .group-data-\[state\=closed\]\/collapsible-content\:slide-out-to-top-4 { --tw-exit-translate-y: -16px; } .group\/collapsible-content[data-state="open"] .group-data-\[state\=open\]\/collapsible-content\:slide-in-from-top-4 { --tw-enter-translate-y: -16px; } .group\/collapsible-content[data-state="open"] .group-data-\[state\=open\]\/collapsible-content\:fill-mode-forwards { animation-fill-mode: forwards; } @supports (backdrop-filter: var(--tw)) { .supports-\[backdrop-filter\]\:bg-background\/75 { background-color: hsl(var(--background) / 0.75); } .supports-\[backdrop-filter\]\:bg-background\/80 { background-color: hsl(var(--background) / 0.8); } .supports-\[backdrop-filter\]\:bg-background\/85 { background-color: hsl(var(--background) / 0.85); } .supports-\[backdrop-filter\]\:backdrop-blur { --tw-backdrop-blur: blur(8px); backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia); } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:animate-none { animation: none; } } .dark\:border-amber-500:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(245 158 11 / var(--tw-border-opacity, 1)); } .dark\:border-amber-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(217 119 6 / var(--tw-border-opacity, 1)); } .dark\:border-amber-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(180 83 9 / var(--tw-border-opacity, 1)); } .dark\:border-amber-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(146 64 14 / var(--tw-border-opacity, 1)); } .dark\:border-amber-900:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(120 53 15 / var(--tw-border-opacity, 1)); } .dark\:border-amber-900\/50:is(.dark *) { border-color: rgb(120 53 15 / 0.5); } .dark\:border-blue-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(37 99 235 / var(--tw-border-opacity, 1)); } .dark\:border-blue-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(29 78 216 / var(--tw-border-opacity, 1)); } .dark\:border-blue-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(30 64 175 / var(--tw-border-opacity, 1)); } .dark\:border-blue-800\/50:is(.dark *) { border-color: rgb(30 64 175 / 0.5); } .dark\:border-border-subtle:is(.dark *) { --tw-border-opacity: 1; border-color: hsl(var(--border-subtle) / var(--tw-border-opacity, 1)); } .dark\:border-green-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(22 101 52 / var(--tw-border-opacity, 1)); } .dark\:border-indigo-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(55 48 163 / var(--tw-border-opacity, 1)); } .dark\:border-muted-foreground\/15:is(.dark *) { border-color: hsl(var(--muted-foreground) / 0.15); } .dark\:border-muted-foreground\/90:is(.dark *) { border-color: hsl(var(--muted-foreground) / 0.9); } .dark\:border-orange-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(154 52 18 / var(--tw-border-opacity, 1)); } .dark\:border-purple-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(147 51 234 / var(--tw-border-opacity, 1)); } .dark\:border-purple-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(107 33 168 / var(--tw-border-opacity, 1)); } .dark\:border-red-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(153 27 27 / var(--tw-border-opacity, 1)); } .dark\:border-rose-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(159 18 57 / var(--tw-border-opacity, 1)); } .dark\:border-slate-600:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(71 85 105 / var(--tw-border-opacity, 1)); } .dark\:border-slate-700:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(51 65 85 / var(--tw-border-opacity, 1)); } .dark\:border-violet-800:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(91 33 182 / var(--tw-border-opacity, 1)); } .dark\:border-violet-800\/50:is(.dark *) { border-color: rgb(91 33 182 / 0.5); } .dark\:bg-\[\#11192c\]:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(17 25 44 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-900\/20:is(.dark *) { background-color: rgb(120 53 15 / 0.2); } .dark\:bg-amber-900\/30:is(.dark *) { background-color: rgb(120 53 15 / 0.3); } .dark\:bg-amber-900\/40:is(.dark *) { background-color: rgb(120 53 15 / 0.4); } .dark\:bg-amber-900\/50:is(.dark *) { background-color: rgb(120 53 15 / 0.5); } .dark\:bg-amber-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(69 26 3 / var(--tw-bg-opacity, 1)); } .dark\:bg-amber-950\/30:is(.dark *) { background-color: rgb(69 26 3 / 0.3); } .dark\:bg-amber-950\/40:is(.dark *) { background-color: rgb(69 26 3 / 0.4); } .dark\:bg-amber-950\/50:is(.dark *) { background-color: rgb(69 26 3 / 0.5); } .dark\:bg-background:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--background) / var(--tw-bg-opacity, 1)); } .dark\:bg-black\/20:is(.dark *) { background-color: rgb(0 0 0 / 0.2); } .dark\:bg-blue-900\/30:is(.dark *) { background-color: rgb(30 58 138 / 0.3); } .dark\:bg-blue-900\/50:is(.dark *) { background-color: rgb(30 58 138 / 0.5); } .dark\:bg-blue-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(23 37 84 / var(--tw-bg-opacity, 1)); } .dark\:bg-blue-950\/10:is(.dark *) { background-color: rgb(23 37 84 / 0.1); } .dark\:bg-blue-950\/20:is(.dark *) { background-color: rgb(23 37 84 / 0.2); } .dark\:bg-blue-950\/30:is(.dark *) { background-color: rgb(23 37 84 / 0.3); } .dark\:bg-blue-950\/40:is(.dark *) { background-color: rgb(23 37 84 / 0.4); } .dark\:bg-blue-950\/50:is(.dark *) { background-color: rgb(23 37 84 / 0.5); } .dark\:bg-destructive\/5:is(.dark *) { background-color: hsl(var(--danger) / 0.05); } .dark\:bg-emerald-900\/40:is(.dark *) { background-color: rgb(6 78 59 / 0.4); } .dark\:bg-gray-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:bg-gray-900\/40:is(.dark *) { background-color: rgb(17 24 39 / 0.4); } .dark\:bg-green-900\/30:is(.dark *) { background-color: rgb(20 83 45 / 0.3); } .dark\:bg-green-950\/20:is(.dark *) { background-color: rgb(5 46 22 / 0.2); } .dark\:bg-green-950\/30:is(.dark *) { background-color: rgb(5 46 22 / 0.3); } .dark\:bg-green-950\/40:is(.dark *) { background-color: rgb(5 46 22 / 0.4); } .dark\:bg-green-950\/50:is(.dark *) { background-color: rgb(5 46 22 / 0.5); } .dark\:bg-indigo-950\/30:is(.dark *) { background-color: rgb(30 27 75 / 0.3); } .dark\:bg-muted-foreground\/20:is(.dark *) { background-color: hsl(var(--muted-foreground) / 0.2); } .dark\:bg-orange-900\/30:is(.dark *) { background-color: rgb(124 45 18 / 0.3); } .dark\:bg-orange-950\/30:is(.dark *) { background-color: rgb(67 20 7 / 0.3); } .dark\:bg-orange-950\/50:is(.dark *) { background-color: rgb(67 20 7 / 0.5); } .dark\:bg-purple-900\/30:is(.dark *) { background-color: rgb(88 28 135 / 0.3); } .dark\:bg-purple-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(59 7 100 / var(--tw-bg-opacity, 1)); } .dark\:bg-purple-950\/30:is(.dark *) { background-color: rgb(59 7 100 / 0.3); } .dark\:bg-purple-950\/40:is(.dark *) { background-color: rgb(59 7 100 / 0.4); } .dark\:bg-red-600\/80:is(.dark *) { background-color: rgb(220 38 38 / 0.8); } .dark\:bg-red-900\/30:is(.dark *) { background-color: rgb(127 29 29 / 0.3); } .dark\:bg-red-900\/50:is(.dark *) { background-color: rgb(127 29 29 / 0.5); } .dark\:bg-red-950\/30:is(.dark *) { background-color: rgb(69 10 10 / 0.3); } .dark\:bg-red-950\/40:is(.dark *) { background-color: rgb(69 10 10 / 0.4); } .dark\:bg-red-950\/50:is(.dark *) { background-color: rgb(69 10 10 / 0.5); } .dark\:bg-rose-950\/50:is(.dark *) { background-color: rgb(76 5 25 / 0.5); } .dark\:bg-sky-900\/30:is(.dark *) { background-color: rgb(12 74 110 / 0.3); } .dark\:bg-slate-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-800:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(30 41 59 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-900:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(15 23 42 / var(--tw-bg-opacity, 1)); } .dark\:bg-slate-900\/50:is(.dark *) { background-color: rgb(15 23 42 / 0.5); } .dark\:bg-violet-700:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(109 40 217 / var(--tw-bg-opacity, 1)); } .dark\:bg-violet-950\/20:is(.dark *) { background-color: rgb(46 16 101 / 0.2); } .dark\:bg-violet-950\/30:is(.dark *) { background-color: rgb(46 16 101 / 0.3); } .dark\:bg-white\/10:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:bg-white\/5:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:bg-yellow-900\/30:is(.dark *) { background-color: rgb(113 63 18 / 0.3); } .dark\:bg-zinc-950:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(9 9 11 / var(--tw-bg-opacity, 1)); } .dark\:from-blue-950\/20:is(.dark *) { --tw-gradient-from: rgb(23 37 84 / 0.2) var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:from-blue-950\/30:is(.dark *) { --tw-gradient-from: rgb(23 37 84 / 0.3) var(--tw-gradient-from-position); --tw-gradient-to: rgb(23 37 84 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .dark\:to-cyan-950\/30:is(.dark *) { --tw-gradient-to: rgb(8 51 68 / 0.3) var(--tw-gradient-to-position); } .dark\:to-green-950\/20:is(.dark *) { --tw-gradient-to: rgb(5 46 22 / 0.2) var(--tw-gradient-to-position); } .dark\:fill-black:is(.dark *) { fill: #000; } .dark\:stroke-\[2\.5px\]:is(.dark *) { stroke-width: 2.5px; } .dark\:text-amber-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 243 199 / var(--tw-text-opacity, 1)); } .dark\:text-amber-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(253 230 138 / var(--tw-text-opacity, 1)); } .dark\:text-amber-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:text-amber-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 191 36 / var(--tw-text-opacity, 1)); } .dark\:text-blue-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(147 197 253 / var(--tw-text-opacity, 1)); } .dark\:text-blue-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(96 165 250 / var(--tw-text-opacity, 1)); } .dark\:text-emerald-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(52 211 153 / var(--tw-text-opacity, 1)); } .dark\:text-gray-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity, 1)); } .dark\:text-green-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(134 239 172 / var(--tw-text-opacity, 1)); } .dark\:text-green-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(74 222 128 / var(--tw-text-opacity, 1)); } .dark\:text-green-500:is(.dark *) { --tw-text-opacity: 1; color: rgb(34 197 94 / var(--tw-text-opacity, 1)); } .dark\:text-indigo-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(165 180 252 / var(--tw-text-opacity, 1)); } .dark\:text-orange-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 146 60 / var(--tw-text-opacity, 1)); } .dark\:text-purple-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(216 180 254 / var(--tw-text-opacity, 1)); } .dark\:text-purple-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(192 132 252 / var(--tw-text-opacity, 1)); } .dark\:text-red-200:is(.dark *) { --tw-text-opacity: 1; color: rgb(254 202 202 / var(--tw-text-opacity, 1)); } .dark\:text-red-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 165 165 / var(--tw-text-opacity, 1)); } .dark\:text-red-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(248 113 113 / var(--tw-text-opacity, 1)); } .dark\:text-rose-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(251 113 133 / var(--tw-text-opacity, 1)); } .dark\:text-sky-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(56 189 248 / var(--tw-text-opacity, 1)); } .dark\:text-slate-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(203 213 225 / var(--tw-text-opacity, 1)); } .dark\:text-slate-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(148 163 184 / var(--tw-text-opacity, 1)); } .dark\:text-violet-100:is(.dark *) { --tw-text-opacity: 1; color: rgb(237 233 254 / var(--tw-text-opacity, 1)); } .dark\:text-violet-300:is(.dark *) { --tw-text-opacity: 1; color: rgb(196 181 253 / var(--tw-text-opacity, 1)); } .dark\:text-violet-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(167 139 250 / var(--tw-text-opacity, 1)); } .dark\:text-white:is(.dark *) { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity, 1)); } .dark\:text-yellow-400:is(.dark *) { --tw-text-opacity: 1; color: rgb(250 204 21 / var(--tw-text-opacity, 1)); } .dark\:shadow-amber-900:is(.dark *) { --tw-shadow-color: #78350f; --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-blue-900:is(.dark *) { --tw-shadow-color: #1e3a8a; --tw-shadow: var(--tw-shadow-colored); } .dark\:shadow-purple-900:is(.dark *) { --tw-shadow-color: #581c87; --tw-shadow: var(--tw-shadow-colored); } .dark\:hover\:border-violet-700:hover:is(.dark *) { --tw-border-opacity: 1; border-color: rgb(109 40 217 / var(--tw-border-opacity, 1)); } .dark\:hover\:bg-accent:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: hsl(var(--accent) / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-blue-900\/50:hover:is(.dark *) { background-color: rgb(30 58 138 / 0.5); } .dark\:hover\:bg-gray-800:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-green-900\/20:hover:is(.dark *) { background-color: rgb(20 83 45 / 0.2); } .dark\:hover\:bg-muted-foreground\/30:hover:is(.dark *) { background-color: hsl(var(--muted-foreground) / 0.3); } .dark\:hover\:bg-red-900\/20:hover:is(.dark *) { background-color: rgb(127 29 29 / 0.2); } .dark\:hover\:bg-slate-700:hover:is(.dark *) { --tw-bg-opacity: 1; background-color: rgb(51 65 85 / var(--tw-bg-opacity, 1)); } .dark\:hover\:bg-violet-900\/40:hover:is(.dark *) { background-color: rgb(76 29 149 / 0.4); } .dark\:hover\:bg-white\/10:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.1); } .dark\:hover\:bg-white\/5:hover:is(.dark *) { background-color: rgb(255 255 255 / 0.05); } .dark\:hover\:text-amber-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(252 211 77 / var(--tw-text-opacity, 1)); } .dark\:hover\:text-emerald-300:hover:is(.dark *) { --tw-text-opacity: 1; color: rgb(110 231 183 / var(--tw-text-opacity, 1)); } @media (min-width: 640px) { .sm\:not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal; } .sm\:inset-4 { inset: 16px; } .sm\:inset-auto { inset: auto; } .sm\:bottom-6 { bottom: 24px; } .sm\:right-6 { right: 24px; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:ml-auto { margin-left: auto; } .sm\:mt-0 { margin-top: 0px; } .sm\:block { display: block; } .sm\:inline { display: inline; } .sm\:inline-flex { display: inline-flex; } .sm\:grid { display: grid; } .sm\:h-screen { height: 100vh; } .sm\:max-h-\[450px\] { max-height: 450px; } .sm\:min-h-\[250px\] { min-height: 250px; } .sm\:w-64 { width: 16rem; } .sm\:w-\[420px\] { width: 420px; } .sm\:w-auto { width: auto; } .sm\:min-w-\[10rem\] { min-width: 10rem; } .sm\:max-w-3xl { max-width: 48rem; } .sm\:max-w-\[425px\] { max-width: 425px; } .sm\:max-w-\[450px\] { max-width: 450px; } .sm\:max-w-\[500px\] { max-width: 500px; } .sm\:max-w-\[600px\] { max-width: 600px; } .sm\:max-w-\[calc\(100vw-3rem\)\] { max-width: calc(100vw - 3rem); } .sm\:max-w-lg { max-width: 32rem; } .sm\:max-w-md { max-width: 28rem; } .sm\:max-w-sm { max-width: 24rem; } .sm\:max-w-xl { max-width: 36rem; } .sm\:flex-initial { flex: 0 1 auto; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:flex-row { flex-direction: row; } .sm\:flex-col { flex-direction: column; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:items-center { align-items: center; } .sm\:justify-end { justify-content: flex-end; } .sm\:justify-center { justify-content: center; } .sm\:justify-between { justify-content: space-between; } .sm\:gap-0 { gap: 0px; } .sm\:gap-4 { gap: 16px; } .sm\:space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(8px * var(--tw-space-x-reverse)); margin-left: calc(8px * calc(1 - var(--tw-space-x-reverse))); } .sm\:self-center { align-self: center; } .sm\:rounded-2xl { border-radius: 1rem; } .sm\:rounded-lg { border-radius: var(--radius-lg); } .sm\:rounded-none { border-radius: var(--radius-none); } .sm\:rounded-l-3xl { border-top-left-radius: 1.5rem; border-bottom-left-radius: 1.5rem; } .sm\:border { border-width: 1px; } .sm\:border-border { --tw-border-opacity: 1; border-color: hsl(var(--border) / var(--tw-border-opacity, 1)); } .sm\:px-0 { padding-left: 0px; padding-right: 0px; } .sm\:px-6 { padding-left: 24px; padding-right: 24px; } .sm\:text-left { text-align: left; } .sm\:text-center { text-align: center; } .sm\:text-sm { font-size: 0.875rem; } } @media (min-width: 768px) { .md\:inline-flex { display: inline-flex; } .md\:max-w-\[700px\] { max-width: 700px; } .md\:flex-1 { flex: 1 1 0%; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-\[minmax\(0\2c 1fr\)_240px\] { grid-template-columns: minmax(0,1fr) 240px; } .md\:flex-row { flex-direction: row; } .md\:items-center { align-items: center; } .md\:justify-between { justify-content: space-between; } .md\:px-6 { padding-left: 24px; padding-right: 24px; } } @media (min-width: 1024px) { .lg\:sticky { position: sticky; } .lg\:top-0 { top: 0px; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:ml-4 { margin-left: 16px; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:inline-flex { display: inline-flex; } .lg\:hidden { display: none; } .lg\:flex-none { flex: none; } .lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .lg\:grid-cols-\[260px_1fr\] { grid-template-columns: 260px 1fr; } .lg\:flex-row { flex-direction: row; } .lg\:items-start { align-items: flex-start; } .lg\:items-center { align-items: center; } .lg\:justify-between { justify-content: space-between; } .lg\:rounded-2xl { border-radius: 1rem; } .lg\:pl-8 { padding-left: 32px; } } @media (min-width: 1280px) { .xl\:flex { display: flex; } .xl\:inline-flex { display: inline-flex; } .xl\:hidden { display: none; } .xl\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .xl\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .xl\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .xl\:flex-row { flex-direction: row; } .xl\:items-start { align-items: flex-start; } .xl\:items-center { align-items: center; } .xl\:justify-between { justify-content: space-between; } } .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:rounded-full::-webkit-scrollbar-thumb:hover { border-radius: var(--radius-full); } .hover\:\[\&\:\:-webkit-scrollbar-thumb\]\:bg-muted-foreground\/20::-webkit-scrollbar-thumb:hover { background-color: hsl(var(--muted-foreground) / 0.2); } .\[\&\:\:-webkit-scrollbar\]\:h-0::-webkit-scrollbar { height: 0px; } .\[\&\:\:-webkit-scrollbar\]\:transition-all::-webkit-scrollbar { -webkit-transition-property: all; transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .hover\:\[\&\:\:-webkit-scrollbar\]\:h-1\.5::-webkit-scrollbar:hover { height: 6px; } .\[\&\:has\(\:checked\)\]\:border-primary:has(:checked) { --tw-border-opacity: 1; border-color: hsl(var(--primary) / var(--tw-border-opacity, 1)); } .\[\&\:has\(\:checked\)\]\:bg-primary\/5:has(:checked) { background-color: hsl(var(--primary) / 0.05); } .\[\&\:last-child\>td\:first-child\]\:rounded-bl-lg:last-child>td:first-child { border-bottom-left-radius: var(--radius-lg); } .\[\&\:last-child\>td\:last-child\]\:rounded-br-lg:last-child>td:last-child { border-bottom-right-radius: var(--radius-lg); } .only\:\[\&\>\#attachment-tile\]\:size-24>#attachment-tile:only-child { width: 6rem; height: 6rem; } .\[\&\>\*\:first-child\]\:rounded-b-none>*:first-child { border-bottom-right-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); } .\[\&\>\*\:first-child\]\:rounded-r-none>*:first-child { border-top-right-radius: var(--radius-none); border-bottom-right-radius: var(--radius-none); } .\[\&\>\*\:last-child\]\:rounded-l-none>*:last-child { border-top-left-radius: var(--radius-none); border-bottom-left-radius: var(--radius-none); } .\[\&\>\*\:last-child\]\:rounded-t-none>*:last-child { border-top-left-radius: var(--radius-none); border-top-right-radius: var(--radius-none); } .\[\&\>\*\:not\(\:first-child\)\:not\(\:last-child\)\]\:rounded-none>*:not(:first-child):not(:last-child) { border-radius: var(--radius-none); } .\[\&\>\*\:not\(\:first-child\)\]\:-ml-px>*:not(:first-child) { margin-left: -1px; } .\[\&\>\*\:not\(\:first-child\)\]\:-mt-px>*:not(:first-child) { margin-top: -1px; } .\[\&\>a\]\:text-xs>a { font-size: 0.75rem; } .\[\&\>a\]\:no-underline>a { text-decoration-line: none; } .\[\&\>button\]\:rounded-full>button { border-radius: var(--radius-full); } .\[\&\>button\]\:bg-foreground\/60>button { background-color: hsl(var(--foreground) / 0.6); } .\[\&\>button\]\:p-1>button { padding: 4px; } .\[\&\>button\]\:opacity-100>button { opacity: 1; } .\[\&\>button\]\:\!ring-0>button { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .\[\&\>div\>div\]\:\!block>div>div { display: block !important; } .\[\&\>div\>div\]\:\!min-w-0>div>div { min-width: 0px !important; } .\[\&\>div\]\:bg-green-500>div { --tw-bg-opacity: 1; background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-orange-500>div { --tw-bg-opacity: 1; background-color: rgb(249 115 22 / var(--tw-bg-opacity, 1)); } .\[\&\>div\]\:bg-yellow-500>div { --tw-bg-opacity: 1; background-color: rgb(234 179 8 / var(--tw-bg-opacity, 1)); } .\[\&\>li\]\:mt-2>li { margin-top: 8px; } .\[\&\>span\]\:text-xs>span { font-size: 0.75rem; } .\[\&\[align\=center\]\]\:text-center[align=center] { text-align: center; } .\[\&\[align\=right\]\]\:text-right[align=right] { text-align: right; } .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] { padding-left: 8px; padding-right: 8px; } .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] { padding-top: 6px; padding-bottom: 6px; } .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] { font-size: 0.75rem; } .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] { font-weight: 500; } .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] { --tw-text-opacity: 1; color: hsl(var(--muted-foreground) / var(--tw-text-opacity, 1)); } .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~[cmdk-group] { padding-top: 0px; } .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] { padding-left: 8px; padding-right: 8px; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg { height: 20px; } .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg { width: 20px; } .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] { height: 48px; } .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] { padding-left: 8px; padding-right: 8px; } .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] { padding-top: 12px; padding-bottom: 12px; } .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg { height: 20px; } .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg { width: 20px; } .\[\&_p\]\:-mb-2 p { margin-bottom: -8px; } .\[\&_svg\]\:text-background svg { --tw-text-opacity: 1; color: hsl(var(--background) / var(--tw-text-opacity, 1)); } .\[\&_svg\]\:text-black svg { --tw-text-opacity: 1; color: rgb(0 0 0 / var(--tw-text-opacity, 1)); } .hover\:\[\&_svg\]\:text-destructive svg:hover { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); } .\[\&\>button\]\:hover\:\[\&_svg\]\:text-destructive svg:hover>button { --tw-text-opacity: 1; color: hsl(var(--danger) / var(--tw-text-opacity, 1)); }/* Auto-generated file */ .gdg-mnuv029{word-break:break-word;-webkit-touch-callout:default;padding-top:6px;} .gdg-mnuv029 > *{margin:0;} .gdg-mnuv029 *:last-child{margin-bottom:0;} .gdg-mnuv029 p img{width:100%;} .gdg-d19meir1{position:absolute;display:flex;flex-direction:column;overflow:hidden;box-sizing:border-box;--overlay-top:var(--d19meir1-0);left:var(--d19meir1-1);top:var(--d19meir1-0);min-width:var(--d19meir1-2);min-height:var(--d19meir1-3);width:-moz-max-content;width:max-content;max-width:400px;max-height:calc(100vh - var(--d19meir1-4));font-family:var(--gdg-font-family);font-size:var(--gdg-editor-font-size);text-align:start;} @keyframes glide_fade_in-gdg-d19meir1{from{opacity:0%;}to{opacity:100%;}} .gdg-d19meir1.gdg-style{border-radius:2px;background-color:var(--gdg-bg-cell);box-shadow: 0 0 0 1px var(--gdg-accent-color), 0px 0px 1px rgba(62,65,86,0.4), 0px 6px 12px rgba(62,65,86,0.15);animation:glide_fade_in-gdg-d19meir1 60ms 1;} .gdg-d19meir1.gdg-pad{padding:var(--d19meir1-5) 8.5px 3px;} .gdg-d19meir1 .gdg-clip-region{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;border-radius:2px;flex-grow:1;} .gdg-d19meir1 .gdg-clip-region .gdg-growing-entry{height:100%;} .gdg-d19meir1 .gdg-clip-region input.gdg-input{width:100%;border:none;border-width:0;outline:none;} .gdg-d19meir1 .gdg-clip-region textarea.gdg-input{border:none;border-width:0;outline:none;} .gdg-b1ygi5by{display:flex;flex-wrap:wrap;margin-top:auto;margin-bottom:auto;} .gdg-b1ygi5by .boe-bubble{display:flex;justify-content:center;align-items:center;border-radius:var(--gdg-rounding-radius,10px);padding:0 8px;height:20px;background-color:var(--gdg-bg-bubble);color:var(--gdg-text-dark);margin:2px;} .gdg-b1ygi5by textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;} .gdg-n15fjm3e{display:flex;margin:6px 0 3px;color:var(--gdg-text-dark);} .gdg-n15fjm3e > input{font-size:var(--gdg-editor-font-size);padding:0;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);background-color:var(--gdg-bg-cell);} .gdg-d4zsq0x{display:flex;flex-wrap:wrap;} .gdg-d4zsq0x .doe-bubble{display:flex;justify-content:center;align-items:center;padding:0 8px;height:24px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);margin:2px;border-radius:var(--gdg-rounding-radius,6px);box-shadow: 0 0 1px rgba(62,65,86,0.4), 0 1px 3px rgba(62,65,86,0.4);} .gdg-d4zsq0x .doe-bubble img{height:16px;-o-object-fit:contain;object-fit:contain;margin-right:4px;} .gdg-d4zsq0x textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;} .gdg-i2iowwq{display:flex;height:100%;} .gdg-i2iowwq .gdg-centering-container{display:flex;justify-content:center;align-items:center;height:100%;} .gdg-i2iowwq .gdg-centering-container img,.gdg-i2iowwq .gdg-centering-container canvas{max-height:calc(100vh - var(--overlay-top) - 20px);-o-object-fit:contain;object-fit:contain;-webkit-user-select:none;-moz-user-select:none;user-select:none;} .gdg-i2iowwq .gdg-centering-container canvas{max-width:380px;} .gdg-i2iowwq .gdg-edit-icon{position:absolute;top:12px;right:0;width:48px;height:48px;color:var(--gdg-accent-color);cursor:pointer;display:flex;justify-content:center;align-items:center;} .gdg-i2iowwq .gdg-edit-icon > *{width:24px;height:24px;} .gdg-i2iowwq textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;} .gdg-u1rrojo{display:flex;flex-grow:1;align-items:center;min-height:21px;} .gdg-u1rrojo .gdg-link-area{flex-grow:1;flex-shrink:1;cursor:pointer;margin-right:8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--gdg-link-color);-webkit-text-decoration:underline !important;text-decoration:underline !important;} .gdg-u1rrojo .gdg-edit-icon{flex-shrink:0;width:32px;color:var(--gdg-accent-color);cursor:pointer;display:flex;justify-content:center;align-items:center;} .gdg-u1rrojo .gdg-edit-icon > *{width:24px;height:24px;} .gdg-u1rrojo textarea{position:absolute;top:0px;left:0px;width:0px;height:0px;opacity:0;} .gdg-m1pnx84e{min-width:var(--m1pnx84e-0);width:100%;display:flex;align-items:flex-start;justify-content:space-between;position:relative;color:var(--gdg-text-dark);} .gdg-m1pnx84e .gdg-g1y0xocz{flex-shrink:1;min-width:0;} .gdg-m1pnx84e .gdg-spacer{flex:1;} .gdg-m1pnx84e .gdg-edit-icon{position:relative;cursor:pointer;display:flex;justify-content:center;align-items:center;color:var(--gdg-accent-color);padding:0;height:24px;width:24px;flex-shrink:0;transition:all "0.125s ease";border-radius:6px;} .gdg-m1pnx84e .gdg-edit-icon > *{width:16px;height:16px;} .gdg-m1pnx84e .gdg-edit-hover:hover{background-color:var(--gdg-accent-light);transition:background-color 150ms;} .gdg-m1pnx84e .gdg-checkmark-hover:hover{color:#ffffff;background-color:var(--gdg-accent-color);} .gdg-m1pnx84e .gdg-md-edit-textarea{position:relative;top:0px;left:0px;width:0px;height:0px;margin-top:25px;opacity:0;padding:0;} .gdg-m1pnx84e .gdg-ml-6{margin-left:6px;} .gdg-s1dgczr6 .dvn-scroller{overflow:var(--s1dgczr6-0);transform:translate3d(0,0,0);} .gdg-s1dgczr6 .dvn-hidden{visibility:hidden;} .gdg-s1dgczr6 .dvn-scroll-inner{display:flex;pointer-events:none;} .gdg-s1dgczr6 .dvn-scroll-inner > *{flex-shrink:0;} .gdg-s1dgczr6 .dvn-scroll-inner .dvn-spacer{flex-grow:1;} .gdg-s1dgczr6 .dvn-scroll-inner .dvn-stack{display:flex;flex-direction:column;} .gdg-s1dgczr6 .dvn-underlay > *{position:absolute;left:0;top:0;} .gdg-s1dgczr6 canvas{outline:none;} .gdg-s1dgczr6 canvas *{height:0;} .gdg-izpuzkl{position:absolute;left:0;right:0;top:0;bottom:0;width:100%;height:100%;border-radius:0px;resize:none;white-space:pre-wrap;min-width:100%;overflow:hidden;border:0;background-color:transparent;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);-webkit-text-fill-color:var(--gdg-text-dark);color:var(--gdg-text-dark);padding:0;margin:0;} .gdg-izpuzkl::-moz-placeholder{color:var(--gdg-text-light);} .gdg-izpuzkl::placeholder{color:var(--gdg-text-light);} .gdg-invalid .gdg-izpuzkl{-webkit-text-decoration:underline;text-decoration:underline;text-decoration-color:#d60606;} .gdg-s69h75o{visibility:hidden;white-space:pre-wrap;word-wrap:break-word;width:-moz-max-content;width:max-content;max-width:100%;min-width:100%;font-size:var(--gdg-editor-font-size);line-height:16px;font-family:var(--gdg-font-family);color:var(--gdg-text-dark);padding:0;margin:0;padding-bottom:2px;} .gdg-g1y0xocz{position:relative;margin-top:6px;} .gdg-seveqep{position:absolute;top:4px;right:20px;background-color:var(--gdg-bg-cell);color:var(--gdg-text-dark);padding:8px;border:1px solid var(--gdg-border-color);border-radius:6px;font-size:var(--gdg-editor-font-size);animation:gdg-search-fadein-gdg-seveqep 0.15s forwards;} .gdg-seveqep.out{animation:gdg-search-fadeout-gdg-seveqep 0.15s forwards;} .gdg-seveqep .gdg-search-bar-inner{display:flex;} .gdg-seveqep .gdg-search-status{padding-top:4px;font-size:11px;} .gdg-seveqep .gdg-search-progress{position:absolute;height:4px;left:0;bottom:0;background-color:var(--gdg-text-light);} .gdg-seveqep input{width:220px;color:var(--gdg-textDark);background-color:var(--gdg-bg-cell);border:none;border-width:0;outline:none;} .gdg-seveqep button{width:24px;height:24px;padding:0;border:none;outline:none;background:none;display:flex;justify-content:center;align-items:center;cursor:pointer;color:var(--gdg-text-medium);} .gdg-seveqep button:hover{color:var(--gdg-text-dark);} .gdg-seveqep button .button-icon{width:16px;height:16px;} .gdg-seveqep button:disabled{opacity:0.4;pointer-events:none;} @keyframes gdg-search-fadeout-gdg-seveqep{from{transform:translateX(0);}to{transform:translateX(400px);}} @keyframes gdg-search-fadein-gdg-seveqep{from{transform:translateX(400px);}to{transform:translateX(0);}} .gdg-wmyidgi{position:relative;min-width:10px;min-height:10px;max-width:100%;max-height:100%;width:var(--wmyidgi-0);height:var(--wmyidgi-1);overflow:hidden;overflow:clip;direction:ltr;} .gdg-wmyidgi > :first-child{position:absolute;left:0;top:0;width:100%;height:100%;} .gdg-r17m35ur{flex-grow:1;border:none;outline:none;background-color:var(--gdg-bg-header-has-focus);border-radius:9px;padding:0 8px;box-shadow:0 0 0 1px var(--gdg-border-color);color:var(--gdg-text-group-header);min-height:var(--r17m35ur-0);font:var(--gdg-header-font-style) var(--gdg-font-family);} .gdg-c1tqibwd{padding:0 8px;display:flex;align-items:center;background-color:var(--gdg-bg-header);}