/* @import "tailwindcss/base"; */ .tw-iconify { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; } .tw-fixed { position: fixed; } .tw-absolute { position: absolute; } .tw-relative { position: relative; } .tw-sticky { position: sticky; } .tw-bottom-0 { bottom: 0px; } .tw-bottom-4 { bottom: 4px; } .tw-left-0 { left: 0px; } .tw-left-16 { left: 16px; } .tw-left-4 { left: 4px; } .tw-left-8 { left: 8px; } .tw-left-\[50\%\] { left: 50%; } .tw-right-0 { right: 0px; } .tw-right-16 { right: 16px; } .tw-right-8 { right: 8px; } .tw-right-\[-16px\] { right: -16px; } .tw-top-0 { top: 0px; } .tw-top-\[210px\] { top: 210px; } .tw-top-\[50\%\] { top: 50%; } .tw-top-\[calc\(100\%\+15px\)\] { top: calc(100% + 15px); } .tw-top-\[calc\(100\%\+20px\)\] { top: calc(100% + 20px); } .tw-z-\[1\] { z-index: 1; } .tw-z-\[3000\] { z-index: 3000; } .tw-m-0 { margin: 0px; } .tw-m-\[auto\] { margin: auto; } .tw-m-auto { margin: auto; } .tw-mx-auto { margin-left: auto; margin-right: auto; } .tw-my-16 { margin-top: 16px; margin-bottom: 16px; } .tw-my-20 { margin-top: 20px; margin-bottom: 20px; } .tw-mb-0 { margin-bottom: 0px; } .tw-mb-20 { margin-bottom: 20px; } .tw-mb-24 { margin-bottom: 24px; } .tw-mb-32 { margin-bottom: 32px; } .tw-mb-4 { margin-bottom: 4px; } .tw-mb-48 { margin-bottom: 48px; } .tw-mb-8 { margin-bottom: 8px; } .tw-ml-16 { margin-left: 16px; } .tw-ml-24 { margin-left: 24px; } .tw-ml-8 { margin-left: 8px; } .tw-mr-16 { margin-right: 16px; } .tw-mr-4 { margin-right: 4px; } .tw-mr-8 { margin-right: 8px; } .tw-mt-12 { margin-top: 12px; } .tw-mt-16 { margin-top: 16px; } .tw-mt-20 { margin-top: 20px; } .tw-mt-24 { margin-top: 24px; } .tw-mt-32 { margin-top: 32px; } .tw-mt-4 { margin-top: 4px; } .tw-mt-40 { margin-top: 40px; } .tw-mt-8 { margin-top: 8px; } .tw-mt-\[-11px\] { margin-top: -11px; } .tw-mt-\[-12px\] { margin-top: -12px; } .\!tw-block { display: block !important; } .tw-block { display: block; } .\!tw-inline-block { display: inline-block !important; } .tw-inline-block { display: inline-block; } .\!tw-flex { display: flex !important; } .tw-flex { display: flex; } .\!tw-hidden { display: none !important; } .tw-hidden { display: none; } .\!tw-h-16 { height: 16px !important; } .\!tw-h-20 { height: 20px !important; } .\!tw-h-24 { height: 24px !important; } .\!tw-h-32 { height: 32px !important; } .\!tw-h-64 { height: 64px !important; } .\!tw-h-\[13px\] { height: 13px !important; } .\!tw-h-\[24px\] { height: 24px !important; } .\!tw-h-auto { height: auto !important; } .tw-h-24 { height: 24px; } .tw-h-64 { height: 64px; } .tw-h-\[100px\] { height: 100px; } .tw-h-\[13px\] { height: 13px; } .tw-h-\[1px\] { height: 1px; } .tw-h-\[7px\] { height: 7px; } .tw-h-screen { height: 100vh; } .tw-min-h-\[calc\(100vh_-_79px\)\] { min-height: calc(100vh - 79px); } .\!tw-w-16 { width: 16px !important; } .\!tw-w-20 { width: 20px !important; } .\!tw-w-24 { width: 24px !important; } .\!tw-w-32 { width: 32px !important; } .\!tw-w-64 { width: 64px !important; } .\!tw-w-\[13px\] { width: 13px !important; } .\!tw-w-\[24px\] { width: 24px !important; } .tw-w-0 { width: 0px; } .tw-w-24 { width: 24px; } .tw-w-64 { width: 64px; } .tw-w-\[11\%\] { width: 11%; } .tw-w-\[12\%\] { width: 12%; } .tw-w-\[13\%\] { width: 13%; } .tw-w-\[13px\] { width: 13px; } .tw-w-\[14\%\] { width: 14%; } .tw-w-\[140px\] { width: 140px; } .tw-w-\[19\%\] { width: 19%; } .tw-w-\[220px\] { width: 220px; } .tw-w-\[250px\] { width: 250px; } .tw-w-\[4\%\] { width: 4%; } .tw-w-\[43\%\] { width: 43%; } .tw-w-\[45\%\] { width: 45%; } .tw-w-\[52px\] { width: 52px; } .tw-w-\[680px\] { width: 680px; } .tw-w-\[7\%\] { width: 7%; } .tw-w-full { width: 100%; } .tw-w-screen { width: 100vw; } .tw-min-w-\[440px\] { min-width: 440px; } .tw-max-w-\[500px\] { max-width: 500px; } .tw-max-w-\[650px\] { max-width: 650px; } .tw-flex-1 { flex: 1 1; } .tw-flex-shrink-0 { flex-shrink: 0; } .tw-table-fixed { table-layout: fixed; } .tw-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)); } .tw-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)); } .tw-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)); } @keyframes tw-spin { to { transform: rotate(360deg); } } .tw-animate-spin { animation: tw-spin 1s linear infinite; } .tw-cursor-auto { cursor: auto; } .tw-cursor-pointer { cursor: pointer; } .tw-resize-none { resize: none; } .tw-list-none { list-style-type: none; } .tw-flex-col { flex-direction: column; } .tw-items-center { align-items: center; } .tw-justify-end { justify-content: flex-end; } .tw-justify-center { justify-content: center; } .tw-justify-between { justify-content: space-between; } .tw-justify-evenly { justify-content: space-evenly; } .tw-divide-x-0 > :not([hidden]) ~ :not([hidden]) { --tw-divide-x-reverse: 0; border-right-width: calc(0px * var(--tw-divide-x-reverse)); border-left-width: calc(0px * calc(1 - var(--tw-divide-x-reverse))); } .tw-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)); } .tw-divide-solid > :not([hidden]) ~ :not([hidden]) { border-style: solid; } .tw-divide-gray-200 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(221 221 221 / var(--tw-divide-opacity)); } .tw-overflow-hidden { overflow: hidden; } .tw-overflow-y-scroll { overflow-y: scroll; } .tw-overscroll-contain { overscroll-behavior: contain; } .tw-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tw-whitespace-pre-wrap { white-space: pre-wrap; } .tw-break-words { overflow-wrap: break-word; } .tw-break-all { word-break: break-all; } .tw-rounded-16 { border-radius: 16px; } .tw-rounded-20 { border-radius: 20px; } .tw-rounded-32 { border-radius: 32px; } .tw-rounded-8 { border-radius: 8px; } .tw-rounded-\[20px\] { border-radius: 20px; } .tw-rounded-full { border-radius: 9999px; } .tw-border { border-width: 1px; } .tw-border-\[2px\] { border-width: 2px; } .tw-border-x-0 { border-left-width: 0px; border-right-width: 0px; } .tw-border-b { border-bottom-width: 1px; } .tw-border-b-0 { border-bottom-width: 0px; } .tw-border-b-\[1px\] { border-bottom-width: 1px; } .tw-border-l-0 { border-left-width: 0px; } .tw-border-r { border-right-width: 1px; } .tw-border-r-0 { border-right-width: 0px; } .tw-border-t { border-top-width: 1px; } .tw-border-t-0 { border-top-width: 0px; } .tw-border-solid { border-style: solid; } .tw-border-dashed { border-style: dashed; } .tw-border-none { border-style: none; } .tw-border-gray-200 { --tw-border-opacity: 1; border-color: rgb(221 221 221 / var(--tw-border-opacity)); } .tw-border-gray-300 { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .tw-border-red-900 { --tw-border-opacity: 1; border-color: rgb(230 35 13 / var(--tw-border-opacity)); } .tw-bg-\[rgba\(0\,0\,0\,0\.6\)\] { background-color: rgba(0,0,0,0.6); } .tw-bg-black-900 { --tw-bg-opacity: 1; background-color: rgb(24 28 32 / var(--tw-bg-opacity)); } .tw-bg-blue-100 { --tw-bg-opacity: 1; background-color: rgb(204 240 255 / var(--tw-bg-opacity)); } .tw-bg-blue-50 { --tw-bg-opacity: 1; background-color: rgb(242 248 252 / var(--tw-bg-opacity)); } .tw-bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .tw-bg-gray-200 { --tw-bg-opacity: 1; background-color: rgb(221 221 221 / var(--tw-bg-opacity)); } .tw-bg-gray-300 { --tw-bg-opacity: 1; background-color: rgb(200 200 200 / var(--tw-bg-opacity)); } .tw-bg-gray-50 { --tw-bg-opacity: 1; background-color: rgb(244 244 244 / var(--tw-bg-opacity)); } .tw-bg-green-400 { --tw-bg-opacity: 1; background-color: rgb(155 222 164 / var(--tw-bg-opacity)); } .tw-bg-orange-50 { --tw-bg-opacity: 1; background-color: rgb(255 247 240 / var(--tw-bg-opacity)); } .tw-bg-transparent { background-color: transparent; } .tw-bg-white-900 { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .tw-bg-\[url\(\"data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDciPgo8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGN0Y3RjciLz4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY4MiA2LjEzNjRDMTAuNjgyIDUuNzU5ODQgMTAuMzc2NyA1LjQ1NDU4IDEwLjAwMDEgNS40NTQ1OEM5LjYyMzU4IDUuNDU0NTggOS4zMTgzMiA1Ljc1OTg0IDkuMzE4MzIgNi4xMzY0VjkuMzE4MTdINi4xMzY0NkM1Ljc1OTkxIDkuMzE4MTcgNS40NTQ2NSA5LjYyMzQzIDUuNDU0NjUgOS45OTk5OUM1LjQ1NDY1IDEwLjM3NjUgNS43NTk5MSAxMC42ODE4IDYuMTM2NDYgMTAuNjgxOEg5LjMxODMyVjEzLjg2MzdDOS4zMTgzMiAxNC4yNDAyIDkuNjIzNTggMTQuNTQ1NSAxMC4wMDAxIDE0LjU0NTVDMTAuMzc2NyAxNC41NDU1IDEwLjY4MiAxNC4yNDAyIDEwLjY4MiAxMy44NjM3VjEwLjY4MThIMTMuODYzN0MxNC4yNDAzIDEwLjY4MTggMTQuNTQ1NiAxMC4zNzY1IDE0LjU0NTYgOS45OTk5OUMxNC41NDU2IDkuNjIzNDMgMTQuMjQwMyA5LjMxODE3IDEzLjg2MzcgOS4zMTgxN0gxMC42ODJWNi4xMzY0WiIgZmlsbD0iIzkzOTM5MyIvPgo8L2c\+Cjwvc3ZnPgo\=\"\)\;\] { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDciPgo8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGN0Y3RjciLz4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY4MiA2LjEzNjRDMTAuNjgyIDUuNzU5ODQgMTAuMzc2NyA1LjQ1NDU4IDEwLjAwMDEgNS40NTQ1OEM5LjYyMzU4IDUuNDU0NTggOS4zMTgzMiA1Ljc1OTg0IDkuMzE4MzIgNi4xMzY0VjkuMzE4MTdINi4xMzY0NkM1Ljc1OTkxIDkuMzE4MTcgNS40NTQ2NSA5LjYyMzQzIDUuNDU0NjUgOS45OTk5OUM1LjQ1NDY1IDEwLjM3NjUgNS43NTk5MSAxMC42ODE4IDYuMTM2NDYgMTAuNjgxOEg5LjMxODMyVjEzLjg2MzdDOS4zMTgzMiAxNC4yNDAyIDkuNjIzNTggMTQuNTQ1NSAxMC4wMDAxIDE0LjU0NTVDMTAuMzc2NyAxNC41NDU1IDEwLjY4MiAxNC4yNDAyIDEwLjY4MiAxMy44NjM3VjEwLjY4MThIMTMuODYzN0MxNC4yNDAzIDEwLjY4MTggMTQuNTQ1NiAxMC4zNzY1IDE0LjU0NTYgOS45OTk5OUMxNC41NDU2IDkuNjIzNDMgMTQuMjQwMyA5LjMxODE3IDEzLjg2MzcgOS4zMTgxN0gxMC42ODJWNi4xMzY0WiIgZmlsbD0iIzkzOTM5MyIvPgo8L2c+Cjwvc3ZnPgo=");; } .tw-bg-\[url\(\'data\:image\/svg\+xml\;base64\,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDciPgo8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGMkY4RkMiLz4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY4MTkgNi4xMzY0MUMxMC42ODE5IDUuNzU5ODUgMTAuMzc2NyA1LjQ1NDU5IDEwLjAwMDEgNS40NTQ1OUM5LjYyMzU0IDUuNDU0NTkgOS4zMTgyOCA1Ljc1OTg1IDkuMzE4MjggNi4xMzY0MVY5LjMxODE4SDYuMTM2NDNDNS43NTk4NyA5LjMxODE4IDUuNDU0NjEgOS42MjM0NCA1LjQ1NDYxIDEwQzUuNDU0NjEgMTAuMzc2NiA1Ljc1OTg3IDEwLjY4MTggNi4xMzY0MyAxMC42ODE4SDkuMzE4MjhWMTMuODYzN0M5LjMxODI4IDE0LjI0MDIgOS42MjM1NCAxNC41NDU1IDEwLjAwMDEgMTQuNTQ1NUMxMC4zNzY3IDE0LjU0NTUgMTAuNjgxOSAxNC4yNDAyIDEwLjY4MTkgMTMuODYzN1YxMC42ODE4SDEzLjg2MzdDMTQuMjQwMyAxMC42ODE4IDE0LjU0NTUgMTAuMzc2NiAxNC41NDU1IDEwQzE0LjU0NTUgOS42MjM0NCAxNC4yNDAzIDkuMzE4MTggMTMuODYzNyA5LjMxODE4SDEwLjY4MTlWNi4xMzY0MVoiIGZpbGw9IiMwMEEwRTIiLz4KPC9nPgo8L3N2Zz4K\'\)\] { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDciPgo8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGMkY4RkMiLz4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY4MTkgNi4xMzY0MUMxMC42ODE5IDUuNzU5ODUgMTAuMzc2NyA1LjQ1NDU5IDEwLjAwMDEgNS40NTQ1OUM5LjYyMzU0IDUuNDU0NTkgOS4zMTgyOCA1Ljc1OTg1IDkuMzE4MjggNi4xMzY0MVY5LjMxODE4SDYuMTM2NDNDNS43NTk4NyA5LjMxODE4IDUuNDU0NjEgOS42MjM0NCA1LjQ1NDYxIDEwQzUuNDU0NjEgMTAuMzc2NiA1Ljc1OTg3IDEwLjY4MTggNi4xMzY0MyAxMC42ODE4SDkuMzE4MjhWMTMuODYzN0M5LjMxODI4IDE0LjI0MDIgOS42MjM1NCAxNC41NDU1IDEwLjAwMDEgMTQuNTQ1NUMxMC4zNzY3IDE0LjU0NTUgMTAuNjgxOSAxNC4yNDAyIDEwLjY4MTkgMTMuODYzN1YxMC42ODE4SDEzLjg2MzdDMTQuMjQwMyAxMC42ODE4IDE0LjU0NTUgMTAuMzc2NiAxNC41NDU1IDEwQzE0LjU0NTUgOS42MjM0NCAxNC4yNDAzIDkuMzE4MTggMTMuODYzNyA5LjMxODE4SDEwLjY4MTlWNi4xMzY0MVoiIGZpbGw9IiMwMEEwRTIiLz4KPC9nPgo8L3N2Zz4K'); } .tw-bg-none { background-image: none; } .tw-bg-\[length\:100\%\] { background-size: 100%; } .tw-bg-no-repeat { background-repeat: no-repeat; } .tw-p-0 { padding: 0px; } .tw-p-12 { padding: 12px; } .tw-p-16 { padding: 16px; } .tw-p-20 { padding: 20px; } .tw-p-32 { padding: 32px; } .tw-p-48 { padding: 48px; } .tw-p-8 { padding: 8px; } .tw-p-\[0px\] { padding: 0px; } .tw-p-\[20px\] { padding: 20px; } .tw-px-12 { padding-left: 12px; padding-right: 12px; } .tw-px-16 { padding-left: 16px; padding-right: 16px; } .tw-px-20 { padding-left: 20px; padding-right: 20px; } .tw-px-24 { padding-left: 24px; padding-right: 24px; } .tw-px-4 { padding-left: 4px; padding-right: 4px; } .tw-px-\[20px\] { padding-left: 20px; padding-right: 20px; } .tw-px-\[42px\] { padding-left: 42px; padding-right: 42px; } .tw-px-\[6px\] { padding-left: 6px; padding-right: 6px; } .tw-py-16 { padding-top: 16px; padding-bottom: 16px; } .tw-py-48 { padding-top: 48px; padding-bottom: 48px; } .tw-py-\[2px\] { padding-top: 2px; padding-bottom: 2px; } .tw-pb-16 { padding-bottom: 16px; } .tw-pb-20 { padding-bottom: 20px; } .tw-pb-40 { padding-bottom: 40px; } .tw-pb-8 { padding-bottom: 8px; } .tw-pb-\[10px\] { padding-bottom: 10px; } .tw-pb-\[11px\] { padding-bottom: 11px; } .tw-pb-\[15px\] { padding-bottom: 15px; } .tw-pb-\[16px\] { padding-bottom: 16px; } .tw-pb-\[27px\] { padding-bottom: 27px; } .tw-pb-\[5px\] { padding-bottom: 5px; } .tw-pb-\[8px\] { padding-bottom: 8px; } .tw-pl-0 { padding-left: 0px; } .tw-pl-12 { padding-left: 12px; } .tw-pl-16 { padding-left: 16px; } .tw-pl-20 { padding-left: 20px; } .tw-pl-24 { padding-left: 24px; } .tw-pl-\[1em\] { padding-left: 1em; } .tw-pl-\[50px\] { padding-left: 50px; } .tw-pr-36 { padding-right: 36px; } .tw-pr-40 { padding-right: 40px; } .tw-pr-\[68px\] { padding-right: 68px; } .tw-pt-16 { padding-top: 16px; } .tw-pt-20 { padding-top: 20px; } .tw-pt-4 { padding-top: 4px; } .tw-pt-\[10px\] { padding-top: 10px; } .tw-pt-\[11px\] { padding-top: 11px; } .tw-pt-\[13px\] { padding-top: 13px; } .tw-pt-\[17px\] { padding-top: 17px; } .tw-pt-\[19px\] { padding-top: 19px; } .tw-pt-\[20px\] { padding-top: 20px; } .tw-pt-\[22px\] { padding-top: 22px; } .tw-pt-\[30px\] { padding-top: 30px; } .tw-pt-\[6px\] { padding-top: 6px; } .tw-text-left { text-align: left; } .tw-text-center { text-align: center; } .tw-indent-\[-1em\] { text-indent: -1em; } .\!tw-align-\[-2px\] { vertical-align: -2px !important; } .\!tw-align-\[-5px\] { vertical-align: -5px !important; } .\!tw-align-\[3px\] { vertical-align: 3px !important; } .tw-align-\[-2px\] { vertical-align: -2px; } .tw-text-12 { font-size: 12px; } .tw-text-14 { font-size: 14px; } .tw-text-16 { font-size: 16px; } .tw-text-18 { font-size: 18px; } .tw-text-24 { font-size: 24px; } .tw-text-\[0\] { font-size: 0; } .tw-text-\[20px\] { font-size: 20px; } .tw-text-\[48px\] { font-size: 48px; } .tw-text-\[length\:inherit\] { font-size: inherit; } .tw-text-h4 { font-size: 16px; line-height: 1.6; } .tw-text-p2 { font-size: 16px; line-height: 1.6; } .tw-text-p3 { font-size: 14px; line-height: 1.6; } .tw-text-p4 { font-size: 12px; line-height: 1.6; } .\!tw-font-bold { font-weight: 700 !important; } .tw-font-bold { font-weight: 700; } .tw-font-normal { font-weight: 400; } .tw-font-semibold { font-weight: 600; } .tw-leading-none { line-height: 1; } .tw-text-black-900 { --tw-text-opacity: 1; color: rgb(24 28 32 / var(--tw-text-opacity)); } .tw-text-blue-900 { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .tw-text-gray-300 { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .tw-text-gray-500 { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .tw-text-gray-900 { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .tw-text-orange-500 { --tw-text-opacity: 1; color: rgb(252 175 105 / var(--tw-text-opacity)); } .tw-text-red-900 { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .tw-text-white-900 { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .tw-placeholder-gray-300::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .tw-placeholder-gray-300::placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .tw-placeholder-gray-500::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .tw-placeholder-gray-500::placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .tw-opacity-0 { opacity: 0; } .tw-opacity-10 { opacity: .1; } .tw-shadow-md { --tw-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.20); --tw-shadow-colored: 0px 2px 20px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-shadow-sm { --tw-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.15); --tw-shadow-colored: 0px 3px 10px 0px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-outline-none { outline: 2px solid transparent; outline-offset: 2px; } .tw-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-duration-\[200ms\] { transition-duration: 200ms; } .tw-content-\[\'\'\] { --tw-content: ''; content: var(--tw-content); } .tw-material-symbols--check-box { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E"); } .tw-material-symbols--compare-arrows { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8 20l-1.4-1.425L9.175 16H2v-2h7.175L6.6 11.425L8 10l5 5zm8-6l-5-5l5-5l1.4 1.425L14.825 8H22v2h-7.175l2.575 2.575z'/%3E%3C/svg%3E"); } /* reset.cssを効かせていない関係上コメントアウトしないとlayerに登録できないいいいいいいい @layer base { html, body { font-family: "futura-pt", "four-levels-hiragino-sans", -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"; } } */ /* なぜここにこれがあるのか、話すとすっごい長くなるけと気になる人だけよんでくれたまえ。 以下のプロパティを有効にしないと、tailwindのtransform系のプロパティが効かないという問題がありまして。 ただし、元々これらの記述はtailwindのbase.cssを有効にすると自動で適用されるプロパティなんですよ。 だからと言ってbaseを有効にすると、reset.css無視で書かれた既存の記述や、bootstrapによる設定とバッティングしてしまって、 ぐちゃぐちゃになってテスト落ちてしまうので、完全にリプレイスが終わる前まではコメントアウトして、tailwindでbaseを入れないようにしています。 でも、transform系のプロパティが効かないというのは、ちょっと困るので、一部だけ有効にしています。 ↑↑↑↑ 「でも、transform」と打ち込んだだけで、それ以下の文章が自動生成された。copilotすごい。 最終的には以下の記述は削除する予定です。 */ *, ::before, ::after { --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; } /* h1 { @apply tw-text-h1; } h2 { @apply tw-text-h2; } h3 { @apply tw-text-h3; } h4 { @apply tw-text-h4; } h5 { @apply tw-text-h5; } */ /* reset.cssの影響が不明のため、ボタンのデフォルトスタイル変更はリプレイス完了まで残置 .c-buttonのtw-p-0 tw-border-none tw-outline-none tw-bg-none ↓↓↓↓ 最終的にreset.cssに以下を追加（多分Tailwindのbaseを有効にしたら適用されると思うが） button { padding: 0; border: none; outline: none; font: inherit; color: inherit; background: none; } # selectボタンの実装のために label { margin-bottom: 0; } */ .c-button { display: flex; cursor: pointer; align-items: center; justify-content: center; border-style: none; background-image: none; padding: 0px; outline: 2px solid transparent; outline-offset: 2px; } .c-button.--large { border-radius: 8px; } .c-button.--large { border-width: 1px; } .c-button.--large { border-style: solid; } .c-button.--large { padding-left: 20px; padding-right: 20px; } .c-button.--large { padding-top: 20px; } .c-button.--large { padding-bottom: 16px; } .c-button.--large { font-size: 18px; } .c-button.--large { line-height: 1; } .c-button.--medium { border-radius: 8px; } .c-button.--medium { border-width: 1px; } .c-button.--medium { border-style: solid; } .c-button.--medium { padding-left: 20px; padding-right: 20px; } .c-button.--medium { padding-top: 19px; } .c-button.--medium { padding-bottom: 16px; } .c-button.--medium { font-size: 14px; } .c-button.--medium { line-height: 1; } .c-button.--small { border-radius: 8px; } .c-button.--small { border-width: 1px; } .c-button.--small { border-style: solid; } .c-button.--small { padding-left: 20px; padding-right: 20px; } .c-button.--small { padding-top: 10px; } .c-button.--small { padding-bottom: 8px; } .c-button.--small { font-size: 12px; } .c-button.--small { line-height: 1; } .c-button.--filled { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .c-button.--filled { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .c-button.--filled { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .c-button.--secondary { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .c-button.--secondary { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .c-button.--secondary { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-button.--tertiary { --tw-border-opacity: 1; border-color: rgb(52 52 52 / var(--tw-border-opacity)); } .c-button.--tertiary { background-color: transparent; } .c-button.--tertiary { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-button.--disable { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-button.--disable { background-color: transparent; } .c-button.--disable { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .c-button.--textBase { background-color: transparent; } .c-button.--textBase { font-size: 14px; } .c-button.--textBase { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-button.--select { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-button.--select { background-color: transparent; } .c-button.--select { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-button:not(.--disable):hover { opacity: .8; } .c-button-select__Label { margin-bottom: 0px; } .c-button-select__input { display: none; } .c-button-select__input:checked ~ .--select { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .c-button-select__input:checked ~ .--select { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-icon { display: inline-block; width: 1em; height: 1em; background-color: currentColor; -webkit-mask-image: var(--svg); mask-image: var(--svg); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: 100% 100%; mask-size: 100% 100%; vertical-align: -2px; } .c-icon.--posLeft { margin-right: 8px; } .c-icon.--posRight { margin-left: 8px; } .c-icon.--sort { --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)); } .c-icon.--sort { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m8 20l-1.4-1.425L9.175 16H2v-2h7.175L6.6 11.425L8 10l5 5zm8-6l-5-5l5-5l1.4 1.425L14.825 8H22v2h-7.175l2.575 2.575z'/%3E%3C/svg%3E"); } .c-icon.--arrowHead.--down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E"); } .c-icon.--arrowHead.--right { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z'/%3E%3C/svg%3E"); } .c-icon.--warning { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M1 21L12 2l11 19zm3.45-2h15.1L12 6zM12 18q.425 0 .713-.288T13 17t-.288-.712T12 16t-.712.288T11 17t.288.713T12 18m-1-3h2v-5h-2zm1-2.5'/%3E%3C/svg%3E"); } .c-icon.--info { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .c-icon.--info.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--folder { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20zm0-2h16V8h-8.825l-2-2H4zm0 0V6z'/%3E%3C/svg%3E"); } .c-icon.--folder.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h5.175q.4 0 .763.15t.637.425L12 6h8q.825 0 1.413.588T22 8v10q0 .825-.587 1.413T20 20z'/%3E%3C/svg%3E"); } .c-icon.--check { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10 16.4l-4-4L7.4 11l2.6 2.6L16.6 7L18 8.4z'/%3E%3C/svg%3E"); } .c-icon.--upload { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 16V7.85l-2.6 2.6L7 9l5-5l5 5l-1.4 1.45l-2.6-2.6V16zm-5 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E"); } .c-icon.--download { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 16l-5-5l1.4-1.45l2.6 2.6V4h2v8.15l2.6-2.6L17 11zm-6 4q-.825 0-1.412-.587T4 18v-3h2v3h12v-3h2v3q0 .825-.587 1.413T18 20z'/%3E%3C/svg%3E"); } .c-icon.--refresh { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 20q-3.35 0-5.675-2.325T4 12t2.325-5.675T12 4q1.725 0 3.3.712T18 6.75V4h2v7h-7V9h4.2q-.8-1.4-2.187-2.2T12 6Q9.5 6 7.75 7.75T6 12t1.75 4.25T12 18q1.925 0 3.475-1.1T17.65 14h2.1q-.7 2.65-2.85 4.325T12 20'/%3E%3C/svg%3E"); } .c-icon.--favorite { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7zm0-2.7q2.4-2.15 3.95-3.687t2.45-2.675t1.25-2.026T20 8.15q0-1.5-1-2.5t-2.5-1q-1.175 0-2.175.662T12.95 7h-1.9q-.375-1.025-1.375-1.687T7.5 4.65q-1.5 0-2.5 1t-1 2.5q0 .875.35 1.763t1.25 2.025t2.45 2.675T12 18.3m0-6.825'/%3E%3C/svg%3E"); } .c-icon.--favorite.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 21l-1.45-1.3q-2.525-2.275-4.175-3.925T3.75 12.812T2.388 10.4T2 8.15Q2 5.8 3.575 4.225T7.5 2.65q1.3 0 2.475.55T12 4.75q.85-1 2.025-1.55t2.475-.55q2.35 0 3.925 1.575T22 8.15q0 1.15-.387 2.25t-1.363 2.412t-2.625 2.963T13.45 19.7z'/%3E%3C/svg%3E"); } .c-icon.--percent { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7.5 11q-1.45 0-2.475-1.025T4 7.5t1.025-2.475T7.5 4t2.475 1.025T11 7.5T9.975 9.975T7.5 11m0-2q.625 0 1.063-.437T9 7.5t-.437-1.062T7.5 6t-1.062.438T6 7.5t.438 1.063T7.5 9m9 11q-1.45 0-2.475-1.025T13 16.5t1.025-2.475T16.5 13t2.475 1.025T20 16.5t-1.025 2.475T16.5 20m0-2q.625 0 1.063-.437T18 16.5t-.437-1.062T16.5 15t-1.062.438T15 16.5t.438 1.063T16.5 18M5.4 20L4 18.6L18.6 4L20 5.4z'/%3E%3C/svg%3E"); } .c-icon.--addBgCircle { background-color: transparent; } .c-icon.--addBgCircle { background-size: 100%; } .c-icon.--addBgCircle { background-repeat: no-repeat; } .c-icon.--addBgCircle.--blue { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDciPgo8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGMkY4RkMiLz4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY4MTkgNi4xMzY0MUMxMC42ODE5IDUuNzU5ODUgMTAuMzc2NyA1LjQ1NDU5IDEwLjAwMDEgNS40NTQ1OUM5LjYyMzU0IDUuNDU0NTkgOS4zMTgyOCA1Ljc1OTg1IDkuMzE4MjggNi4xMzY0MVY5LjMxODE4SDYuMTM2NDNDNS43NTk4NyA5LjMxODE4IDUuNDU0NjEgOS42MjM0NCA1LjQ1NDYxIDEwQzUuNDU0NjEgMTAuMzc2NiA1Ljc1OTg3IDEwLjY4MTggNi4xMzY0MyAxMC42ODE4SDkuMzE4MjhWMTMuODYzN0M5LjMxODI4IDE0LjI0MDIgOS42MjM1NCAxNC41NDU1IDEwLjAwMDEgMTQuNTQ1NUMxMC4zNzY3IDE0LjU0NTUgMTAuNjgxOSAxNC4yNDAyIDEwLjY4MTkgMTMuODYzN1YxMC42ODE4SDEzLjg2MzdDMTQuMjQwMyAxMC42ODE4IDE0LjU0NTUgMTAuMzc2NiAxNC41NDU1IDEwQzE0LjU0NTUgOS42MjM0NCAxNC4yNDAzIDkuMzE4MTggMTMuODYzNyA5LjMxODE4SDEwLjY4MTlWNi4xMzY0MVoiIGZpbGw9IiMwMEEwRTIiLz4KPC9nPgo8L3N2Zz4K'); } .c-icon.--addBgCircle.--gray { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9Ikdyb3VwIDciPgo8Y2lyY2xlIGlkPSJPdmFsIiBjeD0iMTAiIGN5PSIxMCIgcj0iMTAiIGZpbGw9IiNGN0Y3RjciLz4KPHBhdGggaWQ9IkNvbWJpbmVkIFNoYXBlIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEwLjY4MiA2LjEzNjRDMTAuNjgyIDUuNzU5ODQgMTAuMzc2NyA1LjQ1NDU4IDEwLjAwMDEgNS40NTQ1OEM5LjYyMzU4IDUuNDU0NTggOS4zMTgzMiA1Ljc1OTg0IDkuMzE4MzIgNi4xMzY0VjkuMzE4MTdINi4xMzY0NkM1Ljc1OTkxIDkuMzE4MTcgNS40NTQ2NSA5LjYyMzQzIDUuNDU0NjUgOS45OTk5OUM1LjQ1NDY1IDEwLjM3NjUgNS43NTk5MSAxMC42ODE4IDYuMTM2NDYgMTAuNjgxOEg5LjMxODMyVjEzLjg2MzdDOS4zMTgzMiAxNC4yNDAyIDkuNjIzNTggMTQuNTQ1NSAxMC4wMDAxIDE0LjU0NTVDMTAuMzc2NyAxNC41NDU1IDEwLjY4MiAxNC4yNDAyIDEwLjY4MiAxMy44NjM3VjEwLjY4MThIMTMuODYzN0MxNC4yNDAzIDEwLjY4MTggMTQuNTQ1NiAxMC4zNzY1IDE0LjU0NTYgOS45OTk5OUMxNC41NDU2IDkuNjIzNDMgMTQuMjQwMyA5LjMxODE3IDEzLjg2MzcgOS4zMTgxN0gxMC42ODJWNi4xMzY0WiIgZmlsbD0iIzkzOTM5MyIvPgo8L2c+Cjwvc3ZnPgo=");; } .c-icon.--language { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22q-2.05 0-3.875-.788t-3.187-2.15t-2.15-3.187T2 12q0-2.075.788-3.887t2.15-3.175t3.187-2.15T12 2q2.075 0 3.888.788t3.174 2.15t2.15 3.175T22 12q0 2.05-.788 3.875t-2.15 3.188t-3.175 2.15T12 22m0-2.05q.65-.9 1.125-1.875T13.9 16h-3.8q.3 1.1.775 2.075T12 19.95m-2.6-.4q-.45-.825-.787-1.713T8.05 16H5.1q.725 1.25 1.813 2.175T9.4 19.55m5.2 0q1.4-.45 2.488-1.375T18.9 16h-2.95q-.225.95-.562 1.838T14.6 19.55M4.25 14h3.4q-.075-.5-.112-.987T7.5 12t.038-1.012T7.65 10h-3.4q-.125.5-.187.988T4 12t.063 1.013t.187.987m5.4 0h4.7q.075-.5.113-.987T14.5 12t-.038-1.012T14.35 10h-4.7q-.075.5-.112.988T9.5 12t.038 1.013t.112.987m6.7 0h3.4q.125-.5.188-.987T20 12t-.062-1.012T19.75 10h-3.4q.075.5.113.988T16.5 12t-.038 1.013t-.112.987m-.4-6h2.95q-.725-1.25-1.812-2.175T14.6 4.45q.45.825.788 1.713T15.95 8M10.1 8h3.8q-.3-1.1-.775-2.075T12 4.05q-.65.9-1.125 1.875T10.1 8m-5 0h2.95q.225-.95.563-1.838T9.4 4.45Q8 4.9 6.912 5.825T5.1 8'/%3E%3C/svg%3E"); } .c-icon.--apartment { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 21V7h4V3h10v8h4v10h-8v-4h-2v4zm2-2h2v-2H5zm0-4h2v-2H5zm0-4h2V9H5zm4 4h2v-2H9zm0-4h2V9H9zm0-4h2V5H9zm4 8h2v-2h-2zm0-4h2V9h-2zm0-4h2V5h-2zm4 12h2v-2h-2zm0-4h2v-2h-2z'/%3E%3C/svg%3E"); } .c-icon.--delete { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z'/%3E%3C/svg%3E"); } .c-icon.--delete.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zm2-4h2V8H9zm4 0h2V8h-2z'/%3E%3C/svg%3E"); } .c-icon.--dragIndicator { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 20q-.825 0-1.412-.587T7 18t.588-1.412T9 16t1.413.588T11 18t-.587 1.413T9 20m6 0q-.825 0-1.412-.587T13 18t.588-1.412T15 16t1.413.588T17 18t-.587 1.413T15 20m-6-6q-.825 0-1.412-.587T7 12t.588-1.412T9 10t1.413.588T11 12t-.587 1.413T9 14m6 0q-.825 0-1.412-.587T13 12t.588-1.412T15 10t1.413.588T17 12t-.587 1.413T15 14M9 8q-.825 0-1.412-.587T7 6t.588-1.412T9 4t1.413.588T11 6t-.587 1.413T9 8m6 0q-.825 0-1.412-.587T13 6t.588-1.412T15 4t1.413.588T17 6t-.587 1.413T15 8'/%3E%3C/svg%3E"); } .c-icon.--notifications { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 19v-2h2v-7q0-2.075 1.25-3.687T10.5 4.2V2h3v2.2q2 .5 3.25 2.113T18 10v7h2v2zm8 3q-.825 0-1.412-.587T10 20h4q0 .825-.587 1.413T12 22m-4-5h8v-7q0-1.65-1.175-2.825T12 6T9.175 7.175T8 10z'/%3E%3C/svg%3E"); } .c-icon.--error { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .c-icon.--error.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--add { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 13H5v-2h6V5h2v6h6v2h-6v6h-2z'/%3E%3C/svg%3E"); } .c-icon.--search { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m19.6 21l-6.3-6.3q-.75.6-1.725.95T9.5 16q-2.725 0-4.612-1.888T3 9.5t1.888-4.612T9.5 3t4.613 1.888T16 9.5q0 1.1-.35 2.075T14.7 13.3l6.3 6.3zM9.5 14q1.875 0 3.188-1.312T14 9.5t-1.312-3.187T9.5 5T6.313 6.313T5 9.5t1.313 3.188T9.5 14'/%3E%3C/svg%3E"); } .c-icon.--visibility { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 16q1.875 0 3.188-1.312T16.5 11.5t-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.788T9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2m0 4.8q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19m0-2q2.825 0 5.188-1.487T20.8 11.5q-1.25-2.525-3.613-4.012T12 6T6.813 7.488T3.2 11.5q1.25 2.525 3.613 4.013T12 17'/%3E%3C/svg%3E"); } .c-icon.--visibility.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 16q1.875 0 3.188-1.312T16.5 11.5t-1.312-3.187T12 7T8.813 8.313T7.5 11.5t1.313 3.188T12 16m0-1.8q-1.125 0-1.912-.788T9.3 11.5t.788-1.912T12 8.8t1.913.788t.787 1.912t-.787 1.913T12 14.2m0 4.8q-3.65 0-6.65-2.037T1 11.5q1.35-3.425 4.35-5.462T12 4t6.65 2.038T23 11.5q-1.35 3.425-4.35 5.463T12 19'/%3E%3C/svg%3E"); } .c-icon.--call { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.95 21q-3.125 0-6.175-1.362t-5.55-3.863t-3.862-5.55T3 4.05q0-.45.3-.75t.75-.3H8.1q.35 0 .625.238t.325.562l.65 3.5q.05.4-.025.675T9.4 8.45L6.975 10.9q.5.925 1.187 1.787t1.513 1.663q.775.775 1.625 1.438T13.1 17l2.35-2.35q.225-.225.588-.337t.712-.063l3.45.7q.35.1.575.363T21 15.9v4.05q0 .45-.3.75t-.75.3M6.025 9l1.65-1.65L7.25 5H5.025q.125 1.025.35 2.025T6.025 9m8.95 8.95q.975.425 1.988.675T19 18.95v-2.2l-2.35-.475zm0 0'/%3E%3C/svg%3E"); } .c-icon.--call.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M19.95 21q-3.125 0-6.175-1.362t-5.55-3.863t-3.862-5.55T3 4.05q0-.45.3-.75t.75-.3H8.1q.35 0 .625.238t.325.562l.65 3.5q.05.4-.025.675T9.4 8.45L6.975 10.9q.5.925 1.187 1.787t1.513 1.663q.775.775 1.625 1.438T13.1 17l2.35-2.35q.225-.225.588-.337t.712-.063l3.45.7q.35.1.575.363T21 15.9v4.05q0 .45-.3.75t-.75.3'/%3E%3C/svg%3E"); } .c-icon.--arrow.--down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 18l-6-6l1.4-1.4l3.6 3.6V5h2v9.2l3.6-3.6L18 12z'/%3E%3C/svg%3E"); } .c-icon.--arrow.--up { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 18V8.8l-3.6 3.6L6 11l6-6l6 6l-1.4 1.4L13 8.8V18z'/%3E%3C/svg%3E"); } .c-icon.--mail { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7L4 8v10h16V8zm0-2l8-5H4zM4 8V6v12z'/%3E%3C/svg%3E"); } .c-icon.--mail.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M4 20q-.825 0-1.412-.587T2 18V6q0-.825.588-1.412T4 4h16q.825 0 1.413.588T22 6v12q0 .825-.587 1.413T20 20zm8-7l8-5V6l-8 5l-8-5v2z'/%3E%3C/svg%3E"); } .c-icon.--edit { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 19h1.425L16.2 9.225L14.775 7.8L5 17.575zm-2 2v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM19 6.4L17.6 5zm-3.525 2.125l-.7-.725L16.2 9.225z'/%3E%3C/svg%3E"); } .c-icon.--edit.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 21v-4.25L16.2 3.575q.3-.275.663-.425t.762-.15t.775.15t.65.45L20.425 5q.3.275.438.65T21 6.4q0 .4-.137.763t-.438.662L7.25 21zM17.6 7.8L19 6.4L17.6 5l-1.4 1.4z'/%3E%3C/svg%3E"); } .c-icon.--checkbox { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21zm0-2h14V5H5z'/%3E%3C/svg%3E"); } .c-icon.--checkbox.--gray { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .c-icon.--checkbox.--error { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .c-icon.--checkbox.--checked { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-icon.--checkbox.--checked { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E"); } .c-icon.--radio { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .c-icon.--radio.--gray { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .c-icon.--radio.--error { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .c-icon.--radio.--checked { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--more.--horiz { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6 14q-.825 0-1.412-.587T4 12t.588-1.412T6 10t1.413.588T8 12t-.587 1.413T6 14m6 0q-.825 0-1.412-.587T10 12t.588-1.412T12 10t1.413.588T14 12t-.587 1.413T12 14m6 0q-.825 0-1.412-.587T16 12t.588-1.412T18 10t1.413.588T20 12t-.587 1.413T18 14'/%3E%3C/svg%3E"); } .c-icon.--copy { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm0-2h9V4H9zm-4 6q-.825 0-1.412-.587T3 20V6h2v14h11v2zm4-6V4z'/%3E%3C/svg%3E"); } .c-icon.--copy.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z'/%3E%3C/svg%3E"); } .c-icon.--backup { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.5 20q-2.275 0-3.887-1.575T1 14.575q0-1.95 1.175-3.475T5.25 9.15q.625-2.3 2.5-3.725T12 4q2.925 0 4.963 2.038T19 11q1.725.2 2.863 1.488T23 15.5q0 1.875-1.312 3.188T18.5 20H13q-.825 0-1.412-.587T11 18v-5.15L9.4 14.4L8 13l4-4l4 4l-1.4 1.4l-1.6-1.55V18h5.5q1.05 0 1.775-.725T21 15.5t-.725-1.775T18.5 13H17v-2q0-2.075-1.463-3.538T12 6T8.463 7.463T7 11h-.5q-1.45 0-2.475 1.025T3 14.5t1.025 2.475T6.5 18H9v2zm5.5-7'/%3E%3C/svg%3E"); } .c-icon.--pageInfo { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.75 20.25q-1.575 0-2.662-1.088T14 16.5t1.088-2.662t2.662-1.088t2.663 1.088T21.5 16.5t-1.088 2.663t-2.662 1.087m0-2q.725 0 1.238-.513T19.5 16.5t-.513-1.237t-1.237-.513t-1.237.513T16 16.5t.513 1.238t1.237.512M4 17.5v-2h8v2zm2.25-6.25q-1.575 0-2.662-1.088T2.5 7.5t1.088-2.662T6.25 3.75t2.663 1.088T10 7.5t-1.088 2.663T6.25 11.25m0-2q.725 0 1.238-.513T8 7.5t-.513-1.237T6.25 5.75t-1.237.513T4.5 7.5t.513 1.238t1.237.512M12 8.5v-2h8v2zm-5.75-1'/%3E%3C/svg%3E"); } .c-icon.--pageInfo.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M17.75 20.25q-1.575 0-2.662-1.088T14 16.5t1.088-2.662t2.662-1.088t2.663 1.088T21.5 16.5t-1.088 2.663t-2.662 1.087M4 17.5v-2h8v2zm2.25-6.25q-1.575 0-2.662-1.088T2.5 7.5t1.088-2.662T6.25 3.75t2.663 1.088T10 7.5t-1.088 2.663T6.25 11.25M12 8.5v-2h8v2z'/%3E%3C/svg%3E"); } .c-icon.--person { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20zm2-2h12v-.8q0-.275-.137-.5t-.363-.35q-1.35-.675-2.725-1.012T12 15t-2.775.338T6.5 16.35q-.225.125-.363.35T6 17.2zm6-8q.825 0 1.413-.587T14 8t-.587-1.412T12 6t-1.412.588T10 8t.588 1.413T12 10m0 8'/%3E%3C/svg%3E"); } .c-icon.--person.--gray { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .c-icon.--person.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 12q-1.65 0-2.825-1.175T8 8t1.175-2.825T12 4t2.825 1.175T16 8t-1.175 2.825T12 12m-8 8v-2.8q0-.85.438-1.562T5.6 14.55q1.55-.775 3.15-1.162T12 13t3.25.388t3.15 1.162q.725.375 1.163 1.088T20 17.2V20z'/%3E%3C/svg%3E"); } .c-icon.--help { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m-.9-3.85h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .c-icon.--help.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11.95 18q.525 0 .888-.363t.362-.887t-.362-.888t-.888-.362t-.887.363t-.363.887t.363.888t.887.362m-.9-3.85h1.85q0-.825.188-1.3t1.062-1.3q.65-.65 1.025-1.238T15.55 8.9q0-1.4-1.025-2.15T12.1 6q-1.425 0-2.312.75T8.55 8.55l1.65.65q.125-.45.563-.975T12.1 7.7q.8 0 1.2.438t.4.962q0 .5-.3.938t-.75.812q-1.1.975-1.35 1.475t-.25 1.825M12 22q-2.075 0-3.9-.787t-3.175-2.138T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--help.--blue { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-icon.--addCircle { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4zm1 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .c-icon.--addCircle.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 17h2v-4h4v-2h-4V7h-2v4H7v2h4zm1 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--location { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 12q.825 0 1.413-.587T14 10t-.587-1.412T12 8t-1.412.588T10 10t.588 1.413T12 12m0 7.35q3.05-2.8 4.525-5.087T18 10.2q0-2.725-1.737-4.462T12 4T7.738 5.738T6 10.2q0 1.775 1.475 4.063T12 19.35M12 22q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2t5.588 2.225T20 10.2q0 2.5-1.987 5.438T12 22m0-12'/%3E%3C/svg%3E"); } .c-icon.--location.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 12q.825 0 1.413-.587T14 10t-.587-1.412T12 8t-1.412.588T10 10t.588 1.413T12 12m0 10q-4.025-3.425-6.012-6.362T4 10.2q0-3.75 2.413-5.975T12 2t5.588 2.225T20 10.2q0 2.5-1.987 5.438T12 22'/%3E%3C/svg%3E"); } .c-icon.--formatList { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M9 19v-2h12v2zm0-6v-2h12v2zm0-6V5h12v2zM5 20q-.825 0-1.412-.587T3 18t.588-1.412T5 16t1.413.588T7 18t-.587 1.413T5 20m0-6q-.825 0-1.412-.587T3 12t.588-1.412T5 10t1.413.588T7 12t-.587 1.413T5 14m0-6q-.825 0-1.412-.587T3 6t.588-1.412T5 4t1.413.588T7 6t-.587 1.413T5 8'/%3E%3C/svg%3E"); } .c-icon.--thumbUp { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 21H7V8l7-7l1.25 1.25q.175.175.288.475t.112.575v.35L14.55 8H21q.8 0 1.4.6T23 10v2q0 .175-.05.375t-.1.375l-3 7.05q-.225.5-.75.85T18 21m-9-2h9l3-7v-2h-9l1.35-5.5L9 8.85zM9 8.85V19zM7 8v2H4v9h3v2H2V8z'/%3E%3C/svg%3E"); } .c-icon.--thumbUp.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M18 21H8V8l7-7l1.25 1.25q.175.175.288.475t.112.575v.35L15.55 8H21q.8 0 1.4.6T23 10v2q0 .175-.037.375t-.113.375l-3 7.05q-.225.5-.75.85T18 21M6 8v13H2V8z'/%3E%3C/svg%3E"); } .c-icon.--postOffice { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M16 19v2q0 .425-.288.713T15 22H3q-.425 0-.712-.288T2 21v-8q0-.425.288-.712T3 12h3V8q0-2.5 1.75-4.25T12 2h4q2.5 0 4.25 1.75T22 8v14h-2v-3zm0-2h4V8q0-1.65-1.175-2.825T16 4h-4q-1.65 0-2.825 1.175T8 8v4h7q.425 0 .713.288T16 13zm-6-7V8h8v2zm-1 6.85L14 14H4zm0 1.75l-5-2.85V20h10v-4.25zM4 14v6z'/%3E%3C/svg%3E"); } .c-icon.--postOffice.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M3 22q-.425 0-.712-.288T2 21v-8q0-.425.288-.712T3 12h3V8q0-2.5 1.75-4.25T12 2h4q2.5 0 4.25 1.75T22 8v14h-2v-3h-4v2q0 .425-.288.713T15 22zm6-3.4l5-2.85V14l-5 2.85L4 14v1.75zm7-1.6h4V8q0-1.65-1.175-2.825T16 4h-4q-1.65 0-2.825 1.175T8 8v4h7q.425 0 .713.288T16 13zm-6-7V8h8v2z'/%3E%3C/svg%3E"); } .c-icon.--arrowHeadLight.--down { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 15.4l-6-6L7.4 8l4.6 4.6L16.6 8L18 9.4z'/%3E%3C/svg%3E"); } .c-icon.--description { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 18h8v-2H8zm0-4h8v-2H8zm-2 8q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13V4H6v16h12V9zM6 4v5zv16z'/%3E%3C/svg%3E"); } .c-icon.--description.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M8 18h8v-2H8zm0-4h8v-2H8zm-2 8q-.825 0-1.412-.587T4 20V4q0-.825.588-1.412T6 2h8l6 6v12q0 .825-.587 1.413T18 22zm7-13h5l-5-5z'/%3E%3C/svg%3E"); } .c-icon.--calendar { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5zM5 8h14V6H5zm0 0V6zm7 6q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4 0q-.425 0-.712-.288T7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14m8 0q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4 0q-.425 0-.712-.288T7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18m8 0q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18'/%3E%3C/svg%3E"); } .c-icon.--calendar.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 14q-.425 0-.712-.288T11 13t.288-.712T12 12t.713.288T13 13t-.288.713T12 14m-4 0q-.425 0-.712-.288T7 13t.288-.712T8 12t.713.288T9 13t-.288.713T8 14m8 0q-.425 0-.712-.288T15 13t.288-.712T16 12t.713.288T17 13t-.288.713T16 14m-4 4q-.425 0-.712-.288T11 17t.288-.712T12 16t.713.288T13 17t-.288.713T12 18m-4 0q-.425 0-.712-.288T7 17t.288-.712T8 16t.713.288T9 17t-.288.713T8 18m8 0q-.425 0-.712-.288T15 17t.288-.712T16 16t.713.288T17 17t-.288.713T16 18M5 22q-.825 0-1.412-.587T3 20V6q0-.825.588-1.412T5 4h1V2h2v2h8V2h2v2h1q.825 0 1.413.588T21 6v14q0 .825-.587 1.413T19 22zm0-2h14V10H5z'/%3E%3C/svg%3E"); } .c-icon.--sync { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m7 21l-5-5l5-5l1.425 1.4l-2.6 2.6H21v2H5.825l2.6 2.6zm10-8l-1.425-1.4l2.6-2.6H3V7h15.175l-2.6-2.6L17 3l5 5z'/%3E%3C/svg%3E"); } .c-icon.--sync.--upDown { --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)); } .c-icon.--circle { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 19q-2.9 0-4.95-2.05T5 12t2.05-4.95T12 5t4.95 2.05T19 12t-2.05 4.95T12 19m0-2q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17'/%3E%3C/svg%3E"); } .c-icon.--circle.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 19q-2.925 0-4.962-2.037T5 12t2.038-4.962T12 5t4.963 2.038T19 12t-2.037 4.963T12 19'/%3E%3C/svg%3E"); } .c-icon.--close { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M6.4 19L5 17.6l5.6-5.6L5 6.4L6.4 5l5.6 5.6L17.6 5L19 6.4L13.4 12l5.6 5.6l-1.4 1.4l-5.6-5.6z'/%3E%3C/svg%3E"); } .c-icon.--close.--black { --tw-text-opacity: 1; color: rgb(24 28 32 / var(--tw-text-opacity)); } .c-icon.--close.--white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .c-icon.--openInNew { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h7v2H5v14h14v-7h2v7q0 .825-.587 1.413T19 21zm4.7-5.3l-1.4-1.4L17.6 5H14V3h7v7h-2V6.4z'/%3E%3C/svg%3E"); } .c-icon.--checkCircle { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--checkCircle.--black { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.6 16.6l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .c-icon.--tune { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 21v-6h2v2h8v2h-8v2zm-8-2v-2h6v2zm4-4v-2H3v-2h4V9h2v6zm4-2v-2h10v2zm4-4V3h2v2h4v2h-4v2zM3 7V5h10v2z'/%3E%3C/svg%3E"); } .c-label { display: inline-block; padding-top: 2px; padding-bottom: 2px; padding-left: 6px; padding-right: 6px; font-size: 12px; line-height: 1.6; } .c-label.--blue { border-radius: 20px; } .c-label.--blue { --tw-bg-opacity: 1; background-color: rgb(242 248 252 / var(--tw-bg-opacity)); } .c-label.--blue { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-link { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); text-decoration-line: none; } .c-link:hover { text-decoration-line: none; } .c-link.--disable { pointer-events: none; } .c-switch { position: relative; display: inline-block; height: 32px; width: 52px; } .c-switch > input { height: 0px; } .c-switch > input { width: 0px; } .c-switch > input { opacity: 0; } .c-switch > input:checked + .c-switch__slider::before { --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)); } .c-switch__slider { position: absolute; } .c-switch__slider { top: 0px; } .c-switch__slider { left: 0px; } .c-switch__slider { right: 0px; } .c-switch__slider { bottom: 0px; } .c-switch__slider { cursor: pointer; } .c-switch__slider { border-radius: 9999px; } .c-switch__slider { --tw-bg-opacity: 1; background-color: rgb(200 200 200 / var(--tw-bg-opacity)); } .c-switch__slider { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .c-switch__slider { transition-duration: 200ms; } .c-switch__slider::before { position: absolute; } .c-switch__slider::before { left: 4px; } .c-switch__slider::before { bottom: 4px; } .c-switch__slider::before { height: 24px; } .c-switch__slider::before { width: 24px; } .c-switch__slider::before { border-radius: 9999px; } .c-switch__slider::before { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .c-switch__slider::before { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .c-switch__slider::before { transition-duration: 200ms; } .c-switch__slider::before { --tw-content: ''; content: var(--tw-content); } .c-tag { display: inline-block; border-radius: 20px; border-width: 1px; border-style: solid; --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-left: 20px; padding-right: 20px; padding-top: 6px; padding-bottom: 5px; font-size: 14px; line-height: 1.6; } .c-tag.--gray { --tw-border-opacity: 1; border-color: rgb(52 52 52 / var(--tw-border-opacity)); } .c-tag.--gray { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-tag.--blue { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .c-tag.--blue { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .c-tag[href] { text-decoration-line: none; } .c-tag[href]:hover { opacity: .8; } .c-forms-checkBox { margin-bottom: 0px; cursor: pointer; } .c-forms-checkBox__input { display: none; } .c-forms-checkBox__text.--disable { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .c-forms-checkBox__text.--error { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .c-forms-item.--full { width: 100%; } .c-forms-item.--half { width: 50%; } .c-forms-item__title { margin-bottom: 0px; } .c-forms-item__title { font-size: inherit; } .c-forms-item__title { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-item__title.--required::after { margin-left: 8px; } .c-forms-item__title.--required::after { font-size: 12px; } .c-forms-item__title.--required::after { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .c-forms-item__title.--required::after { content: "必須"; } .c-forms-item__supportText { margin-top: 8px; } .c-forms-item__supportText { margin-bottom: 0px; } .c-forms-item__supportText { font-size: 12px; } .c-forms-item__supportText { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-item__inputWrap { margin-top: 8px; } .c-forms-item__errorText { margin-top: 8px; } .c-forms-item__errorText { margin-bottom: 0px; } .c-forms-item__errorText { font-size: 12px; } .c-forms-item__errorText { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .c-forms-radioButton { margin-bottom: 0px; cursor: pointer; } .c-forms-radioButton.--border { border-radius: 8px; } .c-forms-radioButton.--border { border-width: 1px; } .c-forms-radioButton.--border { border-style: solid; } .c-forms-radioButton.--border { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-forms-radioButton.--border { padding-left: 16px; padding-right: 16px; } .c-forms-radioButton.--border { padding-bottom: 11px; } .c-forms-radioButton.--border { padding-top: 13px; } .c-forms-radioButton.--border.--error { --tw-border-opacity: 1; border-color: rgb(230 35 13 / var(--tw-border-opacity)); } .c-forms-radioButton__input { display: none; } .c-forms-radioButton__text { font-size: 16px; line-height: 1.6; } .c-forms-radioButton__text { font-size: inherit; } .c-forms-radioButton__text.--disable { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .c-forms-radioButton__text.--error { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .c-forms-search { position: relative; margin-bottom: 0px; display: block; } .c-forms-search__searchIcon { position: absolute; } .c-forms-search__searchIcon { left: 16px; } .c-forms-search__searchIcon { top: 50%; } .c-forms-search__searchIcon { margin-bottom: 0px; } .c-forms-search__searchIcon { margin-top: -12px; } .c-forms-search__searchIcon { height: 24px; } .c-forms-search__searchIcon { width: 24px; } .c-forms-search__searchIcon { cursor: pointer; } .c-forms-search__searchIcon { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-search__closeIcon { position: absolute; } .c-forms-search__closeIcon { right: 16px; } .c-forms-search__closeIcon { top: 50%; } .c-forms-search__closeIcon { margin-top: -12px; } .c-forms-search__closeIcon { height: 24px; } .c-forms-search__closeIcon { width: 24px; } .c-forms-search__closeIcon { cursor: pointer; } .c-forms-search__closeIcon { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-search__input { width: 100%; } .c-forms-search__input { cursor: pointer; } .c-forms-search__input { border-radius: 32px; } .c-forms-search__input { border-width: 1px; } .c-forms-search__input { border-style: solid; } .c-forms-search__input { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-forms-search__input { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .c-forms-search__input { padding-left: 50px; } .c-forms-search__input { padding-right: 68px; } .c-forms-search__input { padding-top: 17px; } .c-forms-search__input { padding-bottom: 15px; } .c-forms-search__input { font-size: 16px; line-height: 1.6; } .c-forms-search__input::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-search__input::placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-search__input:focus { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .c-forms-search__input:focus { outline: 2px solid transparent; outline-offset: 2px; } .c-forms-search.--disable .c-forms-search__searchIcon { cursor: auto; } .c-forms-search.--disable .c-forms-search__searchIcon { --tw-text-opacity: 1; color: rgb(200 200 200 / var(--tw-text-opacity)); } .c-forms-search.--disable .c-forms-search__input { cursor: auto; } .c-forms-search.--disable .c-forms-search__input { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-forms-search.--disable .c-forms-search__input::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-search.--disable .c-forms-search__input::placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-search.--disable .c-forms-search__closeIcon { display: none; } .c-forms-selectBox { cursor: pointer; border-radius: 8px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding-top: 16px; padding-bottom: 16px; padding-left: 16px; padding-right: 40px; font-size: 16px; line-height: 1.6; --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-selectBox::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .c-forms-selectBox::placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .c-forms-selectBox.--full { width: 100%; } .c-forms-selectBox.--half { width: 50%; } .c-forms-selectBox.--disable { cursor: auto; } .c-forms-selectBox.--disable { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-forms-selectBox.--disable::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-selectBox.--disable::placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-selectBox.--error { --tw-border-opacity: 1; border-color: rgb(230 35 13 / var(--tw-border-opacity)); } .c-forms-selectBox.--error { --tw-bg-opacity: 1; background-color: rgb(254 242 241 / var(--tw-bg-opacity)); } /* reset.cssの影響が不明のため、キングオブ害悪のmargin-bottom: 1rem;を打ち消すのはreset.cssでやる p { margin-top: 0; margin-bottom: 1rem; ← これ } それぞれの

タグにmargin-bottom: 0;を当てる 最終的にreset.cssに以下を追加（多分Tailwindのbaseを有効にしたら適用されると思うが） p { margin: 0; } # 実装時に考える........ # Bootstrap依存の為、剥がすまでtailwindで上書きしないといけない鬼畜 ================================ .is-invalid - フォーム入力が無効（エラー）であることを示します。 .invalid-feedback - 無効状態のエラーメッセージを表示するために使用します。 - display プロパティが初期状態では none に設定されていますが、親要素が .is-invalid を持つ場合に自動で表示されます。 .was-validated - バリデーションが行われたフォーム全体に適用します。 - 子要素の .is-valid および .is-invalid を有効にします。 ================================ */ .c-forms-textArea { width: 100%; border-radius: 8px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 12px; font-size: 16px; line-height: 1.6; --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-textArea::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .c-forms-textArea::placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .c-forms-textArea:focus { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .c-forms-textArea.--disable { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-forms-textArea.--disable::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-textArea.--disable::placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-textArea.--error { --tw-border-opacity: 1; border-color: rgb(230 35 13 / var(--tw-border-opacity)); } .c-forms-textArea.--error { --tw-bg-opacity: 1; background-color: rgb(254 242 241 / var(--tw-bg-opacity)); } /* reset.cssの影響が不明のため、キングオブ害悪のmargin-bottom: 1rem;を打ち消すのはreset.cssでやる p { margin-top: 0; margin-bottom: 1rem; ← これ } それぞれの

タグにmargin-bottom: 0;を当てる 最終的にreset.cssに以下を追加（多分Tailwindのbaseを有効にしたら適用されると思うが） p { margin: 0; } # 実装時に考える........ # Bootstrap依存の為、剥がすまでtailwindで上書きしないといけない鬼畜 ================================ .is-invalid - フォーム入力が無効（エラー）であることを示します。 .invalid-feedback - 無効状態のエラーメッセージを表示するために使用します。 - display プロパティが初期状態では none に設定されていますが、親要素が .is-invalid を持つ場合に自動で表示されます。 .was-validated - バリデーションが行われたフォーム全体に適用します。 - 子要素の .is-valid および .is-invalid を有効にします。 ================================ */ .c-forms-textInput { width: 100%; border-radius: 8px; border-width: 1px; border-style: solid; --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); padding: 16px; font-size: 16px; line-height: 1; --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .c-forms-textInput::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .c-forms-textInput::placeholder { --tw-placeholder-opacity: 1; color: rgb(147 147 147 / var(--tw-placeholder-opacity)); } .c-forms-textInput:focus { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); outline: 2px solid transparent; outline-offset: 2px; } .c-forms-textInput.--disable { --tw-border-opacity: 1; border-color: rgb(200 200 200 / var(--tw-border-opacity)); } .c-forms-textInput.--disable { --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .c-forms-textInput.--disable::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-textInput.--disable::placeholder { --tw-placeholder-opacity: 1; color: rgb(200 200 200 / var(--tw-placeholder-opacity)); } .c-forms-textInput.--error { --tw-border-opacity: 1; border-color: rgb(230 35 13 / var(--tw-border-opacity)); } .c-forms-textInput.--error { --tw-bg-opacity: 1; background-color: rgb(254 242 241 / var(--tw-bg-opacity)); } .p-modal::backdrop { --tw-bg-opacity: 1; background-color: rgb(24 28 32 / var(--tw-bg-opacity)); } .p-modal::backdrop { opacity: .6; } .p-form-header__animated { animation-duration: 0.5s; animation-timing-function: ease-in-out; animation-fill-mode: forwards; } .p-form-header__animated-width-0_0-50_0 { animation-name: widthChange-0-50; } .p-form-header__animated-width-50_0-100_0 { animation-name: widthChange-50-100; } .p-form-header__animated-width-0_0-33_3 { animation-name: widthChange-0-33; } .p-form-header__animated-width-33_3-66_7 { animation-name: widthChange-33-67; } .p-form-header__animated-width-66_7-100_0 { animation-name: widthChange-67-100; } .p-form-header__animated-width-0_0-25_0 { animation-name: widthChange-0-25; } .p-form-header__animated-width-25_0-50_0 { animation-name: widthChange-25-50; } .p-form-header__animated-width-50_0-75_0 { animation-name: widthChange-50-75; } .p-form-header__animated-width-75_0-100_0 { animation-name: widthChange-75-100; } .p-form-header__animated-width-0_0-20_0 { animation-name: widthChange-0-20; } .p-form-header__animated-width-20_0-40_0 { animation-name: widthChange-20-40; } .p-form-header__animated-width-40_0-60_0 { animation-name: widthChange-40-60; } .p-form-header__animated-width-60_0-80_0 { animation-name: widthChange-60-80; } .p-form-header__animated-width-80_0-100_0 { animation-name: widthChange-80-100; } .p-form-header__animated-width-0_0-16_7 { animation-name: widthChange-0-17; } .p-form-header__animated-width-16_7-33_3 { animation-name: widthChange-17-33; } .p-form-header__animated-width-33_3-50_0 { animation-name: widthChange-33-50; } .p-form-header__animated-width-50_0-66_7 { animation-name: widthChange-50-67; } .p-form-header__animated-width-66_7-83_3 { animation-name: widthChange-67-83; } .p-form-header__animated-width-83_3-100_0 { animation-name: widthChange-83-100; } .p-form-header__animated-width-0_0-12_5 { animation-name: widthChange-0-12_5; } .p-form-header__animated-width-12_5-25_0 { animation-name: widthChange-12_5-25; } .p-form-header__animated-width-25_0-37_5 { animation-name: widthChange-25-37_5; } .p-form-header__animated-width-37_5-50_0 { animation-name: widthChange-37_5-50; } .p-form-header__animated-width-50_0-62_5 { animation-name: widthChange-50-62_5; } .p-form-header__animated-width-62_5-75_0 { animation-name: widthChange-62_5-75; } .p-form-header__animated-width-75_0-87_5 { animation-name: widthChange-75-87_5; } .p-form-header__animated-width-87_5-100_0 { animation-name: widthChange-87_5-100; } .p-form-header__animated-width-0_0-14_3 { animation-name: widthChange-0-14_3; } .p-form-header__animated-width-14_3-28_6 { animation-name: widthChange-14_3-28_6; } .p-form-header__animated-width-28_6-42_9 { animation-name: widthChange-28_6-42_9; } .p-form-header__animated-width-42_9-57_1 { animation-name: widthChange-42_9-57_1; } .p-form-header__animated-width-57_1-71_4 { animation-name: widthChange-57_1-71_4; } .p-form-header__animated-width-71_4-85_7 { animation-name: widthChange-71_4-85_7; } .p-form-header__animated-width-85_7-100_0 { animation-name: widthChange-85_7-100; } /* 1/2 ~ 2/2 */ @keyframes widthChange-0-50 { 0% { width: 0; /* 初期の幅 */ } 100% { width: 50%; /* 目標の幅 */ } } @keyframes widthChange-50-100 { 0% { width: 50%; /* 初期の幅 */ } 100% { width: 100%; /* 目標の幅 */ } } /* 1/3 ~ 3/3 */ @keyframes widthChange-0-33 { 0% { width: 0; /* 初期の幅 */ } 100% { width: 33%; /* 目標の幅 */ } } @keyframes widthChange-33-67 { 0% { width: 33%; /* 初期の幅 */ } 100% { width: 67%; /* 目標の幅 */ } } @keyframes widthChange-67-100 { 0% { width: 67%; /* 初期の幅 */ } 100% { width: 100%; /* 目標の幅 */ } } /* 1/4 ~ 4/4 */ @keyframes widthChange-0-25 { 0% { width: 0; /* 初期の幅 */ } 100% { width: 25%; /* 目標の幅 */ } } @keyframes widthChange-25-50 { 0% { width: 25%; /* 初期の幅 */ } 100% { width: 50%; /* 目標の幅 */ } } @keyframes widthChange-50-75 { 0% { width: 50%; /* 初期の幅 */ } 100% { width: 75%; /* 目標の幅 */ } } @keyframes widthChange-75-100 { 0% { width: 75%; /* 初期の幅 */ } 100% { width: 100%; /* 目標の幅 */ } } /* 1/5 ~ 5/5 */ @keyframes widthChange-0-20 { 0% { width: 0; /* 初期の幅 */ } 100% { width: 20%; /* 目標の幅 */ } } @keyframes widthChange-20-40 { 0% { width: 20%; /* 初期の幅 */ } 100% { width: 40%; /* 目標の幅 */ } } @keyframes widthChange-40-60 { 0% { width: 40%; /* 初期の幅 */ } 100% { width: 60%; /* 目標の幅 */ } } @keyframes widthChange-60-80 { 0% { width: 60%; /* 初期の幅 */ } 100% { width: 80%; /* 目標の幅 */ } } @keyframes widthChange-80-100 { 0% { width: 80%; /* 初期の幅 */ } 100% { width: 100%; /* 目標の幅 */ } } /* 1/7 ~ 7/7 */ @keyframes widthChange-0-14_3 { 0% { width: 0%; } 100% { width: 15%; } } @keyframes widthChange-14_3-28_6 { 0% { width: 15%; } 100% { width: 29%; } } @keyframes widthChange-28_6-42_9 { 0% { width: 29%; } 100% { width: 43%; } } @keyframes widthChange-42_9-57_1 { 0% { width: 43%; } 100% { width: 58%; } } @keyframes widthChange-57_1-71_4 { 0% { width: 58%; } 100% { width: 72%; } } @keyframes widthChange-71_4-85_7 { 0% { width: 72%; } 100% { width: 86%; } } @keyframes widthChange-85_7-100 { 0% { width: 86%; } 100% { width: 100%; } } /* 1/6 ~ 6/6 */ @keyframes widthChange-0-17 { 0% { width: 0; /* 初期の幅 */ } 100% { width: 17%; /* 目標の幅 */ } } @keyframes widthChange-17-33 { 0% { width: 17%; /* 初期の幅 */ } 100% { width: 33%; /* 目標の幅 */ } } @keyframes widthChange-33-50 { 0% { width: 33%; /* 初期の幅 */ } 100% { width: 50%; /* 目標の幅 */ } } @keyframes widthChange-50-67 { 0% { width: 50%; /* 初期の幅 */ } 100% { width: 67%; /* 目標の幅 */ } } @keyframes widthChange-67-83 { 0% { width: 67%; /* 初期の幅 */ } 100% { width: 83%; /* 目標の幅 */ } } @keyframes widthChange-83-100 { 0% { width: 83%; /* 初期の幅 */ } 100% { width: 100%; /* 目標の幅 */ } } /* 1/8 ~ 8/8 */ @keyframes widthChange-0-12_5 { 0% { width: 0%; /* 初期の幅 */ } 100% { width: 12.5%; /* 目標の幅 */ } } @keyframes widthChange-12_5-25 { 0% { width: 12.5%; /* 初期の幅 */ } 100% { width: 25%; /* 目標の幅 */ } } @keyframes widthChange-25-37_5 { 0% { width: 25%; /* 初期の幅 */ } 100% { width: 37.5%; /* 目標の幅 */ } } @keyframes widthChange-37_5-50 { 0% { width: 37.5%; /* 初期の幅 */ } 100% { width: 50%; /* 目標の幅 */ } } @keyframes widthChange-50-62_5 { 0% { width: 50; /* 初期の幅 */ } 100% { width: 62.5%; /* 目標の幅 */ } } @keyframes widthChange-62_5-75 { 0% { width: 62.5%; /* 初期の幅 */ } 100% { width: 75%; /* 目標の幅 */ } } @keyframes widthChange-75-87_5 { 0% { width: 75%; /* 初期の幅 */ } 100% { width: 87.5%; /* 目標の幅 */ } } @keyframes widthChange-87_5-100 { 0% { width: 87.5%; /* 初期の幅 */ } 100% { width: 100%; /* 目標の幅 */ } } .before\:tw-mr-4::before { content: var(--tw-content); margin-right: 4px; } .before\:tw-inline-block::before { content: var(--tw-content); display: inline-block; } .before\:tw-flex::before { content: var(--tw-content); display: flex; } .before\:tw-h-\[12px\]::before { content: var(--tw-content); height: 12px; } .before\:tw-h-\[calc\(100vh\+1px\)\]::before { content: var(--tw-content); height: calc(100vh + 1px); } .before\:tw-w-\[12px\]::before { content: var(--tw-content); width: 12px; } .before\:tw-w-\[1px\]::before { content: var(--tw-content); width: 1px; } .before\:tw-rounded-full::before { content: var(--tw-content); border-radius: 9999px; } .before\:tw-bg-blue-100::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(204 240 255 / var(--tw-bg-opacity)); } .before\:tw-bg-blue-1000::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(15 87 202 / var(--tw-bg-opacity)); } .before\:tw-bg-blue-300::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(135 220 255 / var(--tw-bg-opacity)); } .before\:tw-bg-blue-500::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(71 199 252 / var(--tw-bg-opacity)); } .before\:tw-bg-blue-900::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .before\:tw-bg-gray-100::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(235 235 235 / var(--tw-bg-opacity)); } .before\:tw-bg-gray-300::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(200 200 200 / var(--tw-bg-opacity)); } .before\:tw-bg-orange-500::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(252 175 105 / var(--tw-bg-opacity)); } .before\:tw-bg-orange-900::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(251 139 36 / var(--tw-bg-opacity)); } .before\:tw-align-\[-1px\]::before { content: var(--tw-content); vertical-align: -1px; } .before\:tw-content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .after\:tw-flex::after { content: var(--tw-content); display: flex; } .after\:tw-h-\[calc\(100vh\+1px\)\]::after { content: var(--tw-content); height: calc(100vh + 1px); } .after\:tw-w-\[1px\]::after { content: var(--tw-content); width: 1px; } .after\:tw-content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .hover\:tw-rounded-full:hover { border-radius: 9999px; } .hover\:tw-bg-gray-50:hover { --tw-bg-opacity: 1; background-color: rgb(244 244 244 / var(--tw-bg-opacity)); } .hover\:tw-p-\[3px\]:hover { padding: 3px; } .hover\:tw-font-bold:hover { font-weight: 700; } .hover\:tw-text-black-900:hover { --tw-text-opacity: 1; color: rgb(24 28 32 / var(--tw-text-opacity)); } .hover\:tw-no-underline:hover { text-decoration-line: none; } .hover\:tw-opacity-80:hover { opacity: .8; } .focus\:tw-border-blue-900:focus { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .tw-peer:checked ~ .peer-checked\:tw-hidden { display: none; } .tw-peer:checked ~ .peer-checked\:tw-text-blue-900 { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .tw-peer:checked ~ .peer-checked\:tw-material-symbols--check-box { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m10.6 16.2l7.05-7.05l-1.4-1.4l-5.65 5.65l-2.85-2.85l-1.4 1.4zM5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h14q.825 0 1.413.588T21 5v14q0 .825-.587 1.413T19 21z'/%3E%3C/svg%3E"); } .tw-peer:checked ~ .peer-checked\:tw-material-symbols--radio-button-checked { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17q2.075 0 3.538-1.463T17 12t-1.463-3.537T12 7T8.463 8.463T7 12t1.463 3.538T12 17m0 5q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .has-\[li\]\:tw-mt-12:has(li) { margin-top: 12px; } .tw-group:has(.asc) .group-has-\[\.asc\]\:tw-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)); } .tw-group:has(.desc) .group-has-\[\.desc\]\:tw-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)); } .tw-group:has(.desc) .group-has-\[\.desc\]\:tw-material-symbols--arrow-downward-alt { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='m12 18l-6-6l1.4-1.4l3.6 3.6V5h2v9.2l3.6-3.6L18 12z'/%3E%3C/svg%3E"); } .tw-group:has(.asc) .group-has-\[\.asc\]\:tw-material-symbols--arrow-upward-alt { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 18V8.8l-3.6 3.6L6 11l6-6l6 6l-1.4 1.4L13 8.8V18z'/%3E%3C/svg%3E"); } .tw---blueDoor .\--blueDoor\:tw-bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .tw---blueDoor .\--blueDoor\:tw-fill-blue-900 { fill: #00a0e2; } .tw---blueDoor .tw-peer:checked ~ .\--blueDoor\:peer-checked\:tw-bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .tw---mufg .\--mufg\:tw-bg-red-mufg { --tw-bg-opacity: 1; background-color: rgb(234 6 14 / var(--tw-bg-opacity)); } .tw---mufg .\--mufg\:tw-fill-red-mufg { fill: #ea060e; } .tw---mufg .tw-peer:checked ~ .\--mufg\:peer-checked\:tw-bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .tw---vc .\--vc\:tw-bg-orange-900 { --tw-bg-opacity: 1; background-color: rgb(251 139 36 / var(--tw-bg-opacity)); } .tw---vc .\--vc\:tw-fill-orange-900 { fill: #fb8b24; } .tw---vc .tw-peer:checked ~ .\--vc\:peer-checked\:tw-bg-blue-900 { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .\[\&\.--caution\]\:tw-text-red-900.--caution { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .\[\&\.--caution\]\:tw-material-symbols--info.--caution { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22'/%3E%3C/svg%3E"); } .\[\&\.--error\]\:tw-material-symbols--error-outline.--error { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M12 17q.425 0 .713-.288T13 16t-.288-.712T12 15t-.712.288T11 16t.288.713T12 17m-1-4h2V7h-2zm1 9q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .\[\&\.--info\]\:tw-material-symbols--info-outline.--info { --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='black' d='M11 17h2v-6h-2zm1-8q.425 0 .713-.288T13 8t-.288-.712T12 7t-.712.288T11 8t.288.713T12 9m0 13q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E"); } .\[\&\.is-active\]\:\!tw-border-blue-900.is-active { --tw-border-opacity: 1 !important; border-color: rgb(0 160 226 / var(--tw-border-opacity)) !important; } .\[\&\.is-active\]\:tw-border-blue-900.is-active { --tw-border-opacity: 1; border-color: rgb(0 160 226 / var(--tw-border-opacity)); } .\[\&\.is-active\]\:tw-font-bold.is-active { font-weight: 700; } .\[\&\.is-active\]\:tw-text-blue-900.is-active { --tw-text-opacity: 1; color: rgb(0 160 226 / var(--tw-text-opacity)); } .\[\&\.is-close\>dl\>dd\]\:tw-truncate.is-close>dl>dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\.is-close\>dl\>dt\]\:tw-truncate.is-close>dl>dt { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\.is-close\]\:tw-h-\[170px\].is-close { height: 170px; } .\[\&\>a\]\:tw-block>a { display: block; } .\[\&\>a\]\:tw-px-12>a { padding-left: 12px; padding-right: 12px; } .\[\&\>a\]\:tw-py-16>a { padding-top: 16px; padding-bottom: 16px; } .\[\&\>a\]\:\!tw-text-gray-900>a { --tw-text-opacity: 1 !important; color: rgb(52 52 52 / var(--tw-text-opacity)) !important; } .\[\&\>a\]\:hover\:tw-rounded-8:hover>a { border-radius: 8px; } .\[\&\>a\]\:hover\:tw-bg-gray-50:hover>a { --tw-bg-opacity: 1; background-color: rgb(244 244 244 / var(--tw-bg-opacity)); } .\[\&\>a\]\:hover\:\!tw-text-gray-900:hover>a { --tw-text-opacity: 1 !important; color: rgb(52 52 52 / var(--tw-text-opacity)) !important; } .\[\&\>a\]\:hover\:tw-no-underline:hover>a { text-decoration-line: none; } .\[\&\>dd\]\:tw-mb-0>dd { margin-bottom: 0px; } .\[\&\>dd\]\:tw-mt-8>dd { margin-top: 8px; } .\[\&\>div\:not\(\:first-child\)\]\:tw-mt-4>div:not(:first-child) { margin-top: 4px; } .\[\&\>div\>dd\]\:tw-mb-0>div>dd { margin-bottom: 0px; } .\[\&\>div\>dd\]\:tw-flex-1>div>dd { flex: 1 1; } .\[\&\>div\>dd\]\:tw-truncate>div>dd { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>div\>dt\]\:tw-flex-\[0\.35\]>div>dt { flex: 0.35 1; } .\[\&\>div\>dt\]\:tw-font-normal>div>dt { font-weight: 400; } .\[\&\>div\>dt\]\:tw-text-gray-500>div>dt { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .\[\&\>div\]\:\!tw-mb-0>div { margin-bottom: 0px !important; } .\[\&\>div\]\:tw-flex>div { display: flex; } .\[\&\>div\]\:tw-text-16>div { font-size: 16px; } .\[\&\>dl\:not\(\:first-child\)\]\:tw-mt-12>dl:not(:first-child) { margin-top: 12px; } .\[\&\>dl\>dd\]\:tw-mb-0>dl>dd { margin-bottom: 0px; } .\[\&\>dl\>dd\]\:tw-mt-4>dl>dd { margin-top: 4px; } .\[\&\>dl\>dt\]\:tw-font-bold>dl>dt { font-weight: 700; } .\[\&\>dl\]\:tw-mb-0>dl { margin-bottom: 0px; } .\[\&\>dl\]\:tw-text-14>dl { font-size: 14px; } .\[\&\>dt\]\:tw-text-center>dt { text-align: center; } .\[\&\>dt\]\:tw-text-16>dt { font-size: 16px; } .\[\&\>dt\]\:tw-text-18>dt { font-size: 18px; } .\[\&\>dt\]\:tw-font-normal>dt { font-weight: 400; } .\[\&\>dt\]\:tw-text-gray-500>dt { --tw-text-opacity: 1; color: rgb(147 147 147 / var(--tw-text-opacity)); } .\[\&\>label\:not\(\:first-child\)\]\:tw-mt-8>label:not(:first-child) { margin-top: 8px; } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-absolute>li:not(:first-child):before { position: absolute; } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-left-\[16px\]>li:not(:first-child):before { left: 16px; } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-top-\[-24px\]>li:not(:first-child):before { top: -24px; } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-h-\[16px\]>li:not(:first-child):before { height: 16px; } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-w-\[2px\]>li:not(:first-child):before { width: 2px; } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-bg-blue-900>li:not(:first-child):before { --tw-bg-opacity: 1; background-color: rgb(0 160 226 / var(--tw-bg-opacity)); } .\[\&\>li\:not\(\:first-child\)\:before\]\:tw-content-\[\'\'\]>li:not(:first-child):before { --tw-content: ''; content: var(--tw-content); } .\[\&\>li\:not\(\:first-child\)\]\:tw-relative>li:not(:first-child) { position: relative; } .\[\&\>li\:not\(\:first-child\)\]\:tw-mt-12>li:not(:first-child) { margin-top: 12px; } .\[\&\>li\:not\(\:first-child\)\]\:tw-mt-16>li:not(:first-child) { margin-top: 16px; } .\[\&\>li\:not\(\:first-child\)\]\:tw-mt-32>li:not(:first-child) { margin-top: 32px; } .\[\&\>li\:not\(\:first-child\)\]\:tw-mt-4>li:not(:first-child) { margin-top: 4px; } .\[\&\>li\:not\(\:first-child\)\]\:tw-mt-8>li:not(:first-child) { margin-top: 8px; } .\[\&\>li\]\:tw-list-none>li { list-style-type: none; } .\[\&\>li\]\:tw-truncate>li { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>li\]\:tw-text-red-900>li { --tw-text-opacity: 1; color: rgb(230 35 13 / var(--tw-text-opacity)); } .\[\&\>td\>p\]\:tw-mb-0>td>p { margin-bottom: 0px; } .\[\&\>td\>p\]\:tw-truncate>td>p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&\>td\]\:tw-px-16>td { padding-left: 16px; padding-right: 16px; } .\[\&\>td\]\:tw-py-16>td { padding-top: 16px; padding-bottom: 16px; } .\[\&\>td\]\:tw-py-\[19px\]>td { padding-top: 19px; padding-bottom: 19px; } .\[\&\>td\]\:tw-pb-\[16px\]>td { padding-bottom: 16px; } .\[\&\>td\]\:tw-pt-\[19px\]>td { padding-top: 19px; } .\[\&\>th\>p\]\:tw-m-0>th>p { margin: 0px; } .\[\&\>th\>p\]\:tw-text-14>th>p { font-size: 14px; } .\[\&\>th\>p\]\:tw-text-gray-900>th>p { --tw-text-opacity: 1; color: rgb(52 52 52 / var(--tw-text-opacity)); } .\[\&\>th\]\:tw-px-16>th { padding-left: 16px; padding-right: 16px; } .\[\&\>th\]\:tw-py-16>th { padding-top: 16px; padding-bottom: 16px; } .\[\&\>th\]\:tw-pb-\[18px\]>th { padding-bottom: 18px; } .\[\&\>th\]\:tw-pt-20>th { padding-top: 20px; } .\[\&\>th\]\:tw-font-normal>th { font-weight: 400; } .\[\&\>time\]\:tw-block>time { display: block; } .\[\&\>time\]\:tw-truncate>time { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .\[\&_dd\]\:tw-mb-0 dd { margin-bottom: 0px; } .\[\&_dt\]\:tw-font-normal dt { font-weight: 400; }