body{color:#333;background-color:#fbfcfc;font-family:"Inter",sans-serif;font-size:14px;line-height:20px;height:100%;margin:0}a,.link{color:#439b73;cursor:pointer}a.disabled,.link.disabled{color:#999}h1,h2,h3,.h1,.h2,.h3{color:#131b20;font-weight:400;line-height:30px}.h3{color:#182b4a}h4,h5,h6,.h4,.h5,.h6{margin:0}h5,h6,.h5,.h6{font-weight:bold}h1,.h1{font-size:32px;margin:0 0 20px}h2,.h2{font-size:28px;margin:0 0 20px;color:#0a1f44}h3,.h3{font-size:22px;margin:0 0 10px}h4,.h4{font-size:14px;font-weight:700;text-transform:uppercase;margin-bottom:5px}h5,.h5{font-size:13px;margin-bottom:5px}h6,.h6{font-size:12px}ol,ul{margin:0 0 20px 25px;padding:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}ol{list-style:decimal}ul{list-style:square}dl{margin:0 0 20px}dd{margin:0 0 0 25px}hr{margin:0 0 20px;border:0;border-top:1px solid #ddd;border-bottom:1px solid #fff}select{line-height:20px;padding:6px 4px;font-size:16px}.small{font-size:13px;max-width:390px}.btn{color:#fff;background-color:#333;border:1px solid;text-shadow:0 -1px 1px rgba(0,0,0,.5);font-size:14px;text-transform:capitalize;padding:10px 44px;border-radius:200px;margin-left:25px}.btn:disabled{color:#eee;text-shadow:none;cursor:not-allowed;opacity:.4}.btn.nomargin{margin-left:0}.general{color:#000}.mg-notification,.mg-notification-inline{display:flex;flex-direction:column;justify-content:center;align-items:center}.mg-notification-inline{flex-direction:row}.error,.very_weak{color:#c1192c}.weak{color:#e23e51}.fair{color:#e28327}.good{color:#fb7c38}.strong{color:#659f3d}.strong-ir{color:#25a877}.very_strong{color:#72c850}.hidden{display:none !important}.center{text-align:center}.container{display:flex;flex-flow:row wrap;width:100%}.container-display{display:flex;flex-flow:column}.content{border-color:#ededed;position:static;border-style:solid;border-width:0px;margin:0px auto;margin-top:-125px;margin-bottom:30px;border-radius:8px;box-shadow:0 1px 1px 0 rgba(10,22,70,.1),0 0 1px 0 rgba(10,22,70,.06);background-color:#fff;padding:40px 30px}@media(min-width: 992px){.content{padding:40px 20px;max-width:920px;width:920px}}.header,.header-inboxready{display:flex;justify-content:center;padding:30px 40px;color:#192745;font-weight:200;text-align:center;line-height:30px;font-size:28px;height:180px;background-color:#04162b}.header .link-image,.header-inboxready .link-image{width:184px;height:auto;margin:auto}.header-inboxready{background-color:#0f6d6f}.header-container{display:flex;width:100%;justify-content:center}.header-logo{margin-left:auto}.link-image{width:184px;height:auto;margin:auto}.footer{margin:auto;padding:10px 40px;color:#506174;text-align:center}.mg-banner{background-color:#f5f5f5;padding:15px;color:#0091ae}.inline{display:flex;flex-direction:row}.submit{background-color:#c02248;margin-top:10px}.submit.inboxready{background-color:#25a877}.root-form{position:relative}.g-recaptcha{margin-left:25px;margin-top:10px}.form{margin-top:0em;margin-block-end:1em;width:100%;display:flex;padding:0px;flex-direction:column}.form-row{margin:-10px;display:flex;flex-direction:column;flex-wrap:wrap}.form-item{margin:0px;min-width:230px;max-width:100%;padding:10px}@media(min-width: 992px){.form-item{max-width:390px}}.form-checkbox{margin:0;min-width:230px;max-width:100%;font-size:14px;padding:10px 27px}@media(min-width: 992px){.form-checkbox{max-width:390px}}.form-label{font-size:15px;font-weight:400;padding-bottom:4px}.form-input{min-width:23px}.form-input input[type=text],.form-input input[type=password],.form-input input[type=email]{background-color:#fff;border:1px solid #e1e4e8;height:auto;margin-bottom:0;padding:6px 4px;font-size:13px;line-height:20px;box-sizing:border-box;vertical-align:middle;zoom:1;border-radius:3px;width:100%;outline:none;transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out}.form-input input[type=text]:focus,.form-input input[type=password]:focus,.form-input input[type=email]:focus{border:1px solid #15bdf4;box-shadow:0 0 5px #15bdf4}.form-input select{background:transparent;height:30px}.captcha{padding-left:27px}.tooltip{position:relative;display:inline-block;border-bottom:1px dotted #000;cursor:pointer}.tooltiptext{background-color:#0091ae;color:#fff;padding:15px;border-radius:4px;position:absolute;width:300px;z-index:1;left:100px}.stripe-card-element-container{border-radius:3px;background-color:#fff;border:1px solid #e1e4e8;box-sizing:border-box;box-shadow:none;height:auto;margin-bottom:0;max-width:100% !important;padding:6px 4px}.stripe-element-error{font-weight:bold;padding:2pt 0pt;display:block;margin:0 0 5px}.billing-container{display:flex;flex-flow:column-reverse;padding:0px 15px;position:relative}@media(min-width: 992px){.billing-container{flex-direction:row}}.billing-container .billing-info{padding:10px 10px;order:1}@media(min-width: 992px){.billing-container .billing-info{margin-right:20px;padding:10px 10px}}.billing-container .billing-info-form{border-radius:4px;padding:18px 22px;margin-top:20px;background-color:#eee}.billing-container .billing-info-form #card-element{padding:9px 4px;border:1px solid #888}@media(min-width: 992px){.billing-container .billing-info-form{width:370px}}.billing-container .billing-info-heading{padding-left:25px;font-size:18px;font-weight:600;color:#182b4a;background-image:url(b0d337cd80a24a494da8.svg);background-repeat:no-repeat;background-size:18px auto;margin-bottom:10px}.cc-benefits{display:flex;justify-content:space-between;flex-flow:column;order:2;padding:0 15px}@media(min-width: 992px){.cc-benefits{position:absolute;right:0;top:150px;width:360px;z-index:1}}.cc-benefits h3.section-title{font-size:18px;font-weight:600;color:#182b4a;margin-bottom:10px;line-height:24px;border-bottom:1px solid #182b4a;padding-bottom:10px}.cc-benefits .cc-benefits-copy{padding:20px 0}.cc-benefits .feature-list{display:flex;flex-wrap:wrap;flex-direction:column}.cc-benefits .feature-list .feature-item{margin-right:6px;margin-left:14px;display:list-item;list-style-type:square;margin-bottom:5px}.cc-benefits .features{font-size:14px;line-height:22px}.cc-benefits .features ul{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:space-between;margin-top:20px}@media(min-width: 992px){.cc-benefits .features ul{flex-direction:column}.cc-benefits .features ul li{width:100%}}@media(min-width: 992px){.cc-benefits .features{max-width:390px}}.cc-benefits .plan-select-container .costs{padding:10px;background:#f8f8fa}.cc-benefits .plan-select-container .costs .cost-item{display:flex;font-size:16px;flex-direction:row;justify-content:space-between;padding-bottom:10px}.cc-benefits .plan-select-container .costs .cost-item .cost-item-cost{color:#182b4a;font-weight:600}.cc-benefits .plan-select-container .costs .cost-item .cost-item-header{font-size:18px}.cc-benefits .plan-select-container .costs .cost-item-today{margin-bottom:20px;margin-top:10px}.cc-benefits .plan-select-container .costs .cost-item-total{padding-top:15px;border-top:1px solid #ccc}.cc-benefits .plan-select-container .costs .cost-item-plan{margin-left:20px}.coupon-code{color:#25a877;font-weight:600}.total{display:flex;align-items:center}.plan-tiles-container{margin:20px 0}.plan-tiles-container .h3{margin-bottom:30px;color:#182b4a}.plan-tiles-container .plan-tiles-row{display:flex;margin-left:-5;flex-flow:row wrap}.plan-tiles-container .plan-tiles-row .plan-tile{background-color:#fff;cursor:pointer;font-size:1rem;width:260px;max-height:327px;border:1px solid rgba(153,153,153,.3);border-radius:4px;transition:all .2s ease-in-out;margin:30px 0}@media(min-width: 768px){.plan-tiles-container .plan-tiles-row .plan-tile{min-height:220px;margin:5;flex-flow:row nowrap}}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-header{line-height:30px;text-align:left;color:#fff;background-color:#4b6cb7;height:30px;border-top-left-radius:4px;border-top-right-radius:4px;transition:all .2s ease-in-out}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-footer{background-color:#4b6cb7;color:#fff;padding:10px 0;text-align:center;border-top:1px solid rgba(153,153,153,.3);border-bottom-left-radius:4px;border-bottom-right-radius:4px}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-footer--selected{background-color:#0091ae;color:#fff;border-top:1px solid rgba(0,145,174,.3)}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body{display:flex;flex-flow:column;justify-content:space-between;text-align:left}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-title{font-size:20px;font-weight:700;margin:20px 0 0 20px}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-additional{font-size:15px;font-style:italic;margin-left:37px}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-details{padding:0;margin:10px 0;list-style:none}@media(min-width: 768px){.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-details{display:block}}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-details li{font-size:14px;font-weight:400;padding-left:15%}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-featured{margin-bottom:10px;padding:15px 0;background-color:rgba(184,233,134,.3)}@media(min-width: 768px){.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-featured{display:block}}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-featured span:before{margin-right:10px;font-weight:700;content:"+";color:#0091ae}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-price-original-cost{text-decoration:line-through;color:#999}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-price{padding-bottom:12px;padding-left:15%;font-weight:900}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-price .plan-price-cost{font-size:20px}.plan-tiles-container .plan-tiles-row .plan-tile .plan-tile-body .plan-price-subtitle{font-size:12px;color:#04618e}.plan-tiles-container .plan-tiles-row .plan-tile--selected{border-color:#4b6cb7}.plan-tiles-container .plan-tiles-row .plan-tile--selected .plan-tile-header{background-color:#0091ae}.plan-tile{background-color:#fff;cursor:pointer;font-size:1rem;width:260px;max-height:327px;border:1px solid rgba(153,153,153,.3);border-radius:4px;transition:all .2s ease-in-out;margin:30px 0}@media(min-width: 768px){.plan-tile{min-height:220px;margin:0;margin-left:15;margin-top:39;flex-flow:row nowrap}}.plan-tile .plan-tile-body{display:flex;flex-flow:column;justify-content:space-between;text-align:left}.plan-tile .plan-tile-body .plan-display-title{text-align:center;font-size:20px;font-weight:700;margin:20px 0 10px 0px}.plan-tile .plan-tile-body .plan-subtitle{background-color:#f5f5f5;padding:5px 15px 5px;text-align:center}.plan-tile .plan-tile-body .plan-details{padding:0;margin:10px 0;list-style:none}@media(min-width: 768px){.plan-tile .plan-tile-body .plan-details{display:block}}.plan-tile .plan-tile-body .plan-details li{font-size:14px;font-weight:600;padding-left:15%}.plan-tile .plan-tile-body .plan-display-selected{text-align:center;border:2px solid #0091ae;margin:25px;padding:10px;color:#0091ae} @font-face{font-family:"DM Sans";font-style:normal;font-display:swap;font-weight:400;src:url(8d403ac2bf526dbdd75a.woff2) format("woff2"),url(1e1b9a85c4b35caf7042.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Sans";font-style:normal;font-display:swap;font-weight:400;src:url(8aae4f3d5a6a62dc3dae.woff2) format("woff2"),url(128bd84c17f6eb4db8ec.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"DM Sans";font-style:normal;font-display:swap;font-weight:500;src:url(d4978e8cf2ca7508c84a.woff2) format("woff2"),url(8e37cf99eccc22cab425.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Sans";font-style:normal;font-display:swap;font-weight:500;src:url(96091d87ee864e1a75e0.woff2) format("woff2"),url(e699b740a12e6cd9e1e3.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"DM Sans";font-style:normal;font-display:swap;font-weight:700;src:url(a8041808d51a22aebf65.woff2) format("woff2"),url(5c7ec5708e14cbf1251b.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"DM Sans";font-style:normal;font-display:swap;font-weight:700;src:url(dca06d82fac911716e42.woff2) format("woff2"),url(05796f0e81d5f5bf434a.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face { font-family: "DM Sans"; font-weight: 400; font-style: normal; font-display: swap; src: local("DMSans-Regular"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 500; font-style: normal; font-display: swap; src: local("DMSans-Medium"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: normal; font-display: swap; src: local("DMSans-Bold"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 400; font-style: italic; font-display: swap; src: local("DMSans-Italic"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400-italic.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-400-italic.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 500; font-style: italic; font-display: swap; src: local("DMSans-MediumItalic"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500-italic.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-500-italic.woff") format("woff"); } @font-face { font-family: "DM Sans"; font-weight: 700; font-style: italic; font-display: swap; src: local("DMSans-BoldItalic"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700-italic.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Sans-700-italic.woff") format("woff"); } @font-face { font-family: "DM Mono"; font-weight: 400; font-style: normal; font-display: swap; src: local("DMMono-Regular"), url("https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff2") format("woff2"), url("https://d2vu40klajma73.cloudfront.net/DM-Mono-400.woff") format("woff"); } /* https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:FILL@0..1 */ /* https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:FILL@1 */ /* https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined */ @font-face { font-family: "Material Icons"; font-style: normal; font-weight: 400; font-display: block; src: local("MaterialSymbolsRoundedFilled24pt-Regular"), url("https://fonts.gstatic.com/s/materialsymbolsrounded/v109/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDJ_vb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxeJKJBiCa8.woff2") format("woff2"); } .nectary-theme-base { --sinch-ref-color-complementary-bolt-200: #FFE6B3; --sinch-ref-color-complementary-bolt-400: #FFBE3C; --sinch-ref-color-complementary-bolt-700: #805500; --sinch-ref-color-complementary-candy-200: #F6CBEA; --sinch-ref-color-complementary-candy-400: #E467C3; --sinch-ref-color-complementary-candy-700: #981B77; --sinch-ref-color-complementary-celtic-200: #D5E5F8; --sinch-ref-color-complementary-celtic-400: #2071CE; --sinch-ref-color-complementary-celtic-700: #003B7E; --sinch-ref-color-complementary-dirt-200: #E0DDDC; --sinch-ref-color-complementary-dirt-400: #828282; --sinch-ref-color-complementary-dirt-700: #363230; --sinch-ref-color-complementary-grass-200: #B4E4B5; --sinch-ref-color-complementary-grass-400: #39B93D; --sinch-ref-color-complementary-grass-700: #006602; --sinch-ref-color-complementary-jasper-200: #FFCDD2; --sinch-ref-color-complementary-jasper-400: #F44336; --sinch-ref-color-complementary-jasper-700: #B71C1C; --sinch-ref-color-complementary-mud-200: #D7C6C1; --sinch-ref-color-complementary-mud-400: #8B6559; --sinch-ref-color-complementary-mud-700: #6D4E46; --sinch-ref-color-complementary-night-200: #D1D6FA; --sinch-ref-color-complementary-night-400: #3247E9; --sinch-ref-color-complementary-night-700: #1223A1; --sinch-ref-color-complementary-olive-200: #D7F1D8; --sinch-ref-color-complementary-olive-400: #46A65A; --sinch-ref-color-complementary-olive-700: #275D33; --sinch-ref-color-complementary-orange-200: #FFD4B3; --sinch-ref-color-complementary-orange-400: #FF8C34; --sinch-ref-color-complementary-orange-700: #974302; --sinch-ref-color-complementary-pumpkin-200: #FFE8D6; --sinch-ref-color-complementary-pumpkin-400: #F35B1C; --sinch-ref-color-complementary-pumpkin-700: #9C2E00; --sinch-ref-color-complementary-violet-200: #DECBF6; --sinch-ref-color-complementary-violet-400: #9E67E4; --sinch-ref-color-complementary-violet-700: #4F1B98; --sinch-ref-color-main-honey-100: #FFF7E6; --sinch-ref-color-main-honey-200: #FCECCB; --sinch-ref-color-main-honey-300: #FFDF9E; --sinch-ref-color-main-honey-400: #FFCC66; --sinch-ref-color-main-honey-500: #FFBE3C; --sinch-ref-color-main-honey-600: #FFAA00; --sinch-ref-color-main-honey-700: #CC8800; --sinch-ref-color-main-ocean-100: #DEF2FF; --sinch-ref-color-main-ocean-200: #C8E6F9; --sinch-ref-color-main-ocean-300: #A1D5F5; --sinch-ref-color-main-ocean-400: #6EBBEE; --sinch-ref-color-main-ocean-50: #F3FAFE; --sinch-ref-color-main-ocean-500: #3AA7EA; --sinch-ref-color-main-ocean-600: #1686CB; --sinch-ref-color-main-ocean-700: #1B3E65; --sinch-ref-color-main-raspberry-100: #FFE8E4; --sinch-ref-color-main-raspberry-200: #FBD5D5; --sinch-ref-color-main-raspberry-300: #FFB8B8; --sinch-ref-color-main-raspberry-400: #F38686; --sinch-ref-color-main-raspberry-50: #FFF6F5; --sinch-ref-color-main-raspberry-500: #EF5858; --sinch-ref-color-main-raspberry-600: #D13D42; --sinch-ref-color-main-raspberry-700: #882024; --sinch-ref-color-main-snow-100: #FFFFFF; --sinch-ref-color-main-snow-200: #F8F8F8; --sinch-ref-color-main-snow-400: #F2F2F2; --sinch-ref-color-main-snow-500: #E0E0E0; --sinch-ref-color-main-snow-600: #D9D9D9; --sinch-ref-color-main-snow-700: #CCCCCC; --sinch-ref-color-main-stormy-100: #A6A6A6; --sinch-ref-color-main-stormy-200: #8C8C8C; --sinch-ref-color-main-stormy-300: #767676; --sinch-ref-color-main-stormy-400: #595959; --sinch-ref-color-main-stormy-500: #404040; --sinch-ref-color-main-stormy-600: #303030; --sinch-ref-color-main-stormy-700: #242424; --sinch-ref-color-main-stormy-800: #191919; --sinch-ref-color-main-stormy-900: #000000; --sinch-ref-color-main-tropical-100: #DCEDE1; --sinch-ref-color-main-tropical-200: #A7D5C2; --sinch-ref-color-main-tropical-300: #63B9A4; --sinch-ref-color-main-tropical-400: #059688; --sinch-ref-color-main-tropical-50: #F5FAF6; --sinch-ref-color-main-tropical-500: #007171; --sinch-ref-color-main-tropical-600: #005757; --sinch-ref-color-main-tropical-700: #003D3D; --sinch-ref-shadow-level-0: none; --sinch-ref-shadow-level-1: 1px 2px 6px #0A273D1A; --sinch-ref-shadow-level-2: 1px 4px 8px #0A273D1A; --sinch-ref-shadow-level-3: 1px 6px 12px #0A273D26; --sinch-ref-shadow-level-4: 0 8px 16px #0A273D1A; --sinch-ref-shape-radius-0: 0; --sinch-ref-shape-radius-1: 1px; --sinch-ref-shape-radius-10: 10px; --sinch-ref-shape-radius-11: 11px; --sinch-ref-shape-radius-12: 12px; --sinch-ref-shape-radius-13: 13px; --sinch-ref-shape-radius-14: 14px; --sinch-ref-shape-radius-15: 15px; --sinch-ref-shape-radius-16: 16px; --sinch-ref-shape-radius-17: 17px; --sinch-ref-shape-radius-18: 18px; --sinch-ref-shape-radius-19: 19px; --sinch-ref-shape-radius-2: 2px; --sinch-ref-shape-radius-20: 20px; --sinch-ref-shape-radius-3: 3px; --sinch-ref-shape-radius-4: 4px; --sinch-ref-shape-radius-5: 5px; --sinch-ref-shape-radius-6: 6px; --sinch-ref-shape-radius-7: 7px; --sinch-ref-shape-radius-8: 8px; --sinch-ref-shape-radius-9: 9px; --sinch-ref-shape-radius-full: 9999px; --sinch-ref-typography-font-family-main: "DM Sans", "Arial", sans-serif; --sinch-ref-typography-font-family-mono: "DM Mono", monospace; --sinch-ref-typography-font-size-10: 10px; --sinch-ref-typography-font-size-12: 12px; --sinch-ref-typography-font-size-14: 14px; --sinch-ref-typography-font-size-16: 16px; --sinch-ref-typography-font-size-18: 18px; --sinch-ref-typography-font-size-20: 20px; --sinch-ref-typography-font-size-24: 24px; --sinch-ref-typography-font-size-40: 40px; --sinch-ref-typography-font-size-56: 56px; --sinch-ref-typography-font-weight-300: 300; --sinch-ref-typography-font-weight-400: 400; --sinch-ref-typography-font-weight-500: 500; --sinch-ref-typography-font-weight-600: 600; --sinch-ref-typography-font-weight-700: 700; --sinch-ref-typography-letter-spacing-body: 0; --sinch-ref-typography-letter-spacing-title: -2%; --sinch-ref-typography-line-height-14: 14px; --sinch-ref-typography-line-height-16: 16px; --sinch-ref-typography-line-height-20: 20px; --sinch-ref-typography-line-height-22: 22px; --sinch-ref-typography-line-height-24: 24px; --sinch-ref-typography-line-height-28: 28px; --sinch-ref-typography-line-height-32: 32px; --sinch-ref-typography-line-height-48: 48px; --sinch-ref-typography-line-height-72: 72px; --sinch-ref-typography-paragraph-spacing-0: 0; --sinch-ref-typography-paragraph-spacing-1: 12; --sinch-ref-typography-text-case-none: none; --sinch-ref-typography-text-decoration-none: none; --sinch-ref-typography-text-decoration-underline: underline; } .nectary-theme-base { --sinch-sys-color-border-active: var(--sinch-sys-color-primary-default); --sinch-sys-color-border-dark: var(--sinch-ref-color-main-stormy-100); --sinch-sys-color-border-default: var(--sinch-ref-color-main-snow-700); --sinch-sys-color-border-disabled: var(--sinch-ref-color-main-snow-400); --sinch-sys-color-border-focus: var(--sinch-ref-color-main-ocean-500); --sinch-sys-color-border-invalid: var(--sinch-ref-color-main-raspberry-600); --sinch-sys-color-border-light: var(--sinch-ref-color-main-snow-500); --sinch-sys-color-container-complement-primary-active: var(--sinch-ref-color-main-honey-300); --sinch-sys-color-container-complement-primary-default: var(--sinch-ref-color-main-honey-100); --sinch-sys-color-container-complement-primary-disabled: var(--sinch-ref-color-main-honey-100); --sinch-sys-color-container-complement-primary-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-container-complement-primary-hover: var(--sinch-ref-color-main-honey-200); --sinch-sys-color-container-complement-quaternary-active: var(--sinch-ref-color-main-raspberry-200); --sinch-sys-color-container-complement-quaternary-default: var(--sinch-ref-color-main-raspberry-50); --sinch-sys-color-container-complement-quaternary-disabled: var(--sinch-ref-color-main-raspberry-50); --sinch-sys-color-container-complement-quaternary-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-container-complement-quaternary-hover: var(--sinch-ref-color-main-raspberry-100); --sinch-sys-color-container-complement-secondary-active: var(--sinch-ref-color-main-tropical-200); --sinch-sys-color-container-complement-secondary-default: var(--sinch-ref-color-main-tropical-50); --sinch-sys-color-container-complement-secondary-disabled: var(--sinch-ref-color-main-tropical-50); --sinch-sys-color-container-complement-secondary-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-container-complement-secondary-hover: var(--sinch-ref-color-main-tropical-100); --sinch-sys-color-container-complement-tertiary-active: var(--sinch-ref-color-main-ocean-300); --sinch-sys-color-container-complement-tertiary-default: var(--sinch-ref-color-main-ocean-100); --sinch-sys-color-container-complement-tertiary-disabled: var(--sinch-ref-color-main-ocean-100); --sinch-sys-color-container-complement-tertiary-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-container-complement-tertiary-hover: var(--sinch-ref-color-main-ocean-200); --sinch-sys-color-container-contrast-primary-active: var(--sinch-ref-color-main-snow-600); --sinch-sys-color-container-contrast-primary-default: var(--sinch-ref-color-main-snow-400); --sinch-sys-color-container-contrast-primary-disabled: var(--sinch-ref-color-main-snow-400); --sinch-sys-color-container-contrast-primary-foreground: var(--sinch-ref-color-main-stormy-600); --sinch-sys-color-container-contrast-primary-hover: var(--sinch-ref-color-main-snow-500); --sinch-sys-color-container-contrast-secondary-active: var(--sinch-ref-color-main-snow-500); --sinch-sys-color-container-contrast-secondary-default: var(--sinch-ref-color-main-snow-200); --sinch-sys-color-container-contrast-secondary-disabled: var(--sinch-ref-color-main-snow-200); --sinch-sys-color-container-contrast-secondary-foreground: var(--sinch-ref-color-main-stormy-600); --sinch-sys-color-container-contrast-secondary-hover: var(--sinch-ref-color-main-snow-400); --sinch-sys-color-container-main-active: var(--sinch-ref-color-main-snow-400); --sinch-sys-color-container-main-default: var(--sinch-ref-color-main-snow-100); --sinch-sys-color-container-main-disabled: var(--sinch-ref-color-main-snow-100); --sinch-sys-color-container-main-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-container-main-hover: var(--sinch-ref-color-main-snow-200); --sinch-sys-color-container-transparent-active: #24242433; --sinch-sys-color-container-transparent-default: transparent; --sinch-sys-color-container-transparent-disabled: transparent; --sinch-sys-color-container-transparent-hover: #2424241A; --sinch-sys-color-cta-active: var(--sinch-ref-color-main-honey-600); --sinch-sys-color-cta-default: var(--sinch-ref-color-main-honey-500); --sinch-sys-color-cta-disabled: var(--sinch-ref-color-main-honey-200); --sinch-sys-color-cta-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-cta-hover: var(--sinch-ref-color-main-honey-400); --sinch-sys-color-feedback-info-background: var(--sinch-ref-color-complementary-celtic-200); --sinch-sys-color-feedback-info-contrast: var(--sinch-ref-color-complementary-celtic-400); --sinch-sys-color-feedback-info-foreground: var(--sinch-ref-color-complementary-celtic-700); --sinch-sys-color-feedback-invalid-background: var(--sinch-ref-color-complementary-jasper-200); --sinch-sys-color-feedback-invalid-contrast: var(--sinch-ref-color-complementary-jasper-400); --sinch-sys-color-feedback-invalid-foreground: var(--sinch-ref-color-complementary-jasper-700); --sinch-sys-color-feedback-success-background: var(--sinch-ref-color-complementary-olive-200); --sinch-sys-color-feedback-success-contrast: var(--sinch-ref-color-complementary-olive-400); --sinch-sys-color-feedback-success-foreground: var(--sinch-ref-color-complementary-olive-700); --sinch-sys-color-feedback-warning-background: var(--sinch-ref-color-complementary-pumpkin-200); --sinch-sys-color-feedback-warning-contrast: var(--sinch-ref-color-complementary-pumpkin-400); --sinch-sys-color-feedback-warning-foreground: var(--sinch-ref-color-complementary-pumpkin-700); --sinch-sys-color-primary-active: var(--sinch-ref-color-main-tropical-600); --sinch-sys-color-primary-default: var(--sinch-ref-color-main-tropical-500); --sinch-sys-color-primary-disabled: var(--sinch-ref-color-main-tropical-200); --sinch-sys-color-primary-foreground: var(--sinch-ref-color-main-snow-100); --sinch-sys-color-primary-hover: var(--sinch-ref-color-main-tropical-400); --sinch-sys-color-skintone-dark: #7C533E; --sinch-sys-color-skintone-default: #FFCC4D; --sinch-sys-color-skintone-light: #F7DECE; --sinch-sys-color-skintone-light-medium: #F3D2A2; --sinch-sys-color-skintone-medium: #D4AB88; --sinch-sys-color-skintone-medium-dark: #AF7E57; --sinch-sys-color-status-away-background: var(--sinch-ref-color-complementary-bolt-200); --sinch-sys-color-status-away-contrast: var(--sinch-ref-color-complementary-bolt-400); --sinch-sys-color-status-away-foreground: var(--sinch-ref-color-complementary-bolt-700); --sinch-sys-color-status-busy-background: var(--sinch-ref-color-complementary-jasper-200); --sinch-sys-color-status-busy-contrast: var(--sinch-ref-color-complementary-jasper-400); --sinch-sys-color-status-busy-foreground: var(--sinch-ref-color-complementary-jasper-700); --sinch-sys-color-status-offline-background: var(--sinch-ref-color-complementary-dirt-200); --sinch-sys-color-status-offline-contrast: var(--sinch-ref-color-complementary-dirt-400); --sinch-sys-color-status-offline-foreground: var(--sinch-ref-color-complementary-dirt-700); --sinch-sys-color-status-online-background: var(--sinch-ref-color-complementary-olive-200); --sinch-sys-color-status-online-contrast: var(--sinch-ref-color-complementary-olive-400); --sinch-sys-color-status-online-foreground: var(--sinch-ref-color-complementary-olive-700); --sinch-sys-color-text-default: var(--sinch-ref-color-main-stormy-700); --sinch-sys-color-text-disabled: var(--sinch-ref-color-main-stormy-100); --sinch-sys-color-text-invalid: var(--sinch-ref-color-main-raspberry-600); --sinch-sys-color-text-inverted: var(--sinch-ref-color-main-snow-100); --sinch-sys-color-text-link: var(--sinch-sys-color-primary-default); --sinch-sys-color-text-link-disabled: var(--sinch-sys-color-primary-disabled); --sinch-sys-color-text-muted: var(--sinch-ref-color-main-stormy-300); --sinch-sys-font-body-emphasize: var(--sinch-ref-typography-font-weight-700) var(--sinch-ref-typography-font-size-16)/var(--sinch-ref-typography-line-height-24) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-emphasize-s: var(--sinch-ref-typography-font-weight-700) var(--sinch-ref-typography-font-size-14)/var(--sinch-ref-typography-line-height-20) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-emphasize-xs: var(--sinch-ref-typography-font-weight-700) var(--sinch-ref-typography-font-size-12)/var(--sinch-ref-typography-line-height-20) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-link: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-16)/var(--sinch-ref-typography-line-height-24) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-m: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-16)/var(--sinch-ref-typography-line-height-24) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-monospace-m: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-16)/var(--sinch-ref-typography-line-height-24) var(--sinch-ref-typography-font-family-mono); --sinch-sys-font-body-monospace-s: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-14)/var(--sinch-ref-typography-line-height-22) var(--sinch-ref-typography-font-family-mono); --sinch-sys-font-body-monospace-xs: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-12)/var(--sinch-ref-typography-line-height-20) var(--sinch-ref-typography-font-family-mono); --sinch-sys-font-body-monospace-xxs: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-10)/var(--sinch-ref-typography-line-height-16) var(--sinch-ref-typography-font-family-mono); --sinch-sys-font-body-s: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-14)/var(--sinch-ref-typography-line-height-22) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-xs: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-12)/var(--sinch-ref-typography-line-height-20) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-body-xxs: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-10)/var(--sinch-ref-typography-line-height-16) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-desktop-title-hero: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-56)/var(--sinch-ref-typography-line-height-72) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-desktop-title-l: var(--sinch-ref-typography-font-weight-500) var(--sinch-ref-typography-font-size-24)/var(--sinch-ref-typography-line-height-32) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-desktop-title-m: var(--sinch-ref-typography-font-weight-500) var(--sinch-ref-typography-font-size-20)/var(--sinch-ref-typography-line-height-24) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-desktop-title-s: var(--sinch-ref-typography-font-weight-500) var(--sinch-ref-typography-font-size-16)/var(--sinch-ref-typography-line-height-24) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-desktop-title-xl: var(--sinch-ref-typography-font-weight-400) var(--sinch-ref-typography-font-size-40)/var(--sinch-ref-typography-line-height-48) var(--sinch-ref-typography-font-family-main); --sinch-sys-font-desktop-title-xs: var(--sinch-ref-typography-font-weight-500) var(--sinch-ref-typography-font-size-14)/var(--sinch-ref-typography-line-height-22) var(--sinch-ref-typography-font-family-main); --sinch-sys-shape-radius-full: var(--sinch-ref-shape-radius-full); --sinch-sys-shape-radius-l: var(--sinch-ref-shape-radius-14); --sinch-sys-shape-radius-m: var(--sinch-ref-shape-radius-10); --sinch-sys-shape-radius-s: var(--sinch-ref-shape-radius-6); --sinch-sys-shape-radius-xs: var(--sinch-ref-shape-radius-2); --sinch-sys-size-l: 48px; --sinch-sys-size-m: 40px; --sinch-sys-size-s: 32px; --sinch-sys-size-xs: 24px; } .nectary-theme-base { --sinch-comp-accordion-color-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-accordion-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-accordion-color-default-optional-text-initial: var(--sinch-sys-color-text-muted); --sinch-comp-accordion-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-accordion-color-default-status-error: var(--sinch-sys-color-feedback-invalid-contrast); --sinch-comp-accordion-color-default-status-info: var(--sinch-sys-color-feedback-info-contrast); --sinch-comp-accordion-color-default-status-success: var(--sinch-sys-color-feedback-success-contrast); --sinch-comp-accordion-color-default-status-warning: var(--sinch-sys-color-feedback-warning-contrast); --sinch-comp-accordion-color-default-title-initial: var(--sinch-sys-color-text-default); --sinch-comp-accordion-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-accordion-color-disabled-optional-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-accordion-color-disabled-title-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-accordion-font-optional-text: var(--sinch-sys-font-body-s); --sinch-comp-accordion-font-title: var(--sinch-sys-font-desktop-title-m); --sinch-comp-accordion-size-icon: var(--sinch-sys-size-xs); } .nectary-theme-base { --sinch-comp-action-menu-color-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-action-menu-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-action-menu-color-default-background-selected: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-action-menu-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-action-menu-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-action-menu-color-disabled-background-initial: var(--sinch-sys-color-container-transparent-disabled); --sinch-comp-action-menu-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-action-menu-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-action-menu-font-option: var(--sinch-sys-font-body-m); --sinch-comp-action-menu-size-icon: var(--sinch-sys-size-xs); } .nectary-theme-base { --sinch-comp-alert-color-error-default-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-alert-color-error-default-icon: var(--sinch-sys-color-feedback-invalid-contrast); --sinch-comp-alert-color-error-default-text: var(--sinch-sys-color-text-default); --sinch-comp-alert-color-info-default-background: var(--sinch-sys-color-feedback-info-background); --sinch-comp-alert-color-info-default-icon: var(--sinch-sys-color-feedback-info-contrast); --sinch-comp-alert-color-info-default-text: var(--sinch-sys-color-text-default); --sinch-comp-alert-color-warning-default-background: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-alert-color-warning-default-icon: var(--sinch-sys-color-feedback-warning-contrast); --sinch-comp-alert-color-warning-default-text: var(--sinch-sys-color-text-default); --sinch-comp-alert-font-body: var(--sinch-sys-font-body-m); } .nectary-theme-base { --sinch-comp-avatar-border-color-default-initial: var(--sinch-sys-color-border-light); --sinch-comp-avatar-container-color-blue-background: var(--sinch-ref-color-complementary-night-400); --sinch-comp-avatar-container-color-blue-foreground: var(--sinch-ref-color-main-snow-100); --sinch-comp-avatar-container-color-brown-background: var(--sinch-ref-color-complementary-mud-400); --sinch-comp-avatar-container-color-brown-foreground: var(--sinch-ref-color-main-snow-100); --sinch-comp-avatar-container-color-celtic-background: var(--sinch-sys-color-feedback-info-background); --sinch-comp-avatar-container-color-celtic-foreground: var(--sinch-sys-color-feedback-info-foreground); --sinch-comp-avatar-container-color-dark-blue-background: var(--sinch-ref-color-complementary-night-700); --sinch-comp-avatar-container-color-dark-blue-foreground: var(--sinch-ref-color-complementary-night-200); --sinch-comp-avatar-container-color-dark-brown-background: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-avatar-container-color-dark-brown-foreground: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-avatar-container-color-dark-gray-background: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-avatar-container-color-dark-gray-foreground: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-avatar-container-color-dark-green-background: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-avatar-container-color-dark-green-foreground: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-avatar-container-color-dark-orange-background: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-avatar-container-color-dark-orange-foreground: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-avatar-container-color-dark-pink-background: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-avatar-container-color-dark-pink-foreground: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-avatar-container-color-dark-violet-background: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-avatar-container-color-dark-violet-foreground: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-avatar-container-color-dark-yellow-background: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-avatar-container-color-dark-yellow-foreground: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-avatar-container-color-default-background: var(--sinch-ref-color-main-snow-500); --sinch-comp-avatar-container-color-default-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-avatar-container-color-gray-background: var(--sinch-ref-color-complementary-dirt-400); --sinch-comp-avatar-container-color-gray-foreground: var(--sinch-ref-color-main-snow-100); --sinch-comp-avatar-container-color-green-background: var(--sinch-ref-color-complementary-grass-400); --sinch-comp-avatar-container-color-green-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-avatar-container-color-jasper-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-avatar-container-color-jasper-foreground: var(--sinch-sys-color-feedback-invalid-foreground); --sinch-comp-avatar-container-color-light-blue-background: var(--sinch-ref-color-complementary-night-200); --sinch-comp-avatar-container-color-light-blue-foreground: var(--sinch-ref-color-complementary-night-700); --sinch-comp-avatar-container-color-light-brown-background: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-avatar-container-color-light-brown-foreground: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-avatar-container-color-light-gray-background: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-avatar-container-color-light-gray-foreground: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-avatar-container-color-light-green-background: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-avatar-container-color-light-green-foreground: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-avatar-container-color-light-orange-background: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-avatar-container-color-light-orange-foreground: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-avatar-container-color-light-pink-background: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-avatar-container-color-light-pink-foreground: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-avatar-container-color-light-violet-background: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-avatar-container-color-light-violet-foreground: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-avatar-container-color-light-yellow-background: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-avatar-container-color-light-yellow-foreground: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-avatar-container-color-olive-background: var(--sinch-sys-color-feedback-success-background); --sinch-comp-avatar-container-color-olive-foreground: var(--sinch-sys-color-feedback-success-foreground); --sinch-comp-avatar-container-color-orange-background: var(--sinch-ref-color-complementary-orange-400); --sinch-comp-avatar-container-color-orange-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-avatar-container-color-pink-background: var(--sinch-ref-color-complementary-candy-400); --sinch-comp-avatar-container-color-pink-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-avatar-container-color-pumpkin-background: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-avatar-container-color-pumpkin-foreground: var(--sinch-sys-color-feedback-warning-foreground); --sinch-comp-avatar-container-color-violet-background: var(--sinch-ref-color-complementary-violet-400); --sinch-comp-avatar-container-color-violet-foreground: var(--sinch-ref-color-main-stormy-900); --sinch-comp-avatar-container-color-yellow-background: var(--sinch-ref-color-complementary-bolt-400); --sinch-comp-avatar-container-color-yellow-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-avatar-container-font-size-l-text: var(--sinch-sys-font-desktop-title-m); --sinch-comp-avatar-container-font-size-m-text: var(--sinch-sys-font-desktop-title-s); --sinch-comp-avatar-container-font-size-s-text: var(--sinch-sys-font-body-xxs); --sinch-comp-avatar-shape-radius: var(--sinch-sys-shape-radius-full); --sinch-comp-avatar-size-l: 56px; --sinch-comp-avatar-size-m: 40px; --sinch-comp-avatar-size-s: 24px; --sinch-comp-avatar-status-color-away-default-background: var(--sinch-sys-color-status-away-contrast); --sinch-comp-avatar-status-color-busy-default-background: var(--sinch-sys-color-status-busy-contrast); --sinch-comp-avatar-status-color-offline-default-background: var(--sinch-sys-color-status-offline-contrast); --sinch-comp-avatar-status-color-online-default-background: var(--sinch-sys-color-status-online-contrast); } .nectary-theme-base { --sinch-comp-badge-color-background: var(--sinch-sys-color-status-busy-contrast); --sinch-comp-badge-color-border: var(--sinch-sys-color-border-light); --sinch-comp-badge-color-text: var(--sinch-sys-color-text-inverted); --sinch-comp-badge-font-size-l: var(--sinch-ref-typography-font-weight-400) 14px/20px var(--sinch-ref-typography-font-family-mono); --sinch-comp-badge-font-size-m: var(--sinch-ref-typography-font-weight-400) 12px/14px var(--sinch-ref-typography-font-family-mono); --sinch-comp-badge-shape-radius: var(--sinch-sys-shape-radius-full); } .nectary-theme-base { --sinch-comp-button-color-cta-primary-default-background-active: var(--sinch-sys-color-cta-active); --sinch-comp-button-color-cta-primary-default-background-hover: var(--sinch-sys-color-cta-hover); --sinch-comp-button-color-cta-primary-default-background-initial: var(--sinch-sys-color-cta-default); --sinch-comp-button-color-cta-primary-default-border-initial: transparent; --sinch-comp-button-color-cta-primary-default-icon-initial: var(--sinch-sys-color-cta-foreground); --sinch-comp-button-color-cta-primary-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-cta-primary-default-text-initial: var(--sinch-sys-color-cta-foreground); --sinch-comp-button-color-cta-primary-disabled-background-initial: var(--sinch-sys-color-cta-disabled); --sinch-comp-button-color-cta-primary-disabled-border-initial: transparent; --sinch-comp-button-color-cta-primary-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-cta-primary-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-cta-secondary-default-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-button-color-cta-secondary-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-button-color-cta-secondary-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-button-color-cta-secondary-default-border-initial: var(--sinch-sys-color-container-main-foreground); --sinch-comp-button-color-cta-secondary-default-icon-initial: var(--sinch-sys-color-container-main-foreground); --sinch-comp-button-color-cta-secondary-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-cta-secondary-default-text-initial: var(--sinch-sys-color-container-main-foreground); --sinch-comp-button-color-cta-secondary-disabled-background-initial: var(--sinch-sys-color-container-main-disabled); --sinch-comp-button-color-cta-secondary-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-button-color-cta-secondary-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-cta-secondary-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-danger-default-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-button-color-danger-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-button-color-danger-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-button-color-danger-default-border-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-button-color-danger-default-icon-initial: var(--sinch-sys-color-text-invalid); --sinch-comp-button-color-danger-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-danger-default-text-initial: var(--sinch-sys-color-text-invalid); --sinch-comp-button-color-danger-disabled-background-initial: var(--sinch-sys-color-container-main-disabled); --sinch-comp-button-color-danger-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-button-color-danger-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-danger-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-primary-default-background-active: var(--sinch-sys-color-primary-active); --sinch-comp-button-color-primary-default-background-hover: var(--sinch-sys-color-primary-hover); --sinch-comp-button-color-primary-default-background-initial: var(--sinch-sys-color-primary-default); --sinch-comp-button-color-primary-default-border-initial: transparent; --sinch-comp-button-color-primary-default-icon-initial: var(--sinch-sys-color-primary-foreground); --sinch-comp-button-color-primary-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-primary-default-text-initial: var(--sinch-sys-color-primary-foreground); --sinch-comp-button-color-primary-disabled-background-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-button-color-primary-disabled-border-initial: transparent; --sinch-comp-button-color-primary-disabled-icon-initial: var(--sinch-sys-color-primary-foreground); --sinch-comp-button-color-primary-disabled-text-initial: var(--sinch-sys-color-primary-foreground); --sinch-comp-button-color-secondary-default-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-button-color-secondary-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-button-color-secondary-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-button-color-secondary-default-border-initial: var(--sinch-sys-color-primary-default); --sinch-comp-button-color-secondary-default-icon-initial: var(--sinch-sys-color-primary-default); --sinch-comp-button-color-secondary-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-secondary-default-text-initial: var(--sinch-sys-color-primary-default); --sinch-comp-button-color-secondary-disabled-background-initial: var(--sinch-sys-color-container-main-disabled); --sinch-comp-button-color-secondary-disabled-border-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-button-color-secondary-disabled-icon-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-button-color-secondary-disabled-text-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-button-color-subtle-primary-default-background-active: var(--sinch-sys-color-container-transparent-active); --sinch-comp-button-color-subtle-primary-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-button-color-subtle-primary-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-button-color-subtle-primary-default-border-initial: transparent; --sinch-comp-button-color-subtle-primary-default-icon-initial: var(--sinch-sys-color-primary-default); --sinch-comp-button-color-subtle-primary-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-subtle-primary-default-text-initial: var(--sinch-sys-color-primary-default); --sinch-comp-button-color-subtle-primary-disabled-background-initial: var(--sinch-sys-color-container-transparent-disabled); --sinch-comp-button-color-subtle-primary-disabled-border-initial: transparent; --sinch-comp-button-color-subtle-primary-disabled-icon-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-button-color-subtle-primary-disabled-text-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-button-color-subtle-primary-toggled-background-active: #24242433; --sinch-comp-button-color-subtle-primary-toggled-background-hover: #24242426; --sinch-comp-button-color-subtle-primary-toggled-background-initial: #2424241A; --sinch-comp-button-color-subtle-secondary-default-background-active: var(--sinch-sys-color-container-transparent-active); --sinch-comp-button-color-subtle-secondary-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-button-color-subtle-secondary-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-button-color-subtle-secondary-default-border-initial: transparent; --sinch-comp-button-color-subtle-secondary-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-button-color-subtle-secondary-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-button-color-subtle-secondary-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-button-color-subtle-secondary-disabled-background-initial: var(--sinch-sys-color-container-transparent-disabled); --sinch-comp-button-color-subtle-secondary-disabled-border-initial: transparent; --sinch-comp-button-color-subtle-secondary-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-subtle-secondary-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-button-color-subtle-secondary-toggled-background-active: #24242433; --sinch-comp-button-color-subtle-secondary-toggled-background-hover: #24242426; --sinch-comp-button-color-subtle-secondary-toggled-background-initial: #2424241A; --sinch-comp-button-font-size-l-text: var(--sinch-sys-font-body-emphasize); --sinch-comp-button-font-size-m-text: var(--sinch-sys-font-body-emphasize); --sinch-comp-button-font-size-s-text: var(--sinch-sys-font-body-emphasize-s); --sinch-comp-button-font-size-xs-text: var(--sinch-sys-font-body-emphasize-s); --sinch-comp-button-shadow-cta-primary-active: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-cta-primary-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-cta-primary-focus: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-cta-primary-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-cta-primary-initial: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-cta-secondary-active: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-cta-secondary-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-cta-secondary-focus: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-cta-secondary-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-cta-secondary-initial: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-danger-active: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-danger-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-danger-focus: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-danger-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-danger-initial: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-primary-active: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-primary-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-primary-focus: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-primary-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-primary-initial: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-secondary-active: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-secondary-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-secondary-focus: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-secondary-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-secondary-initial: var(--sinch-ref-shadow-level-1); --sinch-comp-button-shadow-subtle-active: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-subtle-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-subtle-focus: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-subtle-hover: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shadow-subtle-initial: var(--sinch-ref-shadow-level-0); --sinch-comp-button-shape-radius-size-l: var(--sinch-sys-shape-radius-l); --sinch-comp-button-shape-radius-size-m: var(--sinch-sys-shape-radius-m); --sinch-comp-button-shape-radius-size-s: var(--sinch-sys-shape-radius-s); --sinch-comp-button-shape-radius-size-xs: var(--sinch-sys-shape-radius-xs); --sinch-comp-button-size-container-l: var(--sinch-sys-size-l); --sinch-comp-button-size-container-m: var(--sinch-sys-size-m); --sinch-comp-button-size-container-s: var(--sinch-sys-size-s); --sinch-comp-button-size-container-xs: var(--sinch-sys-size-xs); --sinch-comp-button-size-icon-l: 32px; --sinch-comp-button-size-icon-m: 24px; --sinch-comp-button-size-icon-s: 24px; --sinch-comp-button-size-icon-xs: 16px; } .nectary-theme-base { --sinch-comp-card-color-blue-default-background-initial: var(--sinch-sys-color-container-complement-tertiary-default); --sinch-comp-card-color-gray-default-background-initial: var(--sinch-sys-color-container-contrast-primary-default); --sinch-comp-card-color-green-default-background-initial: var(--sinch-sys-color-container-complement-secondary-default); --sinch-comp-card-color-white-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-card-color-white-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-card-color-white-default-description-initial: var(--sinch-sys-color-text-default); --sinch-comp-card-color-white-default-title-initial: var(--sinch-sys-color-text-default); --sinch-comp-card-color-yellow-default-background-initial: var(--sinch-sys-color-container-complement-primary-default); --sinch-comp-card-font-description: var(--sinch-sys-font-body-m); --sinch-comp-card-font-label: var(--sinch-sys-font-desktop-title-xs); --sinch-comp-card-font-title: var(--sinch-sys-font-desktop-title-m); --sinch-comp-card-shadow-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-card-shadow-initial: var(--sinch-ref-shadow-level-0); --sinch-comp-card-shape-radius: var(--sinch-sys-shape-radius-l); --sinch-comp-card-size-icon: 48px; } .nectary-theme-base { --sinch-comp-chat-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-checkbox-color-checked-background-active: var(--sinch-sys-color-primary-active); --sinch-comp-checkbox-color-checked-background-hover: var(--sinch-sys-color-primary-hover); --sinch-comp-checkbox-color-checked-background-initial: var(--sinch-sys-color-primary-default); --sinch-comp-checkbox-color-checked-border-active: var(--sinch-sys-color-primary-active); --sinch-comp-checkbox-color-checked-border-hover: var(--sinch-sys-color-primary-hover); --sinch-comp-checkbox-color-checked-border-initial: var(--sinch-sys-color-primary-default); --sinch-comp-checkbox-color-checked-disabled-background-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-checkbox-color-checked-disabled-border-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-checkbox-color-default-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-checkbox-color-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-checkbox-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-checkbox-color-default-border-active: var(--sinch-sys-color-border-dark); --sinch-comp-checkbox-color-default-border-hover: var(--sinch-sys-color-border-dark); --sinch-comp-checkbox-color-default-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-checkbox-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-checkbox-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-checkbox-color-disabled-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-checkbox-color-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-checkbox-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-checkbox-color-invalid-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-checkbox-color-invalid-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-checkbox-color-invalid-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-checkbox-color-invalid-border-active: var(--sinch-sys-color-border-invalid); --sinch-comp-checkbox-color-invalid-border-hover: var(--sinch-sys-color-border-invalid); --sinch-comp-checkbox-color-invalid-border-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-checkbox-color-invalid-text-initial: var(--sinch-sys-color-text-invalid); --sinch-comp-checkbox-font-label: var(--sinch-sys-font-body-m); --sinch-comp-checkbox-shape-radius: var(--sinch-sys-shape-radius-s); } .nectary-theme-base { --sinch-comp-chip-color-blue-default-background-initial: var(--sinch-ref-color-complementary-night-400); --sinch-comp-chip-color-blue-default-foreground-initial: var(--sinch-ref-color-main-snow-100); --sinch-comp-chip-color-brown-default-background-initial: var(--sinch-ref-color-complementary-mud-400); --sinch-comp-chip-color-brown-default-foreground-initial: var(--sinch-ref-color-main-snow-100); --sinch-comp-chip-color-celtic-default-background-initial: var(--sinch-sys-color-feedback-info-background); --sinch-comp-chip-color-celtic-default-foreground-initial: var(--sinch-sys-color-feedback-info-foreground); --sinch-comp-chip-color-dark-blue-default-background-initial: var(--sinch-ref-color-complementary-night-700); --sinch-comp-chip-color-dark-blue-default-foreground-initial: var(--sinch-ref-color-complementary-night-200); --sinch-comp-chip-color-dark-brown-default-background-initial: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-chip-color-dark-brown-default-foreground-initial: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-chip-color-dark-gray-default-background-initial: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-chip-color-dark-gray-default-foreground-initial: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-chip-color-dark-green-default-background-initial: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-chip-color-dark-green-default-foreground-initial: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-chip-color-dark-orange-default-background-initial: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-chip-color-dark-orange-default-foreground-initial: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-chip-color-dark-pink-default-background-initial: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-chip-color-dark-pink-default-foreground-initial: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-chip-color-dark-red-default-background-initial: var(--sinch-ref-color-main-raspberry-700); --sinch-comp-chip-color-dark-red-default-foreground-initial: var(--sinch-ref-color-main-raspberry-200); --sinch-comp-chip-color-dark-violet-default-background-initial: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-chip-color-dark-violet-default-foreground-initial: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-chip-color-dark-yellow-default-background-initial: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-chip-color-dark-yellow-default-foreground-initial: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-chip-color-gray-default-background-initial: var(--sinch-ref-color-complementary-dirt-400); --sinch-comp-chip-color-gray-default-foreground-initial: var(--sinch-ref-color-main-snow-100); --sinch-comp-chip-color-green-default-background-initial: var(--sinch-ref-color-complementary-grass-400); --sinch-comp-chip-color-green-default-foreground-initial: var(--sinch-ref-color-main-stormy-700); --sinch-comp-chip-color-jasper-default-background-initial: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-chip-color-jasper-default-foreground-initial: var(--sinch-sys-color-feedback-invalid-foreground); --sinch-comp-chip-color-light-blue-default-background-initial: var(--sinch-ref-color-complementary-night-200); --sinch-comp-chip-color-light-blue-default-foreground-initial: var(--sinch-ref-color-complementary-night-700); --sinch-comp-chip-color-light-brown-default-background-initial: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-chip-color-light-brown-default-foreground-initial: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-chip-color-light-gray-default-background-initial: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-chip-color-light-gray-default-foreground-initial: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-chip-color-light-green-default-background-initial: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-chip-color-light-green-default-foreground-initial: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-chip-color-light-orange-default-background-initial: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-chip-color-light-orange-default-foreground-initial: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-chip-color-light-pink-default-background-initial: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-chip-color-light-pink-default-foreground-initial: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-chip-color-light-red-default-background-initial: var(--sinch-ref-color-main-raspberry-200); --sinch-comp-chip-color-light-red-default-foreground-initial: var(--sinch-ref-color-main-raspberry-700); --sinch-comp-chip-color-light-violet-default-background-initial: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-chip-color-light-violet-default-foreground-initial: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-chip-color-light-yellow-default-background-initial: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-chip-color-light-yellow-default-foreground-initial: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-chip-color-neutral-default-background-initial: var(--sinch-ref-color-main-snow-500); --sinch-comp-chip-color-neutral-default-foreground-initial: var(--sinch-ref-color-main-stormy-700); --sinch-comp-chip-color-olive-default-background-initial: var(--sinch-sys-color-feedback-success-background); --sinch-comp-chip-color-olive-default-foreground-initial: var(--sinch-sys-color-feedback-success-foreground); --sinch-comp-chip-color-orange-default-background-initial: var(--sinch-ref-color-complementary-orange-400); --sinch-comp-chip-color-orange-default-foreground-initial: var(--sinch-ref-color-main-stormy-700); --sinch-comp-chip-color-outiline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-chip-color-pink-default-background-initial: var(--sinch-ref-color-complementary-candy-400); --sinch-comp-chip-color-pink-default-foreground-initial: var(--sinch-ref-color-main-stormy-700); --sinch-comp-chip-color-pumpkin-default-background-initial: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-chip-color-pumpkin-default-foreground-initial: var(--sinch-sys-color-feedback-warning-foreground); --sinch-comp-chip-color-red-default-background-initial: var(--sinch-ref-color-main-raspberry-500); --sinch-comp-chip-color-red-default-foreground-initial: var(--sinch-ref-color-main-stormy-800); --sinch-comp-chip-color-violet-default-background-initial: var(--sinch-ref-color-complementary-violet-400); --sinch-comp-chip-color-violet-default-foreground-initial: var(--sinch-ref-color-main-stormy-900); --sinch-comp-chip-color-yellow-default-background-initial: var(--sinch-ref-color-complementary-bolt-400); --sinch-comp-chip-color-yellow-default-foreground-initial: var(--sinch-ref-color-main-stormy-700); --sinch-comp-chip-font-size-m-label: var(--sinch-sys-font-body-xs); --sinch-comp-chip-font-size-s-label: var(--sinch-sys-font-body-xs); --sinch-comp-chip-shape-radius: var(--sinch-sys-shape-radius-full); --sinch-comp-chip-size-container-m: 24px; --sinch-comp-chip-size-container-s: 20px; --sinch-comp-chip-size-icon-m: 16px; --sinch-comp-chip-size-icon-s: 16px; } .nectary-theme-base { --sinch-comp-code-snippet-color-default-background-initial: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-code-snippet-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-code-tag-color-default-background-initial: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-code-tag-color-default-border-initial: var(--sinch-sys-color-border-light); --sinch-comp-code-tag-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-code-tag-font-text: var(--sinch-sys-font-body-monospace-m); --sinch-comp-code-tag-shape-radius: var(--sinch-sys-shape-radius-xs); } .nectary-theme-base { --sinch-comp-color-menu-option-color-default-border-active: var(--sinch-ref-color-main-stormy-400); --sinch-comp-color-menu-option-color-default-border-focus: var(--sinch-sys-color-border-focus); --sinch-comp-color-menu-option-color-default-border-hover: var(--sinch-ref-color-main-stormy-200); --sinch-comp-color-menu-option-color-default-border-initial: transparent; --sinch-comp-color-menu-option-color-default-border-selected: var(--sinch-ref-color-main-stormy-900); } .nectary-theme-base { --sinch-comp-color-swatch-color-blue-background: var(--sinch-ref-color-complementary-night-400); --sinch-comp-color-swatch-color-brown-background: var(--sinch-ref-color-complementary-mud-400); --sinch-comp-color-swatch-color-celtic-background: var(--sinch-sys-color-feedback-info-background); --sinch-comp-color-swatch-color-dark-blue-background: var(--sinch-ref-color-complementary-night-700); --sinch-comp-color-swatch-color-dark-brown-background: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-color-swatch-color-dark-gray-background: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-color-swatch-color-dark-green-background: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-color-swatch-color-dark-pink-background: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-color-swatch-color-dark-red-background: var(--sinch-ref-color-main-raspberry-700); --sinch-comp-color-swatch-color-dark-violet-background: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-color-swatch-color-dark-yellow-background: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-color-swatch-color-dark-orange-background: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-color-swatch-color-default-background: var(--sinch-ref-color-main-snow-500); --sinch-comp-color-swatch-color-gray-background: var(--sinch-ref-color-complementary-dirt-400); --sinch-comp-color-swatch-color-green-background: var(--sinch-ref-color-complementary-grass-400); --sinch-comp-color-swatch-color-jasper-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-color-swatch-color-light-blue-background: var(--sinch-ref-color-complementary-night-200); --sinch-comp-color-swatch-color-light-brown-background: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-color-swatch-color-light-gray-background: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-color-swatch-color-light-green-background: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-color-swatch-color-light-orange-background: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-color-swatch-color-light-pink-background: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-color-swatch-color-light-red-background: var(--sinch-ref-color-main-raspberry-200); --sinch-comp-color-swatch-color-light-violet-background: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-color-swatch-color-light-yellow-background: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-color-swatch-color-olive-background: var(--sinch-sys-color-feedback-success-background); --sinch-comp-color-swatch-color-orange-background: var(--sinch-ref-color-complementary-orange-400); --sinch-comp-color-swatch-color-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-color-swatch-color-pink-background: var(--sinch-ref-color-complementary-candy-400); --sinch-comp-color-swatch-color-pumpkin-background: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-color-swatch-color-red-background: var(--sinch-ref-color-main-raspberry-500); --sinch-comp-color-swatch-color-skintone-dark-background: var(--sinch-sys-color-skintone-dark); --sinch-comp-color-swatch-color-skintone-default-background: var(--sinch-sys-color-skintone-default); --sinch-comp-color-swatch-color-skintone-light-background: var(--sinch-sys-color-skintone-light); --sinch-comp-color-swatch-color-skintone-light-medium-background: var(--sinch-sys-color-skintone-light-medium); --sinch-comp-color-swatch-color-skintone-medium-background: var(--sinch-sys-color-skintone-medium); --sinch-comp-color-swatch-color-skintone-medium-dark-background: var(--sinch-sys-color-skintone-medium-dark); --sinch-comp-color-swatch-color-violet-background: var(--sinch-ref-color-complementary-violet-400); --sinch-comp-color-swatch-color-yellow-background: var(--sinch-ref-color-complementary-bolt-400); } .nectary-theme-base { --sinch-comp-date-picker-day-color-checked-background-initial: var(--sinch-sys-color-primary-default); --sinch-comp-date-picker-day-color-checked-border-initial: transparent; --sinch-comp-date-picker-day-color-checked-text-initial: var(--sinch-sys-color-text-inverted); --sinch-comp-date-picker-day-color-default-background-hover: var(--sinch-sys-color-container-complement-secondary-hover); --sinch-comp-date-picker-day-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-date-picker-day-color-default-border-initial: transparent; --sinch-comp-date-picker-day-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-date-picker-day-color-default-range-background: var(--sinch-sys-color-container-complement-secondary-hover); --sinch-comp-date-picker-day-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-date-picker-day-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-date-picker-day-shape-radius: var(--sinch-comp-button-shape-radius-size-s); --sinch-comp-date-picker-font-day: var(--sinch-sys-font-body-xs); --sinch-comp-date-picker-font-header: var(--sinch-sys-font-body-emphasize); --sinch-comp-date-picker-font-today: var(--sinch-sys-font-body-xs); --sinch-comp-date-picker-font-weekday: var(--sinch-sys-font-body-emphasize-xs); --sinch-comp-date-picker-header-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-date-picker-header-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-date-picker-today-color-checked-background-initial: var(--sinch-sys-color-primary-default); --sinch-comp-date-picker-today-color-checked-border-initial: var(--sinch-sys-color-primary-default); --sinch-comp-date-picker-today-color-checked-text-initial: var(--sinch-sys-color-text-inverted); --sinch-comp-date-picker-today-color-default-background-hover: var(--sinch-sys-color-container-complement-secondary-hover); --sinch-comp-date-picker-today-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-date-picker-today-color-default-border-initial: var(--sinch-sys-color-primary-default); --sinch-comp-date-picker-today-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-date-picker-today-color-disabled-border-initial: var(--sinch-sys-color-border-light); --sinch-comp-date-picker-today-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-date-picker-weekday-color-default-text-initial: var(--sinch-sys-color-text-default); } .nectary-theme-base { --sinch-comp-dialog-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-dialog-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-dialog-color-default-title-initial: var(--sinch-sys-color-text-default); --sinch-comp-dialog-font-title: var(--sinch-sys-font-desktop-title-m); --sinch-comp-dialog-shadow: var(--sinch-ref-shadow-level-2); --sinch-comp-dialog-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-emoji-picker-color-default-text-not-found: var(--sinch-sys-color-text-muted); --sinch-comp-emoji-picker-font-not-found: var(--sinch-sys-font-body-m); } .nectary-theme-base { --sinch-comp-field-color-default-additional-initial: var(--sinch-sys-color-text-muted); --sinch-comp-field-color-default-label-initial: var(--sinch-sys-color-text-default); --sinch-comp-field-color-default-optional-initial: var(--sinch-sys-color-text-muted); --sinch-comp-field-color-disabled-additional-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-field-color-disabled-label-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-field-color-disabled-optional-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-field-color-invalid-text-initial: var(--sinch-sys-color-text-invalid); --sinch-comp-field-font-additional: var(--sinch-sys-font-body-xs); --sinch-comp-field-font-invalid: var(--sinch-sys-font-body-xs); --sinch-comp-field-font-label: var(--sinch-sys-font-desktop-title-s); --sinch-comp-field-font-optional: var(--sinch-sys-font-body-s); } .nectary-theme-base { --sinch-comp-file-drop-color-default-background-active: var(--sinch-sys-color-container-complement-tertiary-default); --sinch-comp-file-drop-color-default-background-initial: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-file-drop-color-default-border-active: var(--sinch-sys-color-border-focus); --sinch-comp-file-drop-color-default-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-file-drop-color-default-placeholder-active: var(--sinch-sys-color-text-muted); --sinch-comp-file-drop-color-default-placeholder-initial: var(--sinch-sys-color-text-default); --sinch-comp-file-drop-color-disabled-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-file-drop-color-disabled-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-file-drop-color-disabled-placeholder-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-file-drop-color-invalid-background-initial: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-file-drop-color-invalid-border-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-file-drop-color-invalid-placeholder-initial: var(--sinch-sys-color-text-default); --sinch-comp-file-drop-font-placeholder: var(--sinch-sys-font-body-m); --sinch-comp-file-drop-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-file-status-color-error-background: var(--sinch-sys-color-container-complement-quaternary-default); --sinch-comp-file-status-color-error-icon: var(--sinch-sys-color-feedback-invalid-contrast); --sinch-comp-file-status-color-error-text: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-loading-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-file-status-color-loading-icon: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-loading-text: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-pending-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-file-status-color-pending-icon: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-pending-text: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-progress-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-file-status-color-progress-icon: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-progress-info: var(--sinch-sys-color-text-muted); --sinch-comp-file-status-color-progress-text: var(--sinch-sys-color-text-default); --sinch-comp-file-status-color-success-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-file-status-color-success-icon: var(--sinch-sys-color-feedback-success-contrast); --sinch-comp-file-status-color-success-text: var(--sinch-sys-color-text-default); --sinch-comp-file-status-font-body: var(--sinch-sys-font-body-m); --sinch-comp-file-status-font-info: var(--sinch-sys-font-body-m); --sinch-comp-file-status-font-title: var(--sinch-sys-font-desktop-title-s); --sinch-comp-file-status-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-inline-alert-color-error-default-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-inline-alert-color-error-default-icon: var(--sinch-sys-color-feedback-invalid-contrast); --sinch-comp-inline-alert-color-error-default-text: var(--sinch-sys-color-text-default); --sinch-comp-inline-alert-color-info-default-background: var(--sinch-sys-color-feedback-info-background); --sinch-comp-inline-alert-color-info-default-icon: var(--sinch-sys-color-feedback-info-contrast); --sinch-comp-inline-alert-color-info-default-text: var(--sinch-sys-color-text-default); --sinch-comp-inline-alert-color-success-default-background: var(--sinch-sys-color-feedback-success-background); --sinch-comp-inline-alert-color-success-default-icon: var(--sinch-sys-color-feedback-success-contrast); --sinch-comp-inline-alert-color-success-default-text: var(--sinch-sys-color-text-default); --sinch-comp-inline-alert-color-warning-default-background: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-inline-alert-color-warning-default-icon: var(--sinch-sys-color-feedback-warning-contrast); --sinch-comp-inline-alert-color-warning-default-text: var(--sinch-sys-color-text-default); --sinch-comp-inline-alert-font-body: var(--sinch-sys-font-body-m); --sinch-comp-inline-alert-font-title: var(--sinch-sys-font-desktop-title-s); --sinch-comp-inline-alert-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-input-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-input-color-default-border-focus: var(--sinch-sys-color-border-focus); --sinch-comp-input-color-default-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-input-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-input-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-input-color-default-text-placeholder: var(--sinch-sys-color-text-muted); --sinch-comp-input-color-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-input-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-input-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-input-color-invalid-border-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-input-font-input: var(--sinch-sys-font-body-m); --sinch-comp-input-font-placeholder: var(--sinch-sys-font-body-m); --sinch-comp-input-shape-radius-size-l: var(--sinch-sys-shape-radius-l); --sinch-comp-input-shape-radius-size-m: var(--sinch-sys-shape-radius-m); --sinch-comp-input-shape-radius-size-s: var(--sinch-sys-shape-radius-s); --sinch-comp-input-size-container-l: var(--sinch-sys-size-l); --sinch-comp-input-size-container-m: var(--sinch-sys-size-m); --sinch-comp-input-size-container-s: var(--sinch-sys-size-s); --sinch-comp-input-size-icon-l: 24px; --sinch-comp-input-size-icon-m: 24px; --sinch-comp-input-size-icon-s: 24px; } .nectary-theme-base { --sinch-comp-link-color-default-icon-hover: var(--sinch-sys-color-primary-active); --sinch-comp-link-color-default-icon-initial: var(--sinch-sys-color-text-link); --sinch-comp-link-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-link-color-default-text-hover: var(--sinch-sys-color-primary-active); --sinch-comp-link-color-default-text-initial: var(--sinch-sys-color-text-link); --sinch-comp-link-color-disabled-icon-initial: var(--sinch-sys-color-text-link-disabled); --sinch-comp-link-color-disabled-text-initial: var(--sinch-sys-color-text-link-disabled); --sinch-comp-link-default-font-initial: var(--sinch-sys-font-body-link); --sinch-comp-link-default-text-decoration-disabled: none; --sinch-comp-link-default-text-decoration-hover: none; --sinch-comp-link-default-text-decoration-initial: var(--sinch-ref-typography-text-decoration-underline); --sinch-comp-link-standalone-font-initial: var(--sinch-sys-font-body-emphasize); } .nectary-theme-base { --sinch-comp-list-color-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-list-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-list-color-default-border-initial: var(--sinch-sys-color-border-light); } .nectary-theme-base { --sinch-comp-pagination-color-checked-background-hover: var(--sinch-sys-color-container-transparent-active); --sinch-comp-pagination-color-checked-background-initial: var(--sinch-sys-color-container-transparent-active); --sinch-comp-pagination-color-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-pagination-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-pagination-color-default-icon-default: var(--sinch-sys-color-text-default); --sinch-comp-pagination-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-pagination-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-pagination-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-pagination-font-checked-page-number: var(--sinch-sys-font-body-emphasize); --sinch-comp-pagination-font-default-page-number: var(--sinch-sys-font-body-m); --sinch-comp-pagination-shape-radius: var(--sinch-sys-shape-radius-s); } .nectary-theme-base { --sinch-comp-popover-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-popover-color-default-border-initial: var(--sinch-sys-color-border-light); --sinch-comp-popover-shadow: var(--sinch-ref-shadow-level-2); --sinch-comp-popover-shape-radius: var(--sinch-sys-shape-radius-m); } .nectary-theme-base { --sinch-comp-progress-color-default-background-initial: var(--sinch-sys-color-container-complement-secondary-hover); --sinch-comp-progress-color-default-bar-initial: var(--sinch-sys-color-primary-default); --sinch-comp-progress-color-default-text-initial: var(--sinch-sys-color-text-default); } .nectary-theme-base { --sinch-comp-progress-stepper-step-color-complete-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-progress-stepper-step-color-complete-label-default: var(--sinch-sys-color-text-muted); --sinch-comp-progress-stepper-step-color-complete-progress-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-progress-stepper-step-color-complete-progress-bar: var(--sinch-sys-color-primary-default); --sinch-comp-progress-stepper-step-color-complete-current-label-default: var(--sinch-sys-color-text-default); --sinch-comp-progress-stepper-step-color-inactive-label-default: var(--sinch-sys-color-text-disabled); --sinch-comp-progress-stepper-step-color-inactive-progress-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-progress-stepper-step-color-incomplete-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-progress-stepper-step-color-incomplete-label-default: var(--sinch-sys-color-text-muted); --sinch-comp-progress-stepper-step-color-incomplete-progress-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-progress-stepper-step-color-incomplete-progress-bar: var(--sinch-sys-color-primary-default); --sinch-comp-progress-stepper-step-color-incomplete-current-label-default: var(--sinch-sys-color-text-default); --sinch-comp-progress-stepper-step-color-invalid-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-progress-stepper-step-color-invalid-icon-default: var(--sinch-sys-color-feedback-invalid-contrast); --sinch-comp-progress-stepper-step-color-invalid-label-default: var(--sinch-sys-color-text-invalid); --sinch-comp-progress-stepper-step-color-invalid-progress-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-progress-stepper-step-color-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-progress-stepper-step-font-complete-label: var(--sinch-sys-font-body-m); --sinch-comp-progress-stepper-step-font-complete-current-label: var(--sinch-sys-font-body-emphasize); --sinch-comp-progress-stepper-step-font-inactive-label: var(--sinch-sys-font-body-m); --sinch-comp-progress-stepper-step-font-incomplete-label: var(--sinch-sys-font-body-m); --sinch-comp-progress-stepper-step-font-incomplete-current-label: var(--sinch-sys-font-body-emphasize); --sinch-comp-progress-stepper-step-font-invalid-label: var(--sinch-sys-font-body-m); --sinch-comp-progress-stepper-step-font-invalid-current-label: var(--sinch-sys-font-body-emphasize); --sinch-comp-progress-stepper-step-shape-radius: var(--sinch-sys-shape-radius-m); } .nectary-theme-base { --sinch-comp-radio-color-checked-border-active: var(--sinch-sys-color-border-dark); --sinch-comp-radio-color-checked-border-hover: var(--sinch-sys-color-border-dark); --sinch-comp-radio-color-checked-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-radio-color-checked-knob-active: var(--sinch-sys-color-primary-active); --sinch-comp-radio-color-checked-knob-hover: var(--sinch-sys-color-primary-hover); --sinch-comp-radio-color-checked-knob-initial: var(--sinch-sys-color-primary-default); --sinch-comp-radio-color-checked-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-radio-color-checked-disabled-knob-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-radio-color-checked-disabled-label-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-radio-color-default-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-radio-color-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-radio-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-radio-color-default-border-active: var(--sinch-sys-color-border-dark); --sinch-comp-radio-color-default-border-hover: var(--sinch-sys-color-border-dark); --sinch-comp-radio-color-default-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-radio-color-default-label-initial: var(--sinch-sys-color-text-default); --sinch-comp-radio-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-radio-color-disabled-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-radio-color-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-radio-color-disabled-label-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-radio-color-invalid-background-active: var(--sinch-sys-color-container-main-active); --sinch-comp-radio-color-invalid-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-radio-color-invalid-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-radio-color-invalid-border-active: var(--sinch-sys-color-text-invalid); --sinch-comp-radio-color-invalid-border-hover: var(--sinch-sys-color-text-invalid); --sinch-comp-radio-color-invalid-border-initial: var(--sinch-sys-color-text-invalid); --sinch-comp-radio-color-invalid-label-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-radio-font-label: var(--sinch-sys-font-body-m); } .nectary-theme-base { --sinch-comp-segment-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-segment-color-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-segment-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-segment-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-segment-font-size-l-title: var(--sinch-sys-font-desktop-title-l); --sinch-comp-segment-font-size-m-title: var(--sinch-sys-font-desktop-title-m); --sinch-comp-segment-font-size-s-title: var(--sinch-sys-font-desktop-title-s); --sinch-comp-segment-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-segmented-control-color-checked-background-initial: var(--sinch-sys-color-container-main-active); --sinch-comp-segmented-control-color-checked-border-initial: var(--sinch-sys-color-border-active); --sinch-comp-segmented-control-color-checked-icon-initial: var(--sinch-sys-color-primary-default); --sinch-comp-segmented-control-color-checked-text-initial: var(--sinch-sys-color-primary-default); --sinch-comp-segmented-control-color-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-segmented-control-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-segmented-control-color-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-segmented-control-color-default-icon-initial: var(--sinch-sys-color-text-muted); --sinch-comp-segmented-control-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-segmented-control-color-default-text-initial: var(--sinch-sys-color-text-muted); --sinch-comp-segmented-control-color-disabled-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-segmented-control-color-disabled-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-segmented-control-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-segmented-control-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-segmented-control-font-label: var(--sinch-sys-font-body-m); --sinch-comp-segmented-control-shape-radius: var(--sinch-sys-shape-radius-s); --sinch-comp-segmented-control-size-icon: var(--sinch-sys-size-xs); } .nectary-theme-base { --sinch-comp-select-button-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-select-button-color-default-border-focus: var(--sinch-sys-color-border-focus); --sinch-comp-select-button-color-default-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-select-button-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-select-button-color-default-placeholder-initial: var(--sinch-sys-color-text-muted); --sinch-comp-select-button-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-select-button-color-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-select-button-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-select-button-color-disabled-placeholder-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-select-button-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-select-button-color-invalid-border-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-select-button-font-input: var(--sinch-sys-font-body-m); --sinch-comp-select-button-font-placeholder: var(--sinch-sys-font-body-m); --sinch-comp-select-button-shape-radius-size-l: var(--sinch-sys-shape-radius-l); --sinch-comp-select-button-shape-radius-size-m: var(--sinch-sys-shape-radius-m); --sinch-comp-select-button-shape-radius-size-s: var(--sinch-sys-shape-radius-s); --sinch-comp-select-button-size-container-l: var(--sinch-sys-size-l); --sinch-comp-select-button-size-container-m: var(--sinch-sys-size-m); --sinch-comp-select-button-size-container-s: var(--sinch-sys-size-s); --sinch-comp-select-button-size-icon-l: 24px; --sinch-comp-select-button-size-icon-m: 24px; --sinch-comp-select-button-size-icon-s: 24px; } .nectary-theme-base { --sinch-comp-select-menu-color-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-select-menu-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-select-menu-color-default-background-selected: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-select-menu-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-select-menu-color-default-not-found-text-initial: var(--sinch-sys-color-text-muted); --sinch-comp-select-menu-color-default-option-initial: var(--sinch-sys-color-text-default); --sinch-comp-select-menu-color-disabled-background-initial: var(--sinch-sys-color-container-transparent-disabled); --sinch-comp-select-menu-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-select-menu-color-disabled-option-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-select-menu-font-not-found-text: var(--sinch-sys-font-body-m); --sinch-comp-select-menu-font-option: var(--sinch-sys-font-body-m); --sinch-comp-select-menu-size-icon: var(--sinch-sys-size-xs); } .nectary-theme-base { --sinch-comp-tab-color-checked-border-initial: var(--sinch-sys-color-border-active); --sinch-comp-tab-color-checked-icon-initial: var(--sinch-sys-color-primary-default); --sinch-comp-tab-color-checked-text-initial: var(--sinch-sys-color-primary-default); --sinch-comp-tab-color-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-tab-color-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-tab-color-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-tab-color-default-icon-initial: var(--sinch-sys-color-text-muted); --sinch-comp-tab-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-tab-color-default-text-initial: var(--sinch-sys-color-text-muted); --sinch-comp-tab-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-tab-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-tab-font-label: var(--sinch-sys-font-body-emphasize); --sinch-comp-tab-shape-radius: var(--sinch-sys-shape-radius-l); --sinch-comp-tab-size-icon: 16px; } .nectary-theme-base { --sinch-comp-table-color-cell-default-border-initial: var(--sinch-sys-color-border-light); --sinch-comp-table-color-head-cell-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-table-color-head-cell-default-icon-initial: var(--sinch-sys-color-text-muted); --sinch-comp-table-color-head-cell-default-text-initial: var(--sinch-sys-color-text-muted); --sinch-comp-table-color-head-cell-sorted-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-table-color-head-cell-sorted-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-table-color-row-checked-background-initial: var(--sinch-sys-color-container-transparent-active); --sinch-comp-table-color-row-default-background-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-table-color-row-default-background-initial: var(--sinch-sys-color-container-transparent-default); --sinch-comp-table-color-row-default-background-sticky: var(--sinch-sys-color-container-main-default); } .nectary-theme-base { --sinch-comp-tag-color-blue-background: var(--sinch-ref-color-complementary-night-400); --sinch-comp-tag-color-blue-foreground: var(--sinch-ref-color-main-snow-100); --sinch-comp-tag-color-brown-background: var(--sinch-ref-color-complementary-mud-400); --sinch-comp-tag-color-brown-foreground: var(--sinch-ref-color-main-snow-100); --sinch-comp-tag-color-celtic-background: var(--sinch-sys-color-feedback-info-background); --sinch-comp-tag-color-celtic-foreground: var(--sinch-sys-color-feedback-info-foreground); --sinch-comp-tag-color-dark-blue-background: var(--sinch-ref-color-complementary-night-700); --sinch-comp-tag-color-dark-blue-foreground: var(--sinch-ref-color-complementary-night-200); --sinch-comp-tag-color-dark-brown-background: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-tag-color-dark-brown-foreground: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-tag-color-dark-gray-background: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-tag-color-dark-gray-foreground: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-tag-color-dark-green-background: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-tag-color-dark-green-foreground: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-tag-color-dark-pink-background: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-tag-color-dark-pink-foreground: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-tag-color-dark-red-background: var(--sinch-ref-color-main-raspberry-700); --sinch-comp-tag-color-dark-red-foreground: var(--sinch-ref-color-main-raspberry-200); --sinch-comp-tag-color-dark-violet-background: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-tag-color-dark-violet-foreground: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-tag-color-dark-yellow-background: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-tag-color-dark-yellow-foreground: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-tag-color-dark-orange-background: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-tag-color-dark-orange-foreground: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-tag-color-default-background: var(--sinch-ref-color-main-snow-500); --sinch-comp-tag-color-default-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-tag-color-gray-background: var(--sinch-ref-color-complementary-dirt-400); --sinch-comp-tag-color-gray-foreground: var(--sinch-ref-color-main-snow-100); --sinch-comp-tag-color-green-background: var(--sinch-ref-color-complementary-grass-400); --sinch-comp-tag-color-green-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-tag-color-jasper-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-tag-color-jasper-foreground: var(--sinch-sys-color-feedback-invalid-foreground); --sinch-comp-tag-color-light-blue-background: var(--sinch-ref-color-complementary-night-200); --sinch-comp-tag-color-light-blue-foreground: var(--sinch-ref-color-complementary-night-700); --sinch-comp-tag-color-light-brown-background: var(--sinch-ref-color-complementary-mud-200); --sinch-comp-tag-color-light-brown-foreground: var(--sinch-ref-color-complementary-mud-700); --sinch-comp-tag-color-light-gray-background: var(--sinch-ref-color-complementary-dirt-200); --sinch-comp-tag-color-light-gray-foreground: var(--sinch-ref-color-complementary-dirt-700); --sinch-comp-tag-color-light-green-background: var(--sinch-ref-color-complementary-grass-200); --sinch-comp-tag-color-light-green-foreground: var(--sinch-ref-color-complementary-grass-700); --sinch-comp-tag-color-light-orange-background: var(--sinch-ref-color-complementary-orange-200); --sinch-comp-tag-color-light-orange-foreground: var(--sinch-ref-color-complementary-orange-700); --sinch-comp-tag-color-light-pink-background: var(--sinch-ref-color-complementary-candy-200); --sinch-comp-tag-color-light-pink-foreground: var(--sinch-ref-color-complementary-candy-700); --sinch-comp-tag-color-light-red-background: var(--sinch-ref-color-main-raspberry-200); --sinch-comp-tag-color-light-red-foreground: var(--sinch-ref-color-main-raspberry-700); --sinch-comp-tag-color-light-violet-background: var(--sinch-ref-color-complementary-violet-200); --sinch-comp-tag-color-light-violet-foreground: var(--sinch-ref-color-complementary-violet-700); --sinch-comp-tag-color-light-yellow-background: var(--sinch-ref-color-complementary-bolt-200); --sinch-comp-tag-color-light-yellow-foreground: var(--sinch-ref-color-complementary-bolt-700); --sinch-comp-tag-color-olive-background: var(--sinch-sys-color-feedback-success-background); --sinch-comp-tag-color-olive-foreground: var(--sinch-sys-color-feedback-success-foreground); --sinch-comp-tag-color-orange-background: var(--sinch-ref-color-complementary-orange-400); --sinch-comp-tag-color-orange-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-tag-color-pink-background: var(--sinch-ref-color-complementary-candy-400); --sinch-comp-tag-color-pink-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-tag-color-pumpkin-background: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-tag-color-pumpkin-foreground: var(--sinch-sys-color-feedback-warning-foreground); --sinch-comp-tag-color-red-background: var(--sinch-ref-color-main-raspberry-500); --sinch-comp-tag-color-red-foreground: var(--sinch-ref-color-main-stormy-800); --sinch-comp-tag-color-violet-background: var(--sinch-ref-color-complementary-violet-400); --sinch-comp-tag-color-violet-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-tag-color-yellow-background: var(--sinch-ref-color-complementary-bolt-400); --sinch-comp-tag-color-yellow-foreground: var(--sinch-ref-color-main-stormy-700); --sinch-comp-tag-font-size-m-label: var(--sinch-sys-font-body-xs); --sinch-comp-tag-font-size-s-label: var(--sinch-sys-font-body-xs); --sinch-comp-tag-shape-radius: var(--sinch-sys-shape-radius-full); --sinch-comp-tag-size-container-m: 24px; --sinch-comp-tag-size-container-s: 20px; --sinch-comp-tag-size-icon-m: 16px; --sinch-comp-tag-size-icon-s: 16px; } .nectary-theme-base { --sinch-comp-textarea-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-textarea-color-default-border-focus: var(--sinch-sys-color-border-focus); --sinch-comp-textarea-color-default-border-initial: var(--sinch-sys-color-border-dark); --sinch-comp-textarea-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-textarea-color-default-text-placeholder: var(--sinch-sys-color-text-muted); --sinch-comp-textarea-color-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-textarea-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-textarea-color-invalid-border-initial: var(--sinch-sys-color-border-invalid); --sinch-comp-textarea-font-input: var(--sinch-sys-font-body-m); --sinch-comp-textarea-shape-radius: var(--sinch-comp-button-shape-radius-size-m); } .nectary-theme-base { --sinch-comp-tile-control-color-checked-background-initial: var(--sinch-sys-color-container-main-active); --sinch-comp-tile-control-color-checked-border-initial: var(--sinch-sys-color-border-active); --sinch-comp-tile-control-color-checked-icon-initial: var(--sinch-sys-color-primary-default); --sinch-comp-tile-control-color-checked-text-initial: var(--sinch-sys-color-primary-default); --sinch-comp-tile-control-color-default-background-hover: var(--sinch-sys-color-container-main-hover); --sinch-comp-tile-control-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-tile-control-color-default-border-hover: var(--sinch-sys-color-container-transparent-hover); --sinch-comp-tile-control-color-default-border-initial: var(--sinch-sys-color-border-default); --sinch-comp-tile-control-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-tile-control-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-tile-control-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-tile-control-color-disabled-background-initial: var(--sinch-sys-color-container-main-disabled); --sinch-comp-tile-control-color-disabled-border-initial: var(--sinch-sys-color-border-disabled); --sinch-comp-tile-control-color-disabled-icon-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-tile-control-color-disabled-text-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-tile-control-font-label: var(--sinch-sys-font-body-m); --sinch-comp-tile-control-shadow-active: var(--sinch-ref-shadow-level-0); --sinch-comp-tile-control-shadow-disabled: var(--sinch-ref-shadow-level-0); --sinch-comp-tile-control-shadow-focus: var(--sinch-ref-shadow-level-1); --sinch-comp-tile-control-shadow-hover: var(--sinch-ref-shadow-level-1); --sinch-comp-tile-control-shadow-initial: var(--sinch-ref-shadow-level-1); --sinch-comp-tile-control-shape-radius-l: var(--sinch-comp-select-button-shape-radius-size-l); --sinch-comp-tile-control-shape-radius-s: var(--sinch-comp-select-button-shape-radius-size-m); --sinch-comp-tile-control-size-m-icon: var(--sinch-sys-size-s); --sinch-comp-tile-control-size-s-icon: var(--sinch-sys-size-xs); } .nectary-theme-base { --sinch-comp-time-picker-digit-color-checked-h12-default: var(--sinch-sys-color-primary-default); --sinch-comp-time-picker-digit-color-checked-h24-initial: var(--sinch-sys-color-primary-default); --sinch-comp-time-picker-digit-color-checked-minute-initial: var(--sinch-sys-color-primary-default); --sinch-comp-time-picker-digit-color-default-h12-initial: var(--sinch-sys-color-text-default); --sinch-comp-time-picker-digit-color-default-h24-initial: var(--sinch-sys-color-text-muted); --sinch-comp-time-picker-digit-color-default-minute-initial: var(--sinch-sys-color-text-muted); --sinch-comp-time-picker-digit-font-checked-h12: var(--sinch-sys-font-body-emphasize); --sinch-comp-time-picker-digit-font-checked-h24: var(--sinch-sys-font-body-emphasize); --sinch-comp-time-picker-digit-font-checked-minutes: var(--sinch-sys-font-body-emphasize); --sinch-comp-time-picker-digit-font-default-h12: var(--sinch-sys-font-body-s); --sinch-comp-time-picker-digit-font-default-h24: var(--sinch-sys-font-body-xs); --sinch-comp-time-picker-digit-font-default-minutes: var(--sinch-sys-font-body-xs); --sinch-comp-time-picker-header-color-default-icon-initial: var(--sinch-sys-color-text-default); --sinch-comp-time-picker-header-color-default-text-initial: var(--sinch-sys-color-text-default); --sinch-comp-time-picker-header-font: var(--sinch-sys-font-desktop-title-xl); --sinch-comp-time-picker-needle-color-default-background-focus: var(--sinch-sys-color-primary-default); --sinch-comp-time-picker-needle-color-default-background-initial: var(--sinch-sys-color-text-default); --sinch-comp-time-picker-watch-face-color-default-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-time-picker-watch-face-color-default-border-initial: var(--sinch-sys-color-container-main-foreground); } .nectary-theme-base { --sinch-comp-toast-color-error-default-background: var(--sinch-sys-color-feedback-invalid-background); --sinch-comp-toast-color-error-default-icon: var(--sinch-sys-color-feedback-invalid-contrast); --sinch-comp-toast-color-error-default-text: var(--sinch-sys-color-text-default); --sinch-comp-toast-color-info-default-background: var(--sinch-sys-color-feedback-info-background); --sinch-comp-toast-color-info-default-icon: var(--sinch-sys-color-feedback-info-contrast); --sinch-comp-toast-color-info-default-text: var(--sinch-sys-color-text-default); --sinch-comp-toast-color-success-default-background: var(--sinch-sys-color-feedback-success-background); --sinch-comp-toast-color-success-default-icon: var(--sinch-sys-color-feedback-success-contrast); --sinch-comp-toast-color-success-default-text: var(--sinch-sys-color-text-default); --sinch-comp-toast-color-warning-default-background: var(--sinch-sys-color-feedback-warning-background); --sinch-comp-toast-color-warning-default-icon: var(--sinch-sys-color-feedback-warning-contrast); --sinch-comp-toast-color-warning-default-text: var(--sinch-sys-color-text-default); --sinch-comp-toast-font-body: var(--sinch-sys-font-body-m); --sinch-comp-toast-shadow: var(--sinch-ref-shadow-level-2); --sinch-comp-toast-shape-radius: var(--sinch-sys-shape-radius-l); } .nectary-theme-base { --sinch-comp-toggle-color-checked-background-initial: var(--sinch-sys-color-primary-default); --sinch-comp-toggle-color-checked-disabled-background-initial: var(--sinch-sys-color-primary-disabled); --sinch-comp-toggle-color-default-background-initial: var(--sinch-sys-color-container-contrast-primary-active); --sinch-comp-toggle-color-default-knob-background-initial: var(--sinch-sys-color-container-main-default); --sinch-comp-toggle-color-default-label-initial: var(--sinch-sys-color-text-default); --sinch-comp-toggle-color-default-outline-focus: var(--sinch-sys-color-border-focus); --sinch-comp-toggle-color-default-text-inside-initial: var(--sinch-ref-color-main-snow-100); --sinch-comp-toggle-color-disabled-background-initial: var(--sinch-sys-color-container-contrast-primary-default); --sinch-comp-toggle-color-disabled-label-initial: var(--sinch-sys-color-text-disabled); --sinch-comp-toggle-font-size-m-inside-text: var(--sinch-sys-font-body-xxs); --sinch-comp-toggle-font-size-m-label: var(--sinch-sys-font-body-m); --sinch-comp-toggle-font-size-s-label: var(--sinch-sys-font-body-s); --sinch-comp-toggle-shadow-knob-default: var(--sinch-ref-shadow-level-1); --sinch-comp-toggle-shadow-knob-disabled: var(--sinch-ref-shadow-level-0); } .nectary-theme-base { --sinch-comp-tooltip-color-background: var(--sinch-sys-color-container-contrast-secondary-default); --sinch-comp-tooltip-color-text: var(--sinch-sys-color-text-default); --sinch-comp-tooltip-font-body: var(--sinch-sys-font-body-xs); --sinch-comp-tooltip-shadow: var(--sinch-ref-shadow-level-1); --sinch-comp-tooltip-shape-radius: var(--sinch-sys-shape-radius-xs); } .nectary-theme-base { /* --sinch-emoji-src-url: "https://cdnjs.cloudflare.com/ajax/libs/twemoji/14.0.2/svg/%s.svg"; */ --sinch-emoji-src-url: "https://cdn.jsdelivr.net/gh/twitter/twemoji@14.0.2/assets/svg/%s.svg"; } .nectary-theme-base { --sinch-flag-src-url: "https://flagcdn.com/%s.svg"; } .nectary-theme-base { /* Font */ --sinch-comp-icon-font-family: "Material Icons"; --sinch-comp-icon-font-feature-settings: "liga"; --sinch-comp-icon-font-weight: 400; } @font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(804378952da8a10faae2.woff2) format("woff2"),url(af4d91666ea345601bea.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(71a33b6b50457b2c903a.woff2) format("woff2"),url(c1d66054fe23e181d92c.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(169619821ea93019d1bb.woff2) format("woff2"),url(f708607d2a7290fb8bfa.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(c35e4c3958e209d17b31.woff2) format("woff2"),url(dfdff8fa12eac629d29f.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(3230f9b040f3c630e0c3.woff2) format("woff2"),url(e0e8ba725ebd107367a8.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(861b791f9de857a6e7bc.woff2) format("woff2"),url(e757c42df6aaa3e11b62.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:400;src:url(b009a76ad6afe4ebd301.woff2) format("woff2"),url(3f2b9a42f643e62a49b7.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(62ced72e5832f02c2796.woff2) format("woff2"),url(268f264f58eba5c07c88.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(cad7d3d9cb265e334e58.woff2) format("woff2"),url(965aebef74db72eaf236.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(6fb9cffb1d3e72bf9293.woff2) format("woff2"),url(eaa367bbd0b333a7f80b.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(9ac81fefbe6c319ea40b.woff2) format("woff2"),url(1a05a4887ccb810cb4dd.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(d8642a3d1d4ef6179644.woff2) format("woff2"),url(657896dad292ee9a0a0a.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(9165081d10e1ba601384.woff2) format("woff2"),url(252057e589a0379208ed.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:"Roboto";font-style:normal;font-display:swap;font-weight:500;src:url(f25d774ecfe0996f8eb5.woff2) format("woff2"),url(1f075502d0094a398e21.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}