{"version":3,"file":"shared-ui-style.css","mappings":"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BAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,6CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,8CACC,mBAFF,GACC,6CACC,mBAFF,GACC,gDACC,oBAFF,8CACC,mBACC,iDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,GAFF,+CACC,mBACC,GAFF,gDACC,EACC,oBAFF,8CACC,mBACC,GAFF,+CACC,EACC,oBAFF,+CACC,EACC,oBAFF,+CACC,mBACC,GAFF,+CACC,mBACC,iDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,kDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDADD,mBACC,mDAQD,mBACA,mDAIA,sEAGC,oBACA,kDACA,2CAIC,qDAGA,mBzB2BW,CyB9BX,UzB8BW,0DyBtBX,wBzB0CoC,6EyBnCrC,6BAIF,iEAEC,c1BmDgB,gEACA,+D0B1ChB,UACC,qQzBkBqC,+PACA,mMACA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A3FF,4GAIC,oCAKF,CATC,CASD,qEACC,sG7B/MJ,wF6BwNO,kB7BxNP,wF6B8MG,kBAkBG,gH7BhON,0F6B4OM,mB7B5ON,C6B4OM,wEAOF,oH7BnPJ,2F6B4PO,iB7B5PP,uF6BoQM,gIAQF,wFAKC,iB7BjRL,C6B4QI,C7B5QJ,wF6B+QI,mBAOG,wF7BtRP,oC6B+RM,yBACA,uFA3FF,4GAIC,oCAKF,CATC,CASD,qEACC,sG7B/MJ,wF6BwNO,kB7BxNP,wF6B8MG,kBAkBG,gH7BhON,0F6B4OM,mB7B5ON,C6B4OM,wEAOF,oH7BnPJ,2F6B4PO,iB7B5PP,uF6BoQM,gIAQF,wFAKC,iB7BjRL,C6B4QI,C7B5QJ,wF6B+QI,mBAOG,wF7BtRP,oC6B+RM,yBACA,uFA3FF,4GAIC,oCAKF,CATC,CASD,qEACC,sG7B/MJ,wF6BwNO,kB7BxNP,wF6B8MG,kBAkBG,gH7BhON,0F6B4OM,mB7B5ON,C6B4OM,wEAOF,oH7BnPJ,2F6B4PO,iB7B5PP,uF6BoQM,gIAQF,wFAKC,iB7BjRL,C6B4QI,C7B5QJ,wF6B+QI,mBAOG,wF7BtRP,oC6B+RM,yBACA,uFA3FF,4GAIC,oCAKF,CATC,CASD,qEACC,sG7B/MJ,wF6BwNO,kB7BxNP,wF6B8MG,kBAkBG,gH7BhON,0F6B4OM,mB7B5ON,C6B4OM,wEAOF,oH7BnPJ,2F6B4PO,iB7B5PP,uF6BoQM,gIAQF,wFAKC,iB7BjRL,C6B4QI,C7B5QJ,wF6B+QI,mBAOG,wF7BtRP,oC6B+RM,yBACA,uFA3FF,4GAIC,oCAKF,CATC,CASD,qEACC,sG7B/MJ,wF6BwNO,kB7BxNP,wF6B8MG,kBAkBG,gH7BhON,0F6B4OM,mB7B5ON,C6B4OM,wEAOF,oH7BnPJ,2F6B4PO,iB7B5PP,uF6BoQM,gIAQF,wFAKC,iB7BjRL,C6B4QI,C7B5QJ,wF6B+QI,mBAOG,wF7BtRP,oC6B+RM,yBACA,uFA3FF,4GAIC,qCAJD,CASD,sEACC,wG7B/MJ,0F6BwNO,4GAVJ,mBAkBG,iH7BhON,2F6B4OM,mB7B5ON,C6B4OM,yEAOF,sH7BnPJ,4F6B4PO,kB7B5PP,wF6BoQM,kIAQF,yFAKC,kBALD,C7B5QJ,0F6B+QI,oBAOG,yF7BtRP,sC6B0QG,yBAsBG,wFAWF,iBACA,4FAKA,qCALA,CAKA,oE7BjTJ,2GFvDc,oGEuDd,sHFvDc,qG+BqYV,wCAID,mFASA,eACC,oEAWD,iBACC,0EAWD,gBACC,mEAWD,aACC,qEAWD,eACC,sEACA,gBAlDD,CACC,iFAWD,qEACC,cAWD,gBACC,oEAWD,gBACC,sEAWD,kBACC,uEACA,mBAlDD,qEACC,iBAWD,sEACC,iBAWD,mBACC,oEAWD,gBACC,sEAWD,kBACC,uEACA,mBAlDD,qE7B3VH,uF6BiWM,oCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,qCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,qCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,qCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,qCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,qCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,qCAMH,oE7BvWH,4G6B6WM,uF7B7WN,gH6ByXM,0F7BzXN,kH6BqYM,yF7BrYN,8G6BmZM,wFAvDF,iB7B5VJ,iH6BiWM,0G7BjWN,8G6B6WM,wF7B7WN,kH6ByXM,2F7BzXN,oH6BqYM,0FAQF,kB7B7YJ,8F6BmZM,yFASJ,sCAEA,yBACC,sE7B/ZH,iB6B8ZE,CAIE,wEAIF,aACC,iE7BvaH,qC6B0aI,gE7B1aJ,Y6B2ZC,iEAoBE,eAQD,yBACC,+DACA,eAOA,CACC,iEAID,CALA,CAKA,6DACC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","sources":["webpack://ultimate-branding/./assets/scss/overrides/_overrides.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_accessibility.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_animations.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_variables.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_colors.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_mixins.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_typography.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_icons.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_buttons.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_toggles.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_boxes.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_box-settings.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_box-selectors.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_box-builder.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_layout.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_notifications.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_header.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_summary.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_list.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_tooltips.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_select.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_tags.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_forms.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_radio-checkbox.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_upload.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_colorpickers.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_tabs.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_sidenav.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_dropdowns.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_scores.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_footer.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_progress-bars.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_tables.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_accordions.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_modals.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_listing.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_pagination.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_select2.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_calendar.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_calendar-range.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_utility.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_wp-admin-notices.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_ace-editor.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_recipient.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_chartjs.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_status-dot.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_tree-fancy.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_tree-simple.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_upgrade-page.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_reviews.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_search.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_multistrings.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_insert-variables.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_upsells.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/_color-accessibility.scss","webpack://ultimate-branding/./node_modules/@wpmudev/shared-ui/scss/sui-wp-editor.scss"],"sourcesContent":["@import \"https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.13/css/select2.min.css\";\n\n/**\n * === SUI Overrides ===\n */\n@include body-class(true) {\n  #branda-dashboard-widget-summary {\n    background-position: 80px center !important;\n  }\n\n  // Override wp-button shadow.\n  button.sui-button {\n    box-shadow: none;\n    @include media(max-width, md) {\n      .sui-loading-text {\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n  }\n\n  // Remove transitions on sortable builder box\n  .sui-box-builder {\n    .sui-box-builder-body {\n      .sui-builder-field.sui-can-move {\n        transition: none;\n      }\n    }\n  }\n\n  // Show border for margin field groups.\n  .branda-section-design {\n    .sui-accordion {\n      .sui-accordion-item-body {\n        .sui-border-frame {\n          &.branda_broder_group {\n            border: 1px solid #e6e6e6;\n            padding: 30px;\n          }\n        }\n      }\n    }\n  }\n\n  /**\n\t * === SMTP Module ===\n\t */\n  .module-smtp-smtp-php {\n    .sui-label {\n      color: #666666;\n      font-size: 15px;\n      font-weight: 500;\n      letter-spacing: -0.25px;\n      line-height: 22px;\n    }\n    .sui-description {\n      margin-bottom: 10px;\n    }\n    .sui-tabs-content {\n      .sui-label {\n        color: #aaaaaa;\n        font: 500 12px/16px \"Roboto\", Arial, sans-serif;\n      }\n\n      .sui-description {\n        margin-bottom: 0;\n      }\n    }\n  }\n\n  /**\n\t * === Admin Help Content Module ===\n\t */\n  .module-admin-help-content-admin-help-content-php {\n    .sui-toggle + label + .sui-description {\n      margin-left: 45px;\n    }\n  }\n\n  /**\n\t * === Comments Control Module ===\n\t */\n  .module-comments-control-php {\n    .branda-tab-settings-by_blacklist,\n    .branda-tab-settings-by_post_type {\n      padding: 0 !important;\n      border: none !important;\n    }\n\n    .branda-tab-settings-by_post_type {\n      ul {\n        columns: 2;\n      }\n    }\n\n    .sui-label {\n      color: #666666;\n      font-size: 15px;\n      font-weight: 500;\n      letter-spacing: -0.25px;\n      line-height: 22px;\n    }\n\n    .sui-description {\n      margin-bottom: 10px;\n    }\n  }\n\n  /**\n\t * === Admin Menu Module ===\n\t */\n  .module-admin-menu-php {\n    .sui-toggle + label + .sui-description {\n      margin-left: 45px;\n    }\n  }\n\n  /**\n\t * === Dashboard Widgets Module ===\n\t */\n  .module-dashboard-widgets-dashboard-widgets-php {\n    .sui-label {\n      color: #666666;\n      font-size: 15px;\n      font-weight: 500;\n      letter-spacing: -0.25px;\n      line-height: 22px;\n\n      + .sui-description {\n        margin-bottom: 10px;\n      }\n    }\n  }\n\n  /**\n\t * === Dashboard Feeds Module ===\n\t */\n  .module-dashboard-feeds-dashboard-feeds-php {\n    button.branda-dashboard-feeds-bulk {\n      margin-left: 10px;\n    }\n    .select-container.sui-select-sm {\n      .select-list-container {\n        width: 160px;\n      }\n    }\n    .sui-accordion.sui-accordion-flushed {\n      border-top: none !important;\n      border-bottom: none;\n      .sui-accordion-header {\n        padding-bottom: 0 !important;\n      }\n      .sui-accordion-item {\n        .sui-accordion-item-header {\n          .branda-feed-ellipsis {\n            white-space: nowrap;\n            overflow: hidden;\n            text-overflow: ellipsis;\n            display: inline-block;\n            max-width: 270px;\n          }\n          &:last-of-type {\n            border-bottom: none;\n          }\n        }\n      }\n      .sui-accordion-item-body .branda-accordion-body {\n        .sui-box-header {\n          border-bottom: none;\n          padding-top: 30px;\n        }\n        h3 {\n          font-family: $font;\n          color: #333333;\n          font-size: 15px;\n          font-weight: bold;\n          letter-spacing: -0.25px;\n          line-height: 22px;\n          margin-bottom: 30px;\n        }\n        .branda-list-title {\n          color: #333333;\n          font-size: 13px;\n          font-weight: 500;\n          letter-spacing: -0.25px;\n          line-height: 22px;\n        }\n        .branda-list-detail {\n          color: #888888;\n          font-size: 13px;\n          letter-spacing: -0.25px;\n          line-height: 22px;\n        }\n        .sui-row:not(:last-of-type) {\n          .branda-divider {\n            background-color: #e6e6e6;\n            height: 1px;\n            margin-right: 15px;\n            margin-top: 30px;\n            margin-left: 15px;\n          }\n        }\n      }\n    }\n  }\n\n  // Modal.\n  [id^=\"branda-dashboard-feeds-edit\"],\n  #branda-dashboard-feeds-new {\n    div[data-panes] {\n      > div:nth-child(n + 2) {\n        .sui-label {\n          color: #666666;\n          font-size: 15px;\n          font-weight: 500;\n          letter-spacing: -0.25px;\n          line-height: 22px;\n\n          + .sui-description {\n            margin-bottom: 10px;\n          }\n        }\n        .sui-form-field:not(:last-of-type) {\n          border-bottom: #e6e6e6 1px solid;\n          padding-bottom: 30px;\n        }\n      }\n    }\n  }\n\n  /**\n\t * === Meta Widget Module ===\n\t */\n  .module-rebranded-meta-widget-php {\n    .simple-option-description {\n      img {\n        max-width: 100%;\n      }\n    }\n  }\n\n  /**\n\t * === Admin Color Schemes Module ===\n\t */\n  .module-admin-color-schemes-ultimate-color-schemes-php {\n    label {\n      &.sui-checkbox {\n        display: flex;\n        margin: 0 0 5px;\n      }\n    }\n    a {\n      &.branda-customize-ultimate-scheme {\n        margin-left: auto;\n        margin-right: 0;\n      }\n    }\n  }\n\n  .module-images-images-php {\n    #select2-branda-images-search-container {\n      display: inline;\n    }\n  }\n\n  #branda-color-schemes-edit {\n    .sui-form-field.branda-border-bottom {\n      border-bottom: 1px solid #e6e6e6;\n      padding-bottom: 30px;\n    }\n    .sui-description {\n      margin-bottom: 10px;\n    }\n    .sui-accordion {\n      margin-top: 0;\n    }\n    .sui-form-field.branda-accordion-below {\n      margin-bottom: 0;\n    }\n  }\n\n  /**\n\t * === Sites Status Module ===\n\t */\n  .module-ms-site-check-ms-site-check-php {\n    .branda-section-show {\n      .sui-label {\n        color: #666666;\n        font-size: 15px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        line-height: 22px;\n\n        + .sui-description {\n          margin-bottom: 10px;\n        }\n      }\n    }\n    .branda-section-content {\n      .branda-social-logos-main-container {\n        border: none;\n        .sui-form-field.simple-option.simple-option-text.sui-accordion-item.ui-sortable-handle {\n          margin-bottom: 20px;\n          border-radius: 4px;\n          border: 1px solid #e6e6e6;\n          background-color: #fff !important;\n          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);\n          .sui-accordion-item-header,\n          .sui-accordion-item-body {\n            background-color: #fff !important;\n            .branda-social-logo-remove {\n              i {\n                margin-right: 0;\n              }\n            }\n          }\n          .sui-accordion-item-body {\n            border-top: 1px solid #e6e6e6;\n            padding: 30px;\n          }\n        }\n      }\n      .sui-accordion-item.sui-accordion-item--open {\n        background-color: #f8f8f8;\n      }\n    }\n\n    .branda-section-design {\n      .branda_broder_group {\n        border: 1px solid #e6e6e6;\n        padding: 30px;\n        border-radius: $border-radius;\n        margin-bottom: 30px;\n      }\n    }\n  }\n\n  /**\n\t * === DB Error Page Module ===\n\t */\n  .module-front-end-db-error-page-php {\n    .branda-section-mail {\n      .sui-label {\n        color: #666666;\n        font-size: 15px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        line-height: 22px;\n\n        + .sui-description {\n          margin-bottom: 10px;\n        }\n      }\n    }\n    .branda-section-content {\n      .sui-accordion-item.sui-accordion-item--open {\n        background: #f8f8f8;\n      }\n      .branda-social-logos-main-container {\n        border: none;\n        .sui-form-field.simple-option.simple-option-text.sui-accordion-item.ui-sortable-handle {\n          margin-bottom: 20px;\n          border-radius: 4px;\n          border: 1px solid #e6e6e6;\n          background-color: #fff !important;\n          box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);\n          .sui-accordion-item-header,\n          .sui-accordion-item-body {\n            background-color: #fff !important;\n            .branda-social-logo-remove {\n              i {\n                margin-right: 0;\n              }\n            }\n          }\n          .sui-accordion-item-body {\n            border-top: 1px solid #e6e6e6;\n            padding: 30px;\n          }\n        }\n      }\n    }\n    .branda-section-design {\n      .sui-border-frame {\n        .sui-row {\n          margin-top: -10px;\n          .sui-col {\n            margin-top: 10px;\n            .sui-form-field.simple-option.simple-option-number {\n              min-width: 70px;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n\t * === Cookie Notice Module ===\n\t */\n  .module-cookie-notice-cookie-notice-php {\n    .branda-section-configuration,\n    .branda-section-design,\n    .branda-section-content {\n      .sui-label {\n        color: #666666;\n        font-size: 15px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        line-height: 22px;\n\n        + .sui-description {\n          margin-bottom: 10px;\n        }\n      }\n    }\n    .branda-section-content {\n      .sui-label {\n        color: #888888;\n        line-height: 16px;\n      }\n    }\n    .sui-box-settings-col-2 {\n      .sui-accordion {\n        .sui-accordion-item {\n          .sui-tabs {\n            > [data-tabs] {\n              border-top-width: 0;\n              padding: 0 $sui-gutter-md;\n\n              @include media(min-width, md) {\n                padding: 0 $sui-gutter;\n              }\n            }\n\n            > [data-panes],\n            > .sui-tabs-content {\n              > *,\n              > .sui-tab-content {\n                padding: $sui-gutter-md;\n\n                @include media(min-width, md) {\n                  padding: $sui-gutter;\n                }\n              }\n            }\n\n            @include media(max-width, md) {\n              margin: -#{$sui-gutter-md} !important;\n            }\n\n            @include media(min-width, md) {\n              margin: -#{$sui-gutter} !important;\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n\t * === Text Replacement Module ===\n\t */\n  .module-utilities-text-replacement-php {\n    > .sui-box-body {\n      padding: 0;\n    }\n    .sui-table.sui-table-flushed {\n      margin-top: 30px;\n    }\n    th {\n      height: 40px !important;\n    }\n    th.check-column {\n      width: 20px;\n    }\n    td.column-actions {\n      text-align: right;\n      button:first-child {\n        margin-right: 10px;\n      }\n      .sui-modal {\n        text-align: initial;\n      }\n    }\n    // Modals\n    div[id^=\"branda-text-replacement-new\"],\n    div[id^=\"branda-text-replacement-edit\"] {\n      .sui-side-tabs {\n        margin: 0 0 10px;\n      }\n    }\n    .branda-text-replacement-exclude_url {\n      .sui-side-tabs {\n        margin-bottom: 10px;\n      }\n    }\n\n    thead .sui-checkbox input + span {\n      margin: 13px;\n    }\n\n    tbody .sui-checkbox input + span {\n      margin: 20px 13px;\n    }\n  }\n\n  /**\n\t * === Tracking Codes Module ===\n\t */\n  .module-tracking-codes-tracking-codes-php {\n    > .sui-box-body {\n      padding: 0;\n    }\n    th {\n      height: 40px !important;\n    }\n    th.check-column {\n      width: 20px;\n    }\n    td.column-actions {\n      text-align: right;\n      button:first-child {\n        margin-right: 10px;\n      }\n      .sui-modal {\n        text-align: initial;\n      }\n    }\n  }\n\n  .module-utilities-tracking-codes-php {\n    .check-column label.sui-checkbox {\n      position: absolute !important;\n      vertical-align: middle;\n\n      input + span {\n        margin: 20px;\n      }\n\n      @include media(max-width, 800px) {\n        margin: 21px;\n      }\n    }\n  }\n\n  /**\n\t * === Images Module ===\n\t */\n  .module-images-images-php {\n    .images {\n      max-width: 250px;\n      .sui-upload .sui-upload-file span {\n        white-space: nowrap;\n        overflow: hidden;\n        text-overflow: ellipsis;\n      }\n    }\n    .ub-delete-image {\n      padding-top: 20px;\n    }\n    .select-container.branda-images-quantity {\n      margin-top: 21px;\n    }\n  }\n  /**\n\t * === Images Module ===\n\t * === Maintenance Module ===\n\t */\n  .module-utilities-images-php,\n  .module-utilities-maintenance-php {\n    select.sui-select.sui-select-sm\n      + .select2-container\n      .select2-selection--single\n      .select2-selection__rendered {\n      min-height: 30px;\n    }\n    .branda-section-favicon {\n      .sui-label {\n        color: #666666;\n        font-size: 15px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        line-height: 22px;\n        + .sui-description {\n          margin-bottom: 10px;\n        }\n      }\n    }\n  }\n\n  /**\n\t * === Dashboard ===\n\t */\n  #branda-dashboard-widget-modules {\n    .sui-table thead > tr > th {\n      height: 20px;\n    }\n    .sui-table thead > tr > th:first-child {\n      height: 20px;\n    }\n  }\n\n  /**\n\t * === Admin Bar Module ===\n\t */\n  .branda-settings-tab-admin-bar {\n    div[id^=\"branda-admin-bar-edit\"],\n    #branda-admin-bar-add {\n      .sui-box-builder {\n        border: none;\n        margin: 30px -30px;\n        .sui-box-builder-message {\n          text-align: center;\n        }\n        .sui-accordion {\n          border: none;\n          .sui-accordion-item {\n            margin-bottom: 20px;\n            border-radius: 4px;\n            border: 1px solid #e6e6e6;\n            background-color: #fff !important;\n            box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05);\n            .sui-accordion-item-header,\n            .sui-accordion-item-body {\n              background-color: #fff !important;\n              i.sui-icon-trash {\n                margin-right: 0;\n              }\n            }\n            .sui-accordion-item-body {\n              border-top: 1px solid #e6e6e6;\n              padding: 30px;\n            }\n            &:last-of-type {\n              margin-bottom: 0;\n            }\n          }\n        }\n        .branda-action-divider {\n          height: 20px;\n          width: 1px;\n          background-color: #e6e6e6;\n          margin-left: 10px;\n          margin-right: -5px;\n        }\n      }\n    }\n    .sui-side-tabs {\n      > .sui-tabs-content {\n        > .sui-tab-boxed.branda-tab-items-custom-entries {\n          border: none;\n          padding: 0;\n        }\n      }\n    }\n  }\n\n  /**\n\t * === User Registration Module ===\n\t */\n  .branda-section-blog,\n  .branda-section-user {\n    .sui-box-settings-col-2 {\n      > .sui-border-frame {\n        padding: 0;\n        border: none;\n        margin: 0;\n      }\n    }\n  }\n\n  /**\n\t * === Import Module ===\n\t */\n  &.sui-wrap-branda-module-import {\n    .branda-import-configure-modules-row {\n      margin: 30px;\n    }\n  }\n\n  /**\n\t * === Author Box Module ===\n\t */\n  .module-author-box-author-box-php {\n    .branda-section-show {\n      .sui-label {\n        color: #666666;\n        font-size: 15px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        line-height: 22px;\n\n        + .sui-description {\n          margin-bottom: 10px;\n        }\n      }\n      .sui-checkbox {\n        span.sui-description {\n          font-size: 13px;\n        }\n      }\n      .simple-option-checkboxes {\n        li {\n          margin-bottom: 0;\n        }\n      }\n    }\n  }\n\n  /**\n\t * === Manage All Modules ===\n\t */\n  #branda-manage-all-modules {\n    .branda-manage-all-modules-box {\n      max-width: 980px;\n      margin: 0 auto;\n\n      .sui-box-header {\n        border-bottom: 0;\n      }\n      .sui-box-footer {\n        border-top: 0;\n        padding-top: 0;\n      }\n      .sui-box-body {\n        padding-top: 15px;\n        #sui-branda-content {\n          border: 1px solid #e6e6e6;\n          border-radius: 4px;\n          padding: 30px;\n        }\n      }\n    }\n    background-color: #ffffff;\n    margin: 0;\n    min-height: 100%;\n\n    &.sui-modal-content {\n      > .sui-box {\n        box-shadow: none;\n      }\n    }\n  }\n  .branda-container-all-modules {\n    padding: 0;\n  }\n\n  /**\n\t * === Comments Control Module ===\n\t */\n  .module-utilities-comments-control-php {\n    .branda-section-settings {\n      .sui-checkbox input + span + .sui-description {\n        font-size: 13px;\n      }\n      .sui-label {\n        color: #666666;\n        font-size: 15px;\n        font-weight: 500;\n        letter-spacing: -0.25px;\n        line-height: 22px;\n\n        + .sui-description {\n          margin-bottom: 10px;\n        }\n      }\n      .sui-tab-boxed {\n        &.branda-tab-settings-by_blacklist,\n        &.branda-tab-settings-by_post_type {\n          padding: 0;\n          border: none;\n        }\n      }\n    }\n  }\n\n  /**\n\t * === Login Screen Module ===\n\t */\n  .module-login-screen-login-screen-php {\n    .branda-section-content {\n      .simple-option-gallery {\n        margin-top: 20px;\n      }\n    }\n    .branda-section-colors {\n      .sui-box-settings-col-2 {\n        .sui-accordion {\n          .sui-accordion-item {\n            .sui-tabs {\n              > [data-tabs] {\n                border-top-width: 0;\n                padding: 0 $sui-gutter-md;\n\n                @include media(min-width, md) {\n                  padding: 0 $sui-gutter;\n                }\n              }\n\n              > [data-panes],\n              > .sui-tabs-content {\n                > *,\n                > .sui-tab-content {\n                  padding: $sui-gutter-md;\n\n                  @include media(min-width, md) {\n                    padding: $sui-gutter;\n                  }\n                }\n              }\n\n              @include media(max-width, md) {\n                margin: -#{$sui-gutter-md} !important;\n              }\n\n              @include media(min-width, md) {\n                margin: -#{$sui-gutter} !important;\n              }\n            }\n          }\n        }\n      }\n    }\n  }\n\n  .branda-hide-sm {\n    @include media(max-width, md) {\n      display: none;\n    }\n  }\n\n  /**\n\tTODO: the following rules are here just because we need to @include icon. They actually belong in inc/modules/admin/assets/scss/admin_menu.scss\n\t */\n  .branda-custom-admin-menu-dialog {\n    .branda-admin-menu-loading {\n      .branda-custom-admin-menu-builder-fields {\n        @include icon(before, update) {\n          font-size: 20px;\n          margin: 0 auto;\n          opacity: 0.4;\n          display: block;\n          width: 20px;\n        }\n\n        &:before {\n          animation: spin 1.3s linear infinite;\n        }\n      }\n    }\n  }\n}\n\n.sui-upgrade-page-header__image {\n  background-size: 330px !important;\n  background-position: center !important;\n}\n@media (max-width: 800px) {\n  .sui-upgrade-page-header__image {\n    background-size: 230px !important;\n  }\n}\n\n// Fix for Email logs table.\n.branda-email-logs-table {\n  .check-column {\n    label {\n      position: relative;\n    }\n  }\n}\n\n// Fixes for select after upgrading to SUI 2.12.23.\n.sui-wrap {\n  [class*=\"sui-icon-\"]:before,\n  [class*=\"sui-icon-\"]:after,\n  .sui-box-body .sui-upsell-row .sui-upsell-notice p:first-of-type:before,\n  .sui-box-selector input:checked + span:before,\n  .sui-insert-variables\n    .select-container\n    .select-list-container\n    .list-value:before,\n  .sui-insert-variables\n    .sui-variables\n    + .select2\n    .select2-selection--single\n    .select2-selection__arrow:before,\n  .sui-checkbox input + span:before,\n  .sui-upload .sui-upload-image .sui-image-preview:before,\n  .sui-upload .sui-upload-file:before,\n  .sui-listing li:before,\n  .sui-pagination-active-filters\n    .sui-active-filter\n    .sui-active-filter-remove:before,\n  select.sui-select\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__arrow:before,\n  .sui-select-dropdown .select2-search--dropdown:after {\n    font-family: \"wpmudev-plugin-icons\" !important;\n    speak: none;\n    font-size: 1em;\n    font-style: normal;\n    font-weight: normal;\n    font-variant: normal;\n    text-transform: none;\n    line-height: 1;\n    text-rendering: auto;\n    display: inline-block;\n    color: #888888;\n    -webkit-font-smoothing: antialiased;\n    -moz-osx-font-smoothing: grayscale;\n  }\n\n  .sui-insert-variables .sui-variables + .select2 {\n    width: auto !important;\n    height: auto !important;\n    display: block;\n    position: absolute;\n    top: 0;\n    right: 0;\n  }\n\n  .sui-insert-variables .sui-variables + .select2 * {\n    display: block;\n    outline: none;\n  }\n\n  .sui-insert-variables .sui-variables + .select2 .select2-selection--single {\n    height: auto;\n    border: 1px solid #dddddd;\n    border-left-color: transparent;\n    border-radius: 0 4px 4px 0;\n    background-color: transparent;\n    -webkit-transition: 0.2s ease;\n    transition: 0.2s ease;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2\n    .select2-selection--single\n    .select2-selection__arrow {\n    width: 38px;\n    height: 38px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    position: relative;\n    top: auto;\n    right: auto;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2\n    .select2-selection--single\n    .select2-selection__arrow:before {\n    content: \"@\";\n    display: block;\n    margin: 0 auto;\n    color: #888888;\n    font-size: 16px;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2\n    .select2-selection--single\n    .select2-selection__arrow\n    b {\n    display: none;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2\n    .select2-selection--single:hover {\n    border-left-color: #dddddd;\n    background-color: #f2f2f2;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2\n    .select2-selection--single:hover\n    .select2-selection__arrow:before {\n    color: #666666;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2.select2-container--open\n    .select2-selection--single {\n    border-left-color: #dddddd;\n    background-color: #ffffff;\n    border-bottom-right-radius: 0;\n  }\n\n  .sui-insert-variables\n    .sui-variables\n    + .select2.select2-container--open\n    .select2-selection--single\n    .select2-selection__arrow:before {\n    color: #333333;\n  }\n\n  select.sui-select + .select2-container {\n    width: 100% !important;\n    display: block;\n  }\n\n  select.sui-select + .select2-container .selection {\n    display: block;\n  }\n\n  select.sui-select + .select2-container .selection:focus,\n  select.sui-select + .select2-container .selection *:focus {\n    outline: none;\n  }\n\n  select.sui-select + .select2-container .select2-selection--single,\n  select.sui-select + .select2-container .select2-selection--multiple {\n    border-radius: 4px;\n    border: 1px solid #dddddd;\n    background-color: #fafafa;\n    -webkit-transition: 0.3s ease;\n    transition: 0.3s ease;\n  }\n\n  select.sui-select + .select2-container .select2-selection--single:hover,\n  select.sui-select + .select2-container .select2-selection--multiple:hover {\n    background-color: #ffffff;\n  }\n\n  select.sui-select + .select2-container .select2-selection--single {\n    height: auto;\n    display: block;\n    position: relative;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__rendered {\n    padding: 7px 28px 6px 15px;\n    color: #333333;\n    font: 500 15px/25px \"Roboto\", Arial, sans-serif;\n    -webkit-transition: 0.3s ease;\n    transition: 0.3s ease;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__arrow {\n    width: 20px;\n    height: 20px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -ms-flex-direction: column;\n    flex-direction: column;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n    position: absolute;\n    top: 9px;\n    right: 9px;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__arrow:before {\n    content: \"ı\";\n    font-size: 12px;\n    -webkit-transition: -webkit-transform 0.2s linear;\n    transition: -webkit-transform 0.2s linear;\n    transition: transform 0.2s linear;\n    transition: transform 0.2s linear, -webkit-transform 0.2s linear;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__arrow\n    b {\n    display: none;\n  }\n\n  select.sui-select + .select2-container .select2-selection--multiple {\n    padding: 7px 12px 7px;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered {\n    display: block;\n    margin: -5px;\n    padding: 0;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-selection__clear {\n    display: none;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    li {\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    margin-right: 5px;\n    margin-bottom: 5px;\n    font: 500 15px/24px \"Roboto\", Arial, sans-serif;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    li:before,\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    li:after {\n    content: none;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-selection__choice {\n    padding-left: 10px;\n    padding-right: 0;\n    border: none;\n    border-radius: 4px;\n    background: #666666;\n    color: #ffffff;\n    font-size: 12px;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-selection__choice\n    .select2-selection__choice__remove {\n    margin-left: 10px;\n    margin-right: 0;\n    padding: 0 10px;\n    color: #ffffff;\n    -webkit-box-ordinal-group: 3;\n    -ms-flex-order: 2;\n    order: 2;\n    background-color: #5e5e5e;\n    font-weight: 500;\n    font-size: 16px;\n    line-height: 24px;\n    -webkit-transition: all 0.3s ease;\n    transition: all 0.3s ease;\n    border-radius: 0 4px 4px 0;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-selection__choice\n    .select2-selection__choice__remove:hover {\n    color: #ffffff;\n    background-color: #565656;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-search--inline {\n    margin: 0 0 0 8px;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-search--inline\n    .select2-search__field {\n    width: 100% !important;\n    height: 34px;\n    display: block;\n    margin: 0;\n    padding: 0;\n    color: #333333;\n    font: 500 15px/24px \"Roboto\", Arial, sans-serif;\n    -webkit-transition: 0.2s ease;\n    transition: 0.2s ease;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-search--inline\n    .select2-search__field::-webkit-input-placeholder {\n    color: #aaa;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-search--inline\n    .select2-search__field:-ms-input-placeholder {\n    color: #aaa;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-search--inline\n    .select2-search__field::-ms-input-placeholder {\n    color: #aaa;\n  }\n\n  select.sui-select\n    + .select2-container\n    .select2-selection--multiple\n    .select2-selection__rendered\n    .select2-search--inline\n    .select2-search__field::placeholder {\n    color: #aaa;\n  }\n\n  select.sui-select\n    + .select2-container.select2-container--open\n    .select2-selection--single,\n  select.sui-select\n    + .select2-container.select2-container--open\n    .select2-selection--multiple {\n    background-color: #ffffff;\n  }\n\n  select.sui-select\n    + .select2-container.select2-container--open\n    .select2-selection--single\n    .select2-selection__arrow:before {\n    -webkit-transform: rotate(180deg);\n    transform: rotate(180deg);\n  }\n\n  select.sui-select.sui-select-inline + .select2-container {\n    width: auto !important;\n    max-width: 100%;\n    min-width: 240px;\n    display: -webkit-inline-box;\n    display: -ms-inline-flexbox;\n    display: inline-flex;\n    margin-right: 10px;\n  }\n\n  select.sui-select.sui-select-inline + .select2-container .selection {\n    min-width: 100%;\n    -webkit-box-flex: 0;\n    -ms-flex: 0 0 100%;\n    flex: 0 0 100%;\n  }\n\n  select.sui-select.sui-select-inline + .select2-container:last-child {\n    margin-right: 0;\n  }\n\n  select.sui-select.sui-select-sm\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__rendered {\n    padding-top: 6px;\n    padding-left: 11px;\n    font-size: 13px;\n    line-height: 16px;\n  }\n\n  select.sui-select.sui-select-sm\n    + .select2-container\n    .select2-selection--single\n    .select2-selection__arrow {\n    top: 4px;\n    right: 4px;\n  }\n\n  select.sui-select.sui-select-lg\n    + .select2-container\n    .select2-selection--multiple {\n    min-height: 118px;\n  }\n\n  .sui-select-dropdown,\n  .sui-variables-dropdown {\n    margin: 0;\n    padding: 15px 0;\n    border: 1px solid #dddddd;\n    border-radius: 4px;\n    background: #ffffff;\n  }\n\n  .sui-select-dropdown *,\n  .sui-variables-dropdown * {\n    -webkit-box-sizing: border-box;\n    box-sizing: border-box;\n    font-variant-ligatures: none;\n    -webkit-font-variant-ligatures: none;\n    text-rendering: optimizeLegibility;\n    -moz-osx-font-smoothing: grayscale;\n    font-smoothing: antialiased;\n    -webkit-font-smoothing: antialiased;\n    text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n  }\n\n  .sui-select-dropdown .select2-search--dropdown,\n  .sui-variables-dropdown .select2-search--dropdown {\n    position: relative;\n    margin: 0 0 10px;\n    padding: 0 14px;\n  }\n\n  .sui-select-dropdown .select2-search--dropdown:after,\n  .sui-variables-dropdown .select2-search--dropdown:after {\n    content: \"º\";\n    width: 20px;\n    height: 20px;\n    display: -webkit-box;\n    display: -ms-flexbox;\n    display: flex;\n    -webkit-box-orient: vertical;\n    -webkit-box-direction: normal;\n    -ms-flex-direction: column;\n    flex-direction: column;\n    -webkit-box-align: center;\n    -ms-flex-align: center;\n    align-items: center;\n    -webkit-box-pack: center;\n    -ms-flex-pack: center;\n    justify-content: center;\n    position: absolute;\n    top: 50%;\n    right: 29px;\n    -webkit-transform: translateY(-50%);\n    transform: translateY(-50%);\n    font-size: 16px;\n  }\n\n  .sui-select-dropdown .select2-search--dropdown .select2-search__field,\n  .sui-variables-dropdown .select2-search--dropdown .select2-search__field {\n    width: 100%;\n    display: block;\n    margin: 0;\n    border: 1px solid #dddddd;\n    padding: 9px 40px 9px 14px;\n    border-radius: 4px;\n    background-color: #fafafa;\n    color: #333333;\n    font: 500 15px/20px \"Roboto\", Arial, sans-serif;\n    letter-spacing: -0.25px;\n    -webkit-transition: 0.3s ease;\n    transition: 0.3s ease;\n  }\n\n  .sui-select-dropdown\n    .select2-results\n    > .select2-results__options\n    .select2-results__option,\n  .sui-variables-dropdown\n    .select2-results\n    > .select2-results__options\n    .select2-results__option {\n    background-color: transparent;\n    padding: 5px 14px;\n    font: 500 15px/25px \"Roboto\", Arial, sans-serif;\n    color: #888888;\n    -webkit-transition: 0.5s ease;\n    transition: 0.5s ease;\n  }\n\n  #branda-admin_menu-custom-admin-menu {\n\tposition: absolute;\n  }\n}\n\n#branda-text-replacement-items-table,\n#branda-tracking-codes-items-table { \n  .check-column {\n    label:hover {\n      background: rgba(0,0,0,.0) !important;\n    }\n  }\n}\n//.check-column label:hover\n\n.branda-admin-page #wpbody{\n  max-width: 1600px;\n  margin: 0 auto;\n}","%sui-screen-reader-text {\n\twidth: 1px;\n\tmin-width: 1px;\n\theight: 1px;\n\tmin-height: 1px;\n\toverflow: hidden;\n\tclip: rect(1px, 1px, 1px, 1px);\n\tclip-path: inset(50%);\n\tposition: absolute !important;\n\tmargin: -1px;\n\tpadding: 0;\n\tborder: 0;\n\tword-wrap: normal !important;\n}\n\n@include body-class() {\n\n\t.sui-screen-reader-text {\n\t\t@extend %sui-screen-reader-text;\n\t}\n}\n\n@include body-class(true) {\n\n\t.sui-screen-reader-text {\n\t\t@extend %sui-screen-reader-text;\n\t}\n}","@include body-class(true) {\n\n\t.sui-fade-in {\n\t\tanimation: fadeIn 0.3s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-fade-out {\n\t\tanimation: fadeOut 0.3s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-bounce-in {\n\t\tanimation: bounceInJiggle 0.8s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-bounce-out {\n\t\tanimation: bounceOutJiggle 0.6s ease-out forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-content-fade-in {\n\t\tanimation: fadeScaleIn 0.5s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 1;\n\t\t\tanimation: none;\n\t\t}\n\t}\n\n\t.sui-content-fade-out {\n\t\tanimation: fadeScaleOut 0.9s ease-in forwards;\n\n\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\topacity: 0;\n\t\t\tanimation: none;\n\t\t}\n\t}\n}\n\n@keyframes bounceInDown {\n\tfrom, 60%, 75%, 90%, to {\n\t\tanimation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);\n\t}\n\t0% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0, -3000px, 0);\n\t}\n\t60% {\n\t\topacity: 1;\n\t\ttransform: translate3d(0, 25px, 0);\n\t}\n\t75% {\n\t\ttransform: translate3d(0, -10px, 0);\n\t}\n\t90% {\n\t\ttransform: translate3d(0, 5px, 0);\n\t}\n\tto {\n\t\ttransform: none;\n\t}\n}\n\n@keyframes bounceInJiggle {\n\t0%   { transform: translateY(-200%) scale(1.5); opacity:0; }\n\t30%  { opacity:1; }\n\t58%  { transform: translateY(0) rotate(1deg) scale(1); opacity: 1 }\n\t72%  { transform: translateY(-30px) rotate(-1deg); }\n\t80%  { transform: translateY(0) rotate(0.5deg); }\n\t100% { transform: translateY(0) rotate(0deg); }\n}\n\n@keyframes bounceOutJiggle {\n\t0%   { transform: translateY(0); }\n\t10%  { transform: translateY(-10px) rotate(-0.5deg); }\n\t30%  { transform: translateY(20px) rotate(8deg); }\n\t70%  { opacity: 1; }\n\t90%  { transform: translateY(300%) translateX(40px) rotate(35deg); opacity: 0; }\n\t100% { display: none; }\n}\n\n@keyframes bounceOut {\n\t20% {\n\t\ttransform: scale3d(.9, .9, .9);\n\t}\n\t50%, 55% {\n\t\topacity: 1;\n\t\ttransform: scale3d(1.1, 1.1, 1.1);\n\t}\n\tto {\n\t\topacity: 0;\n\t\ttransform: scale3d(.3, .3, .3);\n\t}\n}\n\n@keyframes fadeIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t25% {\n\t\topacity: 1;\n\t}\n}\n\n@keyframes fadeScaleIn {\n\t0% {\n\t\topacity: 0;\n\t}\n\t25% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0,10px,0) scale(0.9);\n\t}\n\t100% {\n\t\ttransform: translate3d(0,0,0) scale(1);\n\t}\n}\n\n@keyframes fadeOut {\n\t0% {\n\t\topacity: 1;\n\t}\n\t75% {\n\t\topacity: 1;\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeScaleOut {\n\t0% {\n\t\topacity: 1;\n\t\ttransform: translate3d(0,0,0) scale(1);\n\t}\n\t25% {\n\t\topacity: 0;\n\t\ttransform: translate3d(0,10px,0) scale(0.9);\n\t}\n\t100% {\n\t\topacity: 0;\n\t}\n}\n\n@keyframes fadeInLeft {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(-50px, 0, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@keyframes fadeInRight {\n\tfrom {\n\t\topacity: 0;\n\t\ttransform: translate3d(50px, 0, 0);\n\t}\n\tto {\n\t\topacity: 1;\n\t\ttransform: none;\n\t}\n}\n\n@keyframes spin {\n\t0% {\n\t\ttransform: rotate(0deg);\n\t}\n\t100% {\n\t\ttransform: rotate(360deg);\n\t}\n}\n","@use \"sass:math\";\n\n$sui-version: \"2.12.23\";\n$sui-wrap-class: \"sui-wrap\";\n\n// Import Google Fonts\n$import-font: true !default;\n$google-fonts-url: \"https://fonts.bunny.net/css?family=Roboto:400,500,700\" !default;\n\n// Typography\n$font: \"Roboto\", Arial, sans-serif !default;\n$font--size: 15px !default;\n\n$font--weight: 400;\n$font--medium: 500;\n$font--weight-bold: 700;\n\n$font--line-height: 30px !default;\n$font--letter-spacing: -0.25px !default;\n\n$h1-font-size: 32px !default;\n$h2-font-size: 22px !default;\n$h3-font-size: 18px !default;\n$h4-font-size: 15px !default;\n$h5-font-size: 15px !default;\n$h6-font-size: 15px !default;\n\n$h1-line-height: 40px;\n$h2-line-height: 35px;\n$h3-line-height: 40px;\n\n$border-radius: 4px !default;\n$transition: all 0.3s ease !default;\n\n// Layout\n$sui-gutter: 30px !default;\n$sui-gutter-md: 20px !default;\n$sui-total-grid-cols: 12 !default;\n$sui-breakpoints: (\n\txs: 0px,\n\tsm: 480px,\n\tmd: 783px,\n\tlg: 1200px,\n) !default;\n\n// ============================================================\n// Summary\n\n// SIZE: Regular\n$summary-size-width: 222px !default;\n$summary-size-height: 212px !default;\n\n$summary-image--width: 96px !default;\n$summary-image--height: 96px !default;\n\n$summary-image--position-x: 80px !default;\n$summary-image--position-y: center !default;\n$summary-image--position: $summary-image--position-x $summary-image--position-y !default;\n\n// SIZE: Small\n$summary-size-sm: 151px !default;\n\n$summary-image-sm--width: 96px !default;\n$summary-image-sm--height: 96px !default;\n\n$summary-image-sm--position-x: 30px !default;\n$summary-image-sm--position-y: center !default;\n$summary-image-sm--position: $summary-image-sm--position-x\n\t$summary-image-sm--position-y !default;\n\n// ============================================================\n// Forms (_forms.scss)\n$form--input-height-base: 40px !default;\n$form--input-border-radius: $border-radius !default;\n$form--input-line-height: 20px !default;\n$form--input-font-weight: 500 !default;\n\n$form--input-error-font-size: 12px !default;\n$form--input-error-line-height: 16px !default;\n$form--input-error-font-weight: 500 !default;\n$form--label-font: $font !default;\n$form--label-font-weight: 600 !default;\n$form--label-font-size: 12px !default;\n$form--label-line-height: 16px !default;\n$form--description-font-weight: 400 !default;\n$form--description-font-size: 13px !default;\n\n// ============================================================\n// Radio & Checkbox (_radio-checkbox.scss)\n\n// SIZE: Default\n$radio-checkbox--size: 16px !default;\n$radio-checkbox--font-size: 15px !default;\n$radio-checkbox--line-height: 22px !default;\n$radio-checkbox--check-size: 6px !default;\n$radio-checkbox--icon-size: 10px !default;\n\n// SIZE: Small\n$radio-checkbox--font-size-sm: 13px !default;\n\n// ============================================================\n// Paths\n$sui-image-path: \"../images/\" !default;\n$sui-font-path: \"../fonts/\" !default;\n\n// ============================================================\n// Scores\n$circle-score-sm: 30px !default;\n$circle-score-lg: 120px !default;\n$circle-score-label-spacing: 10px !default;\n\n// ============================================================\n// Sidenav\n$sidenav-width: 220px !default;\n\n// ============================================================\n// Margin\n$default-margin: 30px !default;\n\n// ============================================================\n// Padding\n$default-padding: 30px !default;\n\n// ============================================================\n// Tables\n$table--border-width: 1px !default;\n$table--border-style: solid !default;\n$table--text-font-size: 13px !default;\n$table--text-line-height: 22px !default;\n\n// ============================================================\n// Select\n$select-dropdown-handle-size: 40px !default;\n$select-dropdown-handle-size-sm: 30px !default;\n\n// ============================================================\n// Accordions\n$accordion--grid: 12 !default;\n\n// ============================================================\n// Upload (_upload.scss)\n\n// Image container\n$file-upload--image-size: 40px !default;\n$file-upload--image-border-width: 1px !default;\n$file-upload--image-border-style: solid !default;\n$file-upload--image-padding: 1px !default;\n\n// Button: Add\n$file-upload--add-border-width: 1px !default;\n$file-upload--add-border-style: dashed !default;\n\n// ============================================================\n// Color Pickers (_colorpickers.scss)\n\n// Default\n$colorpicker--hex-width: 135px !default;\n$colorpicker--rgba-width: 215px !default;\n$colorpicker--button-size: 30px !default;\n$colorpicker--border-width: 1px !default;\n\n// Input\n$colorpicker--input-height: 30px !default;\n$colorpicker--input-font-size: 12px !default;\n$colorpicker--input-line-height: 16px !default;\n\n// Iris\n$colorpicker--iris-hex-width: 210px !default;\n$colorpicker--iris-rgba-width: 240px !default;\n$colorpicker--iris-square-size: 160px !default;\n$colorpicker--iris-square-size-sm: 140px !default;\n$colorpicker--iris-square-value-size: 0 !default;\n$colorpicker--iris-square-handle-size: 16px !default;\n$colorpicker--iris-square-handle-border-width: 3px !default;\n$colorpicker--iris-slider-size: 190px !default;\n$colorpicker--iris-slider-handle-size: 10px !default;\n$colorpicker--iris-slider-handle-border-width: 2px !default;\n$colorpicker--iris-palette-size: 20px !default;\n\n// ============================================================\n// Box Selectors (_box-selectors.scss)\n\n// Container\n$box-selectors--spacing: 20px !default;\n$box-selectors--columns: (\n\tcol-1: 100%,\n\tcol-2: 50%,\n\tcol-3: 33.33%,\n\tcol-4: 25%,\n\tcol-5: 20%,\n) !default;\n\n// Item\n$box-selector--height: 60px !default;\n$box-selector--padding: 10px !default;\n$box-selector--font-size: 12px !default;\n$box-selector--line-height: 20px !default;\n\n$box-selector--font-size-lg: 13px !default;\n$box-selector--line-height-lg: 22px !default;\n\n// Item icon\n$box-selector--icon-width: 30px !default;\n$box-selector--icon-size: 16px !default;\n\n// Item image\n$box-selector--image-width: 24px !default;\n\n// Item ribbon\n// Used as blue triangle on top-right corner when item is selected\n$box-selector--ribbon-height: 80px !default;\n\n// Item (vertical)\n$box-selector-vertical--height: 80px !default;\n$box-selector-vertical--padding-top: 16px !default;\n$box-selector-vertical--icon-spacing: 7px !default;\n$box-selector-vertical--padding-bottom: #{$box-selector-vertical--height -\n\t(\n\t\t$box-selector--line-height + $box-selector--icon-size +\n\t\t\t$box-selector-vertical--icon-spacing +\n\t\t\t$box-selector-vertical--padding-top\n\t)} !default;\n\n// ============================================================\n// Progress Bars (_progress-bars.scss)\n$progress-block--size: 60px;\n$progress-bar--size: 10px;\n\n// ============================================================\n// Buttons (_buttons.scss)\n$button-dashed-height-lg: 70px !default;\n$button-dashed-height: 60px !default;\n$button-dashed-height-md: 50px !default;\n\n// ============================================================\n// Box Builder (_box-builder.scss)\n\n// Field - Basic\n$box-builder--field-height: 60px !default;\n$box-builder--field-height-md: 50px !default;\n$box-builder--field-spacing: 20px !default;\n$box-builder--field-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05) !default;\n$box-builder--field-shadow-hover: 0 0 0 4px rgba(0, 0, 0, 0.02),\n\t0 4px 15px 0 rgba(0, 0, 0, 0.05) !default;\n\n// Field - Icon\n$box-builder--field-icon-size: 30px !default;\n\n// ============================================================\n// Dialogs (_modals.scss)\n$wordpress: (\n\tadminbar: 32px,\n\tadminbar-sm: 32px,\n\tadminmenu: 160px,\n\t// Size for unfolded admin menu.\n\tadminmenu-sm: 36px,\n\t// Size for folded admin menu.\n) !default;\n\n$scrollbar--width: 20px !default;\n\n$modal: (\n\tz-index: 13,\n) !default;\n\n$modal-size: (\n\txl: 980px,\n\tlg: 600px,\n\tmd: 500px,\n\tsm: 400px,\n) !default;\n\n$modal-spacing: (\n\t0: (\n\t\t0,\n\t\t0,\n\t),\n\t10: (\n\t\t10px,\n\t\t10px,\n\t),\n\t20: (\n\t\t20px,\n\t\t20px,\n\t),\n\t30: (\n\t\t30px,\n\t\t20px,\n\t),\n\t40: (\n\t\t40px,\n\t\t20px,\n\t),\n\t50: (\n\t\t50px,\n\t\t40px,\n\t),\n\t60: (\n\t\t60px,\n\t\t40px,\n\t),\n\t70: (\n\t\t70px,\n\t\t40px,\n\t),\n\t80: (\n\t\t80px,\n\t\t40px,\n\t),\n\t90: (\n\t\t90px,\n\t\t50px,\n\t),\n\t100: (\n\t\t100px,\n\t\t50px,\n\t),\n) !default;\n\n$modal-steps: (\n\tlg: 14px,\n\tmd: 10px,\n\tsm: 7px,\n) !default;\n\n$modal-logo: (\n\tsize: 70px,\n\tframe-width: 5px,\n\tframe-color: $white,\n) !default;\n\n$onboard: (\n\tspacing: 40px,\n\tbutton: 40px,\n\tbutton-md: 30px,\n) !default;\n\n// ============================================================\n// Toggles (_toggles.scss)\n\n$toggle-width: 34px !default;\n$toggle-height: 16px !default;\n$toggle-font-size: 15px !default;\n$toggle-font-height: 22px !default;\n\n// ************************************************************\n// Datepicker - (_calendar.scss)\n\n$calendar: (\n\tpadding: #{math.div($sui-gutter, 2) - 1px},\n\tborder-width: 1px,\n\tborder-style: solid,\n\tborder-color: palette(gray, lighter),\n\tborder-radius: $border-radius,\n\tbackground: $white,\n\tshadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07),\n\tcell-size: 30px,\n);\n\n$calendar-padding: map-get($calendar, padding) !default;\n$calendar-border--width: map-get($calendar, border-width) !default;\n$calendar-border--style: map-get($calendar, border-style) !default;\n$calendar-border--color: map-get($calendar, border-color) !default;\n$calendar-border--radius: map-get($calendar, border-radius) !default;\n$calendar-background: map-get($calendar, background) !default;\n$calendar-shadow: map-get($calendar, shadow) !default;\n$calendar-cell: map-get($calendar, cell-size) !default;\n\n$month: (\n\tcolor: palette(gray, dark),\n\tfont-size: 12px,\n\tline-height: map-get($calendar, cell-size),\n\tfont-family: $font,\n\tfont-weight: bold,\n\tletter-spacing: $font--letter-spacing,\n\ttext-align: center,\n);\n\n$month-color: map-get($month, color) !default;\n$month-size: map-get($month, font-size) !default;\n$month-height: map-get($month, line-height) !default;\n$month-family: map-get($month, font-family) !default;\n$month-weight: map-get($month, font-weight) !default;\n$month-spacing: map-get($month, letter-spacing) !default;\n$month-align: map-get($month, text-align) !default;\n\n$day: (\n\tfont-size: 12px,\n\tline-height: map-get($calendar, cell-size),\n\tfont-family: $font,\n\tfont-weight: 400,\n\tletter-spacing: $font--letter-spacing,\n\ttext-align: center,\n\tdefault-color: palette(gray, light),\n\tdefault-background: $white,\n\thover-color: palette(gray, dark),\n\thover-background: palette(silver, light),\n\tactive-color: $blue,\n\tactive-background: palette(blue, light),\n\tinactive-color: palette(gray, lighter),\n\tinactive-background: $white,\n\ttoday-color: palette(gray, default),\n\ttoday-background: palette(yellow, light),\n);\n\n$day-size: map-get($day, font-size) !default;\n$day-height: map-get($day, line-height) !default;\n$day-family: map-get($day, font-family) !default;\n$day-weight: map-get($day, font-weight) !default;\n$day-spacing: map-get($day, letter-spacing) !default;\n$day-align: map-get($day, text-align) !default;\n\n$day-default--color: map-get($day, default-color) !default;\n$day-default--background: map-get($day, default-background) !default;\n$day-hover--color: map-get($day, hover-color) !default;\n$day-hover--background: map-get($day, hover-background) !default;\n$day-active--color: map-get($day, active-color) !default;\n$day-active--background: map-get($day, active-background) !default;\n$day-inactive--color: map-get($day, inactive-color) !default;\n$day-inactive--background: map-get($day, inactive-background) !default;\n$day-today--color: map-get($day, today-color) !default;\n$day-today--background: map-get($day, today-background) !default;\n","// Colors\n$palettes: (\n\tmono: (\n\t\tdefault: #000000,\n\t\tblack:   #000000,\n\t\twhite:   #FFFFFF,\n\t),\n\tgray: (\n\t\tdefault: #666666,\n\t\tlighter: #DDDDDD,\n\t\tlight:   #888888,\n\t\tdark:    #333333,\n\t),\n\tsilver: (\n\t\tdefault: #F2F2F2,\n\t\tlight:   #F8F8F8,\n\t\tsoft:    #E6E6E6,\n\t\tmedium:  #AAAAAA,\n\t),\n\tblue: (\n\t\tdefault: #17A8E3,\n\t\tlight:   #E1F6FF,\n\t\tghost:   #E1F6FF,\n\t),\n\tred: (\n\t\tdefault: #FF6D6D,\n\t\tlight:   #FFE5E9,\n\t\tghost:   #FFE5E9,\n\t),\n\tyellow: (\n\t\tdefault: #FECF2F,\n\t\tlight:   #FFF5D5,\n\t\tghost:   #FFF5D5,\n\t),\n\tgreen: (\n\t\tdefault: #1ABC9C,\n\t\tlight:   #D1F1EA,\n\t\tghost:   #D1F1EA,\n\t),\n\torange: (\n\t\tdefault: #FF7E41,\n\t\tlight:   #FFE5D9,\n\t\tghost:   #FFE5D9,\n\t),\n\tpurple: (\n\t\tdefault: #8D00B1,\n\t\tlight:   #F9E1FF,\n\t\tghost:   #F9E1FF,\n\t),\n\tmonos: (\n\t\tcloud:       #FAFAFA,\n\t\thaze:        #F8F8F8,\n\t\tsmoke:       #F2F2F2,\n\t\tsilver:      #E6E6E6,\n\t\tovercast:    #DDDDDD,\n\t\tfiftyshades: #AAAAAA,\n\t\tgrey:        #888888,\n\t\tironmike:    #666666,\n\t\tnightrider:  #333333,\n\t),\n) !default;\n\n$cloud:        palette(monos, cloud)       !default;\n$haze:         palette(monos, haze)        !default;\n$smoke:        palette(monos, smoke)       !default;\n$silver:       palette(monos, silver)    !default;\n$overcast:     palette(monos, overcast)    !default;\n$fiftyshades:  palette(monos, fiftyshades) !default;\n$grey:         palette(monos, grey)      !default;\n$ironmike:     palette(monos, ironmike)    !default;\n$nightrider:   palette(monos, nightrider)  !default;\n$blue:         palette(blue, default)    !default;\n$green:        palette(green, default)   !default;\n$yellow:       palette(yellow, default)  !default;\n$red:          palette(red, default)     !default;\n$purple:       palette(purple, default)  !default;\n$blue-ghost:   palette(blue, ghost)      !default;\n$green-ghost:  palette(green, ghost)     !default;\n$yellow-ghost: palette(yellow, ghost)    !default;\n$red-ghost:    palette(red, ghost)       !default;\n$purple-ghost: palette(purple, ghost)    !default;\n\n// ============================================================\n// Old colors (organization)\n\n$success:                               palette(green)                !default;\n$warning:                               palette(yellow)               !default;\n$error:                                 palette(red)                  !default;\n$info:                                  palette(blue)                 !default;\n\n// Primary Colors\n$white:                                 palette(mono, white)          !default;\n$black:                                 palette(mono, black)          !default;\n$gray:                                  palette(gray)                 !default;\n$gray-alt:                              palette(gray, dark)           !default;\n\n// Boxes Colors (_boxes.scss)\n$box-bg-color:                          palette(mono, white)          !default;\n$box-box-shadow-color:                  palette(silver, soft)          !default;\n$box-header-border-color:               palette(silver, soft)          !default;\n$box-footer-border-color:               palette(silver, soft)          !default;\n$box-settings-box-border-color:         palette(silver, soft)         !default;\n$box-settings-label-color:              palette(gray, dark)           !default;\n$box-upsell-p-color:                    palette(gray, dark)           !default;\n$box-upsell-border-color:               palette(purple)                !default;\n\n// ============================================================\n// Buttons Colors (_buttons.scss)\n\n$button-colors: blue green red orange yellow purple white;\n\n$button-shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-background: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-text-color: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-disabled--background: palette(silver, soft);\n$button-disabled--color:      palette(silver, medium);\n\n// Upsell Button\n$button-upsell--border-static: palette(green, light)   !default;\n$button-upsell--border-active: palette(green, default) !default;\n$button-upsell--color-static:  palette(green, default) !default;\n$button-upsell--color-active:  palette(mono, white)    !default;\n\n// Dashed Button\n$button-dashed--border:        palette(silver, medium) !default;\n$button-dashed--background:    transparent               !default;\n$button-dashed--color:         palette(gray, light)    !default;\n\n// ============================================================\n// Icon Buttons Colors (_buttons.scss)\n\n$button-icon--shadow: (\n\tdefault: $overcast,\n\tblue:    $blue-ghost,\n\tgreen:   $green-ghost,\n\tred:     $red-ghost,\n\torange:  palette(orange, ghost),\n\tyellow:  $yellow-ghost,\n\tpurple:  $purple-ghost,\n\twhite:   $white\n) !default;\n\n$button-icon--border: (\n\tdefault: palette(gray, lighter),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background: (\n\tdefault: palette(silver, default),\n\tblue:    palette(blue, light),\n\tgreen:   palette(green, light),\n\tred:     palette(red, light),\n\torange:  palette(orange, light),\n\tyellow:  palette(yellow, light),\n\tpurple:  palette(purple, light),\n\twhite:   rgba(0,0,0,0.2)\n) !default;\n\n$button-icon--background-hover: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--background-filled: (\n\tdefault: palette(silver, soft),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color: (\n\tdefault: palette(gray, light),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--color-hover: (\n\tdefault: palette(gray, dark),\n\tblue:    palette(blue, default),\n\tgreen:   palette(green, default),\n\tred:     palette(red, default),\n\torange:  palette(orange, default),\n\tyellow:  palette(yellow, default),\n\tpurple:  palette(purple, default),\n\twhite:   palette(mono, white)\n) !default;\n\n$button-icon--alt: (\n\tdefault: palette(mono, white),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, black)\n) !default;\n\n$button-icon--color-filled: (\n\tdefault: palette(silver, medium),\n\tblue:    palette(mono, white),\n\tgreen:   palette(mono, white),\n\tred:     palette(mono, white),\n\torange:  palette(mono, white),\n\tyellow:  palette(gray, dark),\n\tpurple:  palette(mono, white),\n\twhite:   palette(mono, white)\n) !default;\n\n// ============================================================\n// Typography Colors (_typography.scss)\n$headings-color:                        palette(gray, dark)           !default;\n$font-color:                            $gray !default;\n$p-small-color:                         palette(gray, light)          !default;\n$a-color:                               palette(blue)                 !default;\n$a-action-color:                        darken($a-color, 10%)         !default;\n$a-disabled-color:                      palette(gray, light)          !default;\n$code-bg-color:                         palette(silver, light)        !default;\n$code-border-color:                     palette(silver, soft)         !default;\n$dfn-border-color:                      palette(gray, light)          !default;\n$pre-color:                             palette(gray, dark)           !default;\n\n// Notifications Colors (_notifications.scss)\n$notice-font-color:                     palette(gray, dark)           !default;\n$notice-default-bg-color:               $white                        !default;\n$notice-default-icon-color:             palette(gray, light)          !default;\n$notice-warning-icon-color:             $warning                      !default;\n$notice-success-icon-color:             $success                      !default;\n$notice-error-icon-color:               $error                        !default;\n$notice-info-icon-color:                palette(blue)                 !default;\n\n// Tooltips (_tooltips.scss)\n$tooltips-color:                        palette(gray, dark)           !default;\n\n// ============================================================\n// Box Selectors (_box-selectors.scss)\n\n// Container\n$box-selectors--background: palette(silver, light) !default;\n\n// Item\n$box-selector--border-color: rgba(230, 230, 230, 0.5) !default;\n$box-selector--background: $white !default;\n$box-selector--color: palette(gray, light) !default;\n$box-selector--box-shadow: 0 2px 7px 0 rgba(0, 0, 0, 0.05) !default;\n\n$box-selector--active-background: palette(blue, light) !default;\n$box-selector--active-color: palette(blue, default) !default;\n$box-selector--active-box-shadow:  0 0 0 4px rgba(0, 0, 0, 0.02), 0 4px 15px 0 rgba(0, 0, 0, 0.05);\n\n// Item icon\n$box-selector--icon-color: palette(silver, medium) !default;\n\n// Item ribbon\n// Used as blue triangle on top-right corner when item is selected\n$box-selector--ribbon-color: $white !default;\n$box-selector--ribbon-background: palette(blue, default) !default;\n\n// ============================================================\n// Box Builder (_box-builder.scss)\n\n// Main container\n$box-builder--background:   $white !default;\n$box-builder--border-color: palette(silver, soft) !default;\n\n// Body\n$box-builder--body-background: palette(silver, light) !default;\n$box-builder--body-message:    palette(gray, light) !default;\n\n// Fields\n$box-builder--field-background: $white                   !default;\n$box-builder--field-color:      palette(gray, dark)    !default;\n$box-builder--field-move-color: palette(gray, lighter) !default;\n$box-builder--field-move-color-hover: palette(gray, light) !default;\n$box-builder--field-border:     palette(silver, soft)  !default;\n\n// Field - Notice\n$box-builder--notice-background: palette(silver, default) !default;\n$box-builder--notice-color:      $blue !default;\n\n// ============================================================\n// Select (_select.scss)\n\n// Container\n$select-container--border-color:        palette(gray, lighter)  !default;\n$select-container--background:          #FAFAFA                 !default;\n$select-container--background-active:   $white                    !default;\n\n// List value\n$select-value--color:                   palette(gray, dark)     !default;\n\n// List results\n$select-results--border-color:          palette(gray, lighter)  !default;\n$select-results--background:            $white                    !default;\n$select-results--color:                 palette(gray, light)    !default;\n$select-results--background-hover:      rgba(51, 51, 51, 0.05)  !default;\n$select-results--color-hover:           palette(gray, default)  !default;\n$select-results--background-current:    palette(gray, light)    !default;\n$select-results--color-current:         $white                    !default;\n$select-results--optgroup-color:        palette(silver, medium) !default;\n\n// Search results\n$select-search--border-color:           palette(gray, lighter)  !default;\n$select-search--background:             #FAFAFA                 !default;\n$select-search--background-focus:       $white                    !default;\n$select-search--color:                  palette(gray, dark)     !default;\n$select-search--placeholder:            palette(silver, medium) !default;\n$select-search--result:                 palette(gray, light)    !default;\n\n// Mobile select\n$select-mobile-nav-handle-color:        palette(gray, lighter)  !default;\n$select-mobile-nav-handle-hover-color:  palette(gray, light)    !default;\n\n// ============================================================\n// Sidebar (_sidebar.scss)\n$sidenav-tab-color:                     palette(gray)                 !default;\n$sidenav-tab-color-hover:               palette(gray, dark)           !default;\n$sidenav-tab-active-color:              palette(gray, dark)           !default;\n$sidenav-tab-active-bg-color:           palette(silver, soft)         !default;\n$sidenav-tab-icon-color:                palette(green)                !default;\n\n// ============================================================\n// Summary (_summary.scss)\n$summary-details--color:     palette(gray, dark)   !default;\n$summary-details--sub-color: palette(gray, light)  !default;\n\n$summary-list--border-color: palette(silver, soft) !default;\n$summary-list--color:        palette(gray,light)   !default;\n$summary-list--label:        palette(gray, dark)   !default;\n\n// ============================================================\n// Tags (_tags.scss)\n\n// Default tags\n$tag--default-background: palette(silver) !default;\n$tag--default-color: palette(gray, dark) !default;\n\n// Red tags\n$tag--red-border-color: palette(red, light) !default;\n$tag--red-background: $error !default;\n$tag--red-color: $white !default;\n\n// Yellow tags\n$tag--yellow-border-color: palette(yellow, light) !default;\n$tag--yellow-background: $warning !default;\n$tag--yellow-color: palette(gray, dark) !default;\n\n// Green tags\n$tag--green-border-color: palette(green, light) !default;\n$tag--green-background: $success !default;\n$tag--green-color: $white !default;\n\n// Blue tags\n$tag--blue-border-color: palette(blue, light) !default;\n$tag--blue-background: palette(blue) !default;\n$tag--blue-color: $white !default;\n\n// Purple tags\n$tag--purple-border-color: palette(purple, light) !default;\n$tag--purple-background: palette(purple) !default;\n$tag--purple-color: $white;\n\n// Disabled tags\n$tag--disabled-background: palette(silver) !default;\n$tag--disabled-color: palette(silver, medium) !default;\n\n// Pro tags\n$tag--pro-background: palette(purple) !default;\n$tag--pro-color: $white !default;\n\n// Beta tags\n$tag--beta-background: palette(orange) !default;\n$tag--beta-color: $white !default;\n\n// Forms (_forms.scss)\n$form--input--disabled:\t\t\t\t\tpalette(silver, default)\t\t!default;\n$form--input-icon:\t\t\t\t\t\tpalette(silver, medium)\t\t\t!default;\n$form--input-icon-right:\t\t\t\tpalette(gray, light)\t\t\t!default;\n$form--description-color:\t\t\t\tpalette(gray, light)\t\t\t!default;\n$form--input-error-color:               $error                        !default;\n$form--input-icon-color:                palette(gray, light)          !default;\n$form--label-color:                     $fiftyshades                      !default;\n\n// ============================================================\n// Radio & Checkbox (_radio-checkbox.scss)\n$radio-checkbox--background:            #FAFAFA                !default;\n$radio-checkbox--border-color:          palette(gray, lighter) !default;\n$radio-checkbox--color:                 palette(gray)          !default;\n$radio-checkbox--checked-border-color:  $blue                    !default;\n$radio-checkbox--checked-background:    $blue                    !default;\n$radio-checkbox--disabled-border-color: palette(silver)        !default;\n$radio-checkbox--disabled-background:   palette(silver)        !default;\n\n$radio-checkbox--check-color:          $white                    !default;\n$radio-checkbox--disabled-check-color: palette(silver, medium) !default;\n\n$radio-checkbox--checked-hover-background: rgba(23, 168, 227, 0.2)    !default;\n$radio-checkbox--hover-background:   palette(silver)        !default;\n\n// ============================================================\n// Upload (_upload.scss)\n\n// Image container\n$file-upload--image-border-color:       palette(silver, soft)   !default;\n$file-upload--image-mask-background:    palette(gray, lighter)  !default;\n$file-upload--image-preview-background: rgba(0, 0, 0, 0.5)      !default;\n\n// Button: Add\n$file-upload--add-border-color:         palette(gray, lighter)  !default;\n$file-upload--add-background:           transparent               !default;\n$file-upload--add-color:                palette(silver, medium) !default;\n\n// File name\n$file-upload--file-border-color:        palette(gray, lighter)  !default;\n$file-upload--file-background:          $white                    !default;\n$file-upload--file-color:               palette(gray, dark)     !default;\n$file-upload--file-hover-background:    #FAFAFA                 !default;\n\n// ============================================================\n// Color Pickers (_colorpickers.scss)\n\n// Value\n$colorpicker--border-color:                    palette(gray, lighter) !default;\n$colorpicker--background:                      #FAFAFA                !default;\n$colorpicker--color:                           palette(gray, dark)    !default;\n\n// Preview\n$colorpicker--preview-background:              palette(gray, lighter) !default;\n\n// Iris\n$colorpicker--iris-border-color:               palette(gray, lighter) !default;\n$colorpicker--iris-background:                 $white                   !default;\n$colorpicker--iris-palette-border-color:       palette(silver, soft)  !default;\n$colorpicker--iris-square-handle-border-color: $white                   !default;\n$colorpicker--iris-slider-handle-border-color: $white                   !default;\n\n// ============================================================\n// Tabs Colors (_tabs.scss)\n$tabs-label-color:                      palette(gray, light)   !default;\n$tabs-label-checked-color:              palette(gray, light)   !default;\n$tabs-label-active-color:               palette(gray, dark)    !default;\n$tabs-label-active-border-color:        palette(gray, dark)    !default;\n$tabs-content-border-color:             palette(silver, soft)  !default;\n$side-tabs--label-color:                palette(gray, default) !default;\n$side-tabs--label-background:           palette(silver, light) !default;\n$side-tabs--label-active-color:         palette(blue, default) !default;\n$side-tabs--label-active-background:    palette(blue, light)   !default;\n\n// Modals (_modals.scss)\n$modal-overlay-bg-color:                rgba(51, 51, 51, 0.95)        !default;\n$modal-box-shadow-color:                rgba(0, 0, 0, 0.2)            !default;\n$modal-close-color:                     palette(silver, medium)       !default;\n$modal-close-action-color:              palette(gray, light)          !default;\n\n// Dropdowns (_dropdowns.scss)\n$dropdown-anchor-color:                 palette(gray, light)          !default;\n$dropdown-ul-border-color:              palette(gray, lighter)        !default;\n$dropdown-label-border-color:           palette(silver, soft)         !default;\n$dropdown-ul-before-border-color:       palette(silver, soft)         !default;\n\n// Scores (_scores.scss)\n$circle-score-success-color:            $success                      !default;\n$circle-score-warning-color:            $warning                      !default;\n$circle-score-error-color:              $error                        !default;\n$circle-score-disabled-color:           palette(silver, medium)       !default;\n$circle-score-bg-color:                 $silver                       !default;\n$circle-score-default-dial-color:       $success                      !default;\n\n// Footer (_footer.scss)\n$footer-color:                          palette(silver, medium)       !default;\n$footer-color-hover:                    palette(gray, default)        !default;\n$footer-cross-sell-border-color:        palette(silver, soft)         !default;\n$footer-cross-sell-icon-color:          palette(gray, light)          !default;\n$footer-cross-sell-p-color:             palette(gray, light)          !default;\n\n// ============================================================\n// Progress Bars (_progress-bars.scss)\n$progress-block--background:   $white;\n$progress-block--border-color: palette(silver, soft);\n\n$progress-text--color:         palette(gray, light);\n$progress-status--color:       palette(gray, light);\n\n$progress-bar--background:     palette(silver, soft);\n$progress-bar--loading-color:  $blue;\n\n// ============================================================\n// Tables (_tables.scss)\n$table--border-color:                   palette(silver, soft)       !default;\n$table--th-color:                       $headings-color               !default;\n$table--text-color:                     $font-color                   !default;\n$table--field-list-title-color:         $headings-color               !default;\n$table--title-color:                    $headings-color               !default;\n\n// ============================================================\n// Accordions (_accordions.scss)\n$accordion--content-bg-color:           palette(silver,light)         !default;\n$accordion--open-indicator-color:       palette(gray,light)           !default;\n$accordion--disabled-color:             palette(silver, medium)       !default;\n$accordion--disabled-icon:              palette(gray, lighter)        !default;\n\n$accordion--block-background:           $white                          !default;\n$accordion--block-shadow:               palette(silver, soft)         !default;\n$accordion--block-color:                palette(gray, light)          !default;\n\n// ============================================================\n// Icons (_icons.scss)\n$icon-color:                            palette(gray,light)           !default;\n$icon-lighter-color:                            palette(gray,lighter)           !default;\n\n// Lists (_list.scss)\n$list-detail-color:                     palette(gray,light)           !default;\n\n// Pagination (_pagination.scss)\n$pagination-border:                     palette(silver, soft)         !default;\n$pagination-background:                 palette(mono, white)          !default;\n$pagination-item-color-static:          palette(gray, light)          !default;\n$pagination-item-color-hover:           palette(blue, default)        !default;\n$pagination-item-color-active:          palette(gray, dark)           !default;\n$pagination-item-color-disabled:        palette(gray, lighter)        !default;\n$pagination-item-bg-active:             palette(silver, light)        !default;\n$pagination-filter-border:              palette(silver, soft)         !default;\n$pagination-results:                    palette(gray, light)          !default;\n\n// ACE Editor (_ace-editor.scss)\n$ace-selector-background:       palette(gray, default) !default;\n$ace-selector-background-hover: palette(gray, dark)    !default;\n$ace-selector-color:            $white                   !default;\n\n// Recipient (_recipient.scss)\n$recipient-border-color:       palette(silver, soft) !default;\n\n// Color Accessibility (_color-accessibility.scss)\n$accessible-light:     $white;\n$accessible-dark:      $black;\n$accessible-dark-alt:  #555555;","// ==================================================\n// Generates the required versioned body class.\n//\n// $wrap: true\n// $rtl: false\n// $monochrome: false\n// ==================================================\n@mixin body-class($wrap: false, $rtl: false, $monochrome: false) {\n\n\t$formatted-version: str-replace($sui-version, '.', '-');\n\n\t@if ( $wrap and $sui-wrap-class ) {\n\n\t\t@if $rtl {\n\n\t\t\t.sui-#{$formatted-version}.rtl {\n\n\t\t\t\t.#{$sui-wrap-class} {\n\n\t\t\t\t\t@if $monochrome {\n\n\t\t\t\t\t\t&.sui-color-accessible {\n\t\t\t\t\t\t\t@content;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@else {\n\t\t\t\t\t\t@content;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@else {\n\n\t\t\t.sui-#{$formatted-version} .#{$sui-wrap-class} {\n\n\t\t\t\t@if $monochrome {\n\n\t\t\t\t\t&.sui-color-accessible {\n\t\t\t\t\t\t@content;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@else {\n\t\t\t\t\t@content;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@else {\n\n\t\t@if $rtl {\n\n\t\t\t.sui-#{$formatted-version}.rtl {\n\t\t\t\t@content;\n\t\t\t}\n\t\t}\n\n\t\t@else {\n\n\t\t\t.sui-#{$formatted-version} {\n\t\t\t\t@content;\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Prevent text such as titles from wrapping.\n@mixin text-truncate {\n\twhite-space: nowrap;\n\toverflow: hidden;\n\ttext-overflow: ellipsis;\n}\n\n// Media queries.\n// Examples:\n//   @include media(min-width, lg) {}\n//   @include media(max-width, sm) {}\n//   @include media(between, sm, lg) {}\n//\n@mixin media($type, $breakpoint-name-1, $breakpoint-name-2: null) {\n\t@if ($type == min-width) {\n\t\t$min-breakpoint-width: #{map-get($sui-breakpoints, $breakpoint-name-1)};\n\t\t@media (min-width: $min-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else if ($type == max-width) {\n\t\t$max-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-1) - 1px;\n\t\t@media (max-width: $max-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else if ($type == between) {\n\t\t$min-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-1);\n\t\t$max-breakpoint-width: map-get($sui-breakpoints, $breakpoint-name-2) - 1px;\n\t\t@media (min-width: $min-breakpoint-width) and (max-width: $max-breakpoint-width) {\n\t\t\t@content;\n\t\t}\n\t}\n\t@else {\n\t\t@warn \"Unfortunately, no type could be retrieved from `#{$type}`. \"\n\t\t+ \"Use either `min-width`, `max-width`, or `between`.\";\n\t}\n}\n\n// High PPI display background\n@mixin background-2x($path, $ext: \"png\", $w: auto, $h: auto, $pos: left top, $repeat: no-repeat) {\n\t$at1x_path: \"#{$path}.#{$ext}\";\n\t$at2x_path: \"#{$path}@2x.#{$ext}\";\n\n\tbackground: url(\"#{$at1x_path}\") $repeat $pos;\n\tbackground-size: $w $h;\n\n\t@media only screen and (-webkit-min-device-pixel-ratio: 2),\n\tonly screen and (min--moz-device-pixel-ratio: 2),\n\tonly screen and (-o-min-device-pixel-ratio: 2/1),\n\tonly screen and (min-device-pixel-ratio: 2),\n\tonly screen and (min-resolution: 192dpi),\n\tonly screen and (min-resolution: 2dppx) {\n\t\tbackground-image: url(\"#{$at2x_path}\");\n\t}\n}\n","// Typography\n\n@if variable-exists(google-fonts-url) and $import-font == true {\n\t@import url($google-fonts-url);\n}\n\n// Base\n@include body-class(true) {\n\tfont-family: $font;\n\tfont-weight: $font--weight;\n\tfont-size: $font--size;\n\tline-height: $font--line-height;\n\tcolor: $font-color;\n\tletter-spacing: $font--letter-spacing;\n\n\t// FIX: Prevent SUI React modal from getting these margins.\n\t&:not(.sui-modal) {\n\t\tmargin: $sui-gutter $sui-gutter 0 ($sui-gutter - 20px); // Account for padding from #wpcontent.\n\n\t\t@include media( max-width, md ) {\n\t\t\tmargin: $sui-gutter-md ($sui-gutter-md - 10px) 0 ($sui-gutter-md - 20px); // Account for padding from #wpcontent.\n\t\t}\n\t}\n\n\t* {\n\t\tfont-variant-ligatures: none;\n\t\t-webkit-font-variant-ligatures: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-smoothing: antialiased;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t}\n\n\t// Headings\n\n\th1, h2, h3, h4, h5, h6 {\n\t\tdisplay: block;\n\t\tmargin: 0.5em auto;\n\t\tpadding: 0;\n\t\tline-height: $font--line-height;\n\t\tcolor: $headings-color;\n\t\tfont-weight: $font--weight-bold;\n\t\tfont-family: $font;\n\t}\n\n\th1 {\n\t\tfont-size: $h1-font-size;\n\t\tline-height: $h1-line-height;\n\t\tcolor: $headings-color;\n\t\tmargin: 0;\n\t}\n\th2 {\n\t\tfont-size: $h2-font-size;\n\t\tline-height: $h2-line-height;\n\t}\n\n\th3 {\n\t\tfont-size: $h3-font-size;\n\t\tline-height: $h3-line-height;\n\t}\n\n\th4 {\n\t\tfont-size: $h4-font-size;\n\t}\n\n\th5 {\n\t\tfont-size: $h5-font-size;\n\t}\n\n\th6 {\n\t\tfont-size: $h6-font-size;\n\t}\n\n\t// Paragraph\n\n\tp {\n\t\tfont-family: $font;\n\t\tfont-weight: $font--weight;\n\t\tfont-size: $font--size;\n\t\tline-height: $font--line-height;\n\t\tcolor: $font-color;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-rendering: optimizeLegibility;\n\n\t\t&.sui-p-small {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tcolor: $p-small-color;\n\t\t\tmargin: 5px 0;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-of-type:not(:last-child) {\n\t\t\tmargin-bottom: $sui-gutter;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t}\n\n\tsmall {\n\t\tdisplay: inline-block;\n\t\tfont-size: 13px;\n\t\tline-height: 22px;\n\t\tcolor: $p-small-color;\n\t\tmargin-bottom: 5px;\n\t}\n\n\t// Links\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: $a-color;\n\t\tfont-weight: 500;\n\t\toutline-color: transparent;\n\t\toutline-style: none;\n\t\tbox-shadow: none;\n\n\t\t&:hover, &:focus, &:active {\n\t\t\t&:not(.sui-button) {\n\t\t\t\tcolor: $a-action-color;\n\t\t\t}\n\t\t}\n\n\t\t&.disabled {\n\t\t\tpointer-events: none;\n\n\t\t\t&:hover, &:focus, &:active {\n\t\t\t\tcolor: $a-disabled-color;\n\t\t\t\tcursor: default;\n\t\t\t}\n\n\t\t}\n\n\t}\n\n\t// Code\n\n\tcode,\n\tpre {\n\t\tfont-weight: 500;\n\t\tfont-size: 13px;\n\t\tline-height: 18px;\n\t\tcolor: $pre-color;\n\t\tbackground-color: $code-bg-color;\n\t\tborder: 1px solid $code-border-color;\n\t\tborder-radius: $border-radius;\n\t\tmargin: 0;\n\t\tpadding: 10px 15px;\n\t\twhite-space: pre;\n\t\toverflow: auto;\n\t\tmax-width: 100%;\n\t\tvertical-align: middle;\n\t\ttab-size: 4;\n\t}\n\n\tcode {\n\t\tdisplay: inline-block;\n\t\tpadding: 2px 5px;\n\t}\n\n\t// Misc\n\tb, strong {\n\t\tfont-weight: 500;\n\t}\n\n\tdfn {\n\t\tfont-style: normal;\n\t\tfont-weight: normal;\n\t\tborder-bottom: 1px dotted $dfn-border-color;\n\t}\n\n\thr {\n\t\tborder: none;\n\t\tdisplay: block;\n\t\theight: 1px;\n\t\tbackground: #e6e6e6;\n\t\tmargin: 30px 0;\n\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: false) {\n\n\t// BLOCK: Description.\n\t.sui-description {\n\t\tdisplay: block;\n\t\tmargin: 5px 0;\n\t\tcolor: $grey;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: true) {\n\n\t// BLOCK: Description.\n\t.sui-description {\n\t\tcolor: $black;\n\t}\n}","%sui-icons {\n\tfont-family: 'wpmudev-plugin-icons' !important; // Use !important to prevent issues with browser extensions that change fonts.\n\tspeak: none;\n\tfont-size: 1em;\n\tfont-style: normal;\n\tfont-weight: normal;\n\tfont-variant: normal;\n\ttext-transform: none;\n\tline-height: 1;\n\ttext-rendering: auto;\n\tdisplay: inline-block;\n\tcolor: $icon-color;\n\topacity: 1;\n\tdirection: ltr;\n\n\t// Better Font Rendering\n\t-webkit-font-smoothing: antialiased;\n\t-moz-osx-font-smoothing: grayscale;\n\t@media all and (-ms-high-contrast: none) {\n\t\tcolor: $icon-color;\n\t}\n\t@media all and (-ms-high-contrast: active) {\n\t\tcolor: $icon-lighter-color;\n\t}\n}\n\n@mixin icon($position: before, $icon: false, $styles: true) {\n\t@if $position == both {\n\t\t$position: 'before, &:after';\n\t}\n\t// Either a :before or :after pseudo-element, or both, defaulting to :before.\n\t&:#{$position} {\n\t\t@if $icon {\n\t\t\t// A particular icon has been specified.\n\t\t\tcontent: \"#{map-get($icons, $icon)}\";\n\t\t}\n\t\t@if $styles {\n\t\t\t@extend %sui-icons;\n\t\t}\n\t\t// Include any extra rules supplied for the pseudo-element.\n\t\t@content;\n\t}\n}\n\n// Map icon names to font unicode characters.\n$icons: (\n\t\tcheck: \"\\28\",\n\t\tclose: \"\\29\",\n\t\tcheck-tick: \"\\5f\",\n\t\tcross-close: \"\\2b\",\n\t\tplus-circle: \"\\40\",\n\t\twarning-alert: \"\\21\",\n\t\tinfo: \"\\49\",\n\t\tquestion: \"\\3f\",\n\t\ttrash: \"\\51\",\n\t\tpencil: \"\\2f\",\n\t\tunlock: \"\\30\",\n\t\tlock: \"\\39\",\n\t\tkey: \"\\25ca\",\n\t\tplus: \"\\3d\",\n\t\tmagnifying-glass-search: \"\\ba\",\n\t\tmore: \"\\2026\",\n\t\twrench-tool: \"\\2044\",\n\t\twidget-settings-config: \"\\78\",\n\t\tsettings-slider-control: \"\\153\",\n\t\tloader: \"\\4e\",\n\t\tcalendar: \"\\220f\",\n\t\tclock: \"\\2c\",\n\t\tspeed-optimize: \"\\f8\",\n\t\tstopwatch: \"\\56\",\n\t\tfilter: \"\\7a\",\n\t\tbookmark: \"\\221a\",\n\t\tchevron-up: \"\\2dd\",\n\t\tchevron-right: \"\\2dc\",\n\t\tchevron-down: \"\\131\",\n\t\tchevron-left: \"\\d3\",\n\t\tarrow-up: \"\\d4\",\n\t\tarrow-right: \"\\af\",\n\t\tarrow-down: \"\\c2\",\n\t\tarrow-left: \"\\f8ff\",\n\t\tarrow-skip-back: \"\\7b\",\n\t\tarrow-skip-forward: \"\\7d\",\n\t\tarrow-skip-start: \"\\3a\",\n\t\tarrow-skip-end: \"\\22\",\n\t\tplay: \"\\b4\",\n\t\tpause: \"\\2020\",\n\t\tarrows-out: \"\\2da\",\n\t\tarrows-in: \"\\2264\",\n\t\tarrows-expand: \"\\ac\",\n\t\tarrows-compress: \"\\2265\",\n\t\trefresh2: \"\\c1\",\n\t\tzip: \"\\61\",\n\t\tcombine: \"\\6f\",\n\t\tdefer: \"\\70\",\n\t\tinlinecss: \"\\63\",\n\t\tmovefooter: \"\\75\",\n\t\tpopup: \"\\31\",\n\t\tslide-in: \"\\32\",\n\t\tembed: \"\\33\",\n\t\tlist: \"\\60\",\n\t\tlayout-grid: \"\\221e\",\n\t\tlayout: \"\\a9\",\n\t\tthumbnails: \"\\47\",\n\t\tdrag: \"\\201e\",\n\t\talign-left: \"\\25\",\n\t\talign-center: \"\\5e\",\n\t\talign-right: \"\\26\",\n\t\talign-justify: \"\\23\",\n\t\tindent-more: \"\\2019\",\n\t\tindent-less: \"\\201d\",\n\t\tblog: \"\\59\",\n\t\tlist-number: \"\\37\",\n\t\tlist-bullet: \"\\38\",\n\t\tbold: \"\\42\",\n\t\tquote-2: \"\\27\",\n\t\tstyle-type: \"\\3c\",\n\t\twand-magic: \"\\5a\",\n\t\tlink: \"\\35\",\n\t\tunlink: \"\\36\",\n\t\tpaperclip: \"\\41\",\n\t\tcode: \"\\3b\",\n\t\tcolor-pick-eyedropper: \"\\a5\",\n\t\tcrop: \"\\43\",\n\t\tpaint-bucket: \"\\222b\",\n\t\tcamera: \"\\d8\",\n\t\tphoto-picture: \"\\44\",\n\t\tanimation-video: \"\\46\",\n\t\thome: \"\\4a\",\n\t\tmail: \"\\6d\",\n\t\tsend: \"\\201c\",\n\t\tphone: \"\\3e\",\n\t\tpin: \"\\152\",\n\t\tpost-pin: \"\\2c7\",\n\t\tcalculator: \"\\a8\",\n\t\telement-checkbox: \"\\c5\",\n\t\telement-radio: \"\\cd\",\n\t\telement-select: \"\\cf\",\n\t\telement-number: \"\\da\",\n\t\trecaptcha: \"\\2013\",\n\t\tfolder: \"\\2d8\",\n\t\tfolder-open: \"\\bb\",\n\t\tarchive: \"\\62\",\n\t\tbook: \"\\2206\",\n\t\tpage-multiple: \"\\e7\",\n\t\tlayers: \"\\e6\",\n\t\tcopy: \"\\34\",\n\t\tgraph-bar: \"\\c7\",\n\t\tgraph-bar-2: \"\\2db\",\n\t\tgraph-line: \"\\a1\",\n\t\ttracking-disabled: \"\\20ac\",\n\t\tpage: \"\\d2\",\n\t\tclipboard-notes: \"\\bf\",\n\t\tpage-pdf: \"\\c6\",\n\t\theart: \"\\4b\",\n\t\tstar: \"\\53\",\n\t\tplugin-2: \"\\4f\",\n\t\tbrush: \"\\7e\",\n\t\tplug-connected: \"\\52\",\n\t\tplug-disconnected: \"\\2e\",\n\t\tpower-on-off: \"\\5b\",\n\t\ttarget: \"\\2260\",\n\t\tupload-cloud: \"\\a2\",\n\t\tdownload-cloud: \"\\a3\",\n\t\tcloud: \"\\2122\",\n\t\tcloud-migration: \"\\6c\",\n\t\tunpublish: \"\\2c6\",\n\t\tdownload: \"\\58\",\n\t\tsave: \"\\df\",\n\t\tlightbulb: \"\\4c\",\n\t\tsitemap: \"\\b8\",\n\t\tstorage-server-data: \"\\ce\",\n\t\tuser-reputation-points: \"\\45\",\n\t\ttablet-portrait: \"\\5d\",\n\t\tlaptop: \"\\ab\",\n\t\tmonitor: \"\\24\",\n\t\teye: \"\\65\",\n\t\teye-hide: \"\\71\",\n\t\tupdate: \"\\ae\",\n\t\trefresh: \"\\48\",\n\t\tundo: \"\\2030\",\n\t\tweb-globe-world: \"\\57\",\n\t\tflag: \"\\7c\",\n\t\tacademy: \"\\3c0\",\n\t\tprofile-male: \"\\b5\",\n\t\tcommunity-people: \"\\2018\",\n\t\thelp-support: \"\\4d\",\n\t\tgdpr: \"\\2211\",\n\t\tlike: \"\\6a\",\n\t\tdislike: \"\\6b\",\n\t\tfinger-point: \"\\2248\",\n\t\topen-new-window: \"\\6e\",\n\t\treply: \"\\72\",\n\t\tshare: \"\\73\",\n\t\twordpress: \"\\77\",\n\t\tsocial-facebook: \"\\66\",\n\t\tsocial-twitter: \"\\74\",\n\t\tsocial-linkedin: \"\\69\",\n\t\tsocial-dropbox: \"\\64\",\n\t\tsocial-drive: \"\\76\",\n\t\tsocial-google-plus: \"\\67\",\n\t\tsocial-youtube: \"\\79\",\n\t\tinstagram: \"\\2d\",\n\t\tcloudflare: \"\\d0\",\n\t\tsocial-github: \"\\68\",\n\t\twpmudev-logo: \"\\2039\",\n\t\tdefender: \"\\b7\",\n\t\tsmush: \"\\2021\",\n\t\tupfront: \"\\201a\",\n\t\thummingbird: \"\\b0\",\n\t\tuptime: \"\\b1\",\n\t\tsmart-crawl: \"\\2202\",\n\t\tforminator: \"\\50\",\n\t\tshipper-anchor: \"\\54\",\n\t\tsnapshot: \"\\fb01\",\n\t\thustle: \"\\2014\",\n\t\tperformance: \"\\55\",\n\t\thub: \"\\fb02\",\n\t\tautomate: \"\\2d9\",\n\t\talign-y-center: \"\\2a\",\n\t\talign-y-top: \"\\a7\",\n\t\talign-y-bottom: \"\\b6\",\n\t\talign-x-center: \"\\192\",\n\t\talign-x-right: \"\\2022\",\n\t\talign-x-left: \"\\e5\",\n\t\tlogout: \"\\203a\",\n\t\tbranda: \"\\aa\",\n\t\tbeehive: \"\\3a9\",\n\t\tasync: \"\\2909\",\n\t\tsite-health: \"\\2764\",\n\t\timport-export: \"\\296e\"\n);\n\n\n@font-face {\n\tfont-family: 'wpmudev-plugin-icons';\n\tsrc: url('#{$sui-font-path}wpmudev-plugin-icons.eot?#{$sui-version}');\n\tsrc: url('#{$sui-font-path}wpmudev-plugin-icons.eot?#{$sui-version}') format('embedded-opentype'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.ttf?#{$sui-version}') format('truetype'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.woff?#{$sui-version}') format('woff'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.woff2?#{$sui-version}') format('woff2'),\n\turl('#{$sui-font-path}wpmudev-plugin-icons.svg?#{$sui-version}') format('svg');\n\tfont-weight: normal;\n\tfont-style: normal;\n}\n\n@include body-class(false) {\n\n\t.sui-loading:before {\n\t\tanimation: spin 1.3s linear infinite;\n\t}\n\n\t// Set the required styles on all icons.\n\t[class*=\"sui-icon-\"] {\n\t\tdisplay: inline-block;\n\t\t@include icon(both);\n\t}\n\n\t// Icon sizes.\n\t[class*=\"sui-icon-\"].sui-xl {\n\t\t&:before {\n\t\t\tfont-size: 30px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-lg {\n\t\t&:before {\n\t\t\tfont-size: 20px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-md {\n\t\t&:before {\n\t\t\tfont-size: 16px;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-sm {\n\t\t&:before {\n\t\t\tfont-size: 12px;\n\t\t}\n\t}\n\n\t// Colors.\n\t[class*=\"sui-icon-\"].sui-success {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-error {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-warning {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t[class*=\"sui-icon-\"].sui-info {\n\t\t&:before {\n\t\t\tcolor: inherit;\n\t\t}\n\t}\n\n\t// Fixed width icons.\n\t[class*=\"sui-icon-\"].sui-fw {\n\t\twidth: 1.8em;\n\t\ttext-align: center;\n\t\tmin-height: 1em;\n\t}\n\n\t// Setup a class name for each icon.\n\t@each $name, $char in $icons {\n\t\t.sui-icon-#{$name}:before {\n\t\t\tcontent: $char;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\n\t\t&, &-icon {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: inline-block;\n\t\t\tposition: relative;\n\t\t\tmargin: 0;\n\t\t\tborder-width: 2px;\n\t\t\tborder-style: solid;\n\t\t\tborder-color: transparent;\n\t\t\tborder-radius: $border-radius;\n\t\t\ttext-decoration: none;\n\t\t\ttext-align: center;\n\t\t\ttransition: $transition;\n\n\t\t\t.sui-loading {\n\t\t\t\twidth: 16px;\n\t\t\t\theight: 16px;\n\t\t\t\tdisplay: none;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tposition: absolute;\n\t\t\t\tmargin: 0;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-loading-text,\n\t\t\t.sui-button-text-default {\n\t\t\t\tdisplay: block;\n\t\t\t\tpointer-events: none;\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t.sui-loading-text {\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button-text-onload {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 12px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tcursor: default;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\n\t\t\t&.sui-button-onload {\n\t\t\t\tpointer-events: none;\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-direction: column;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\n\t\t\t\t.sui-loading {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t}\n\n\t\t\t\t.sui-loading-text {\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tpointer-events: none;\n\n\t\t\t\t.sui-button-text-default {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t.sui-button-text-onload {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t.sui-loading {\n\t\t\t\t\t\twidth: auto;\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tvertical-align: unset;\n\t\t\t\t\t\tmargin-right: 4px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tmargin-right: 10px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Buttons with text\n\t.sui-button,\n\ta.sui-button,\n\tbutton.sui-button {\n\t\twidth: auto;\n\t\tmin-width: 80px;\n\t\tpadding: 5px 14px;\n\t\tbackground-color: map-get($button-background, default);\n\t\tcolor: map-get($button-text-color, default);\n\t\tfont: 500 12px/16px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-transform: uppercase;\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\tvertical-align: middle;\n\n\t\t\t&:not(.sui-loading) {\n\t\t\t\twidth: 22px;\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -1px;\n\t\t\t\tmargin-left: -7px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: darken(map-get($button-background, default), 10%);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, default);\n\t\t}\n\n\t\t&.disabled,\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-button-onload,\n\t\t&.sui-button-onload-text {\n\t\t\tbackground-color: $button-disabled--background;\n\t\t\tcolor: $button-disabled--color;\n\t\t}\n\n\t\t// VARIATION: Button with right icon\n\t\t&.sui-button-icon-right {\n\n\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t&:not(.sui-loading) {\n\t\t\t\t\tmargin-right: -7px;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Colorize buttons\n\t\t@each $color in $button-colors {\n\n\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\tbackground-color: map-get($button-background, $color);\n\t\t\t\tcolor: map-get($button-text-color, $color);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: darken(map-get($button-background, $color), 10%);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, $color);\n\t\t\t\t}\n\n\t\t\t\t&.disabled,\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-button-onload,\n\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Upsell button\n\t\t&.sui-button-upsell {\n\t\t\twidth: auto;\n\t\t\theight: 26px;\n\t\t\tpadding: 4px 14px;\n\t\t\tborder-color: $button-upsell--border-static;\n\t\t\tborder-radius: 14px;\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: $button-upsell--color-static;\n\t\t\tline-height: 14px;\n\t\t\ttext-transform: none;\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\topacity: 1;\n\t\t\t\tborder-color: $button-upsell--border-active;\n\t\t\t\tbackground-color: $button-upsell--border-active;\n\t\t\t\tcolor: $button-upsell--color-active;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px $purple-ghost;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Dashed button\n\t\t&.sui-button-dashed {\n\t\t\twidth: 100%;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tborder-width: 1px;\n\t\t\tborder-style: dashed;\n\t\t\tborder-color: $button-dashed--border;\n\t\t\tbackground-color: $button-dashed--background;\n\t\t\tcolor: $button-dashed--color;\n\t\t\tline-height: 18px;\n\n\t\t\t&.sui-lg {\n\t\t\t\theight: $button-dashed-height-lg;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\theight: $button-dashed-height-md;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\theight: $button-dashed-height-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\theight: $button-dashed-height;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Ghost button\n\t\t&.sui-button-ghost {\n\t\t\tborder-color: map-get($button-border, default);\n\t\t\tbackground-color: transparent;\n\t\t\tcolor: map-get($button-background, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\tborder-color: map-get($button-background, default);\n\t\t\t\tbackground-color: map-get($button-background, default);\n\t\t\t\tcolor: map-get($button-text-color, default);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\tcolor: $button-disabled--color;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\t\tborder-color: map-get($button-border, $color);\n\t\t\t\t\tcolor: map-get($button-background, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tborder-color: map-get($button-background, $color);\n\t\t\t\t\t\tbackground-color: map-get($button-background, $color);\n\t\t\t\t\t\tcolor: map-get($button-text-color, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-shadow, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload {\n\t\t\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Compound button\n\t\t&.sui-button-compound {\n\n\t\t\t.sui-compound-desktop {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-compound-mobile {\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmin-width: 44px;\n\t\t\t\tpadding-right: 5px;\n\t\t\t\tpadding-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-button-lg {\n\t\t\tpadding: 8px 20px;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 20px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Buttons with icons (only)\n\t// This variation it's not related and must not be used with .sui-button class\n\t.sui-button-icon,\n\ta.sui-button-icon,\n\tbutton.sui-button-icon {\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tpadding: 0 4px;\n\t\tbackground-color: transparent;\n\t\tcolor: map-get($button-icon--color, default);\n\t\ttext-align: center;\n\t\twhite-space: nowrap;\n\n\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t&:not(.sui-loading) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus,\n\t\t&.sui-active {\n\t\t\tbackground-color: map-get($button-icon--background, default);\n\t\t\tcolor: map-get($button-icon--color-hover, default);\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, default);\n\t\t}\n\n\t\t&.disabled,\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-button-onload,\n\t\t&.sui-button-onload-text {\n\t\t\tcolor: $button-disabled--color;\n\t\t\tbackground-color: $button-disabled--background;\n\t\t}\n\n\t\t@each $color in $button-colors {\n\n\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\tcolor: map-get($button-icon--color, $color);\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&.sui-active {\n\t\t\t\t\tbackground-color: map-get($button-icon--background, $color);\n\t\t\t\t\tcolor: map-get($button-icon--color-hover, $color);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $color);\n\t\t\t\t}\n\n\t\t\t\t&.disabled,\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-button-onload,\n\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Outlined\n\t\t&.sui-button-outlined {\n\t\t\twidth: 44px;\n\t\t\tborder-color: map-get($button-icon--border, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&.sui-active {\n\t\t\t\tborder-color: map-get($button-icon--background-hover, default);\n\t\t\t\tbackground-color: map-get($button-icon--background-hover, default);\n\t\t\t\tcolor: map-get($button-icon--alt, default);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\t\tborder-color: map-get($button-icon--border, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tborder-color: map-get($button-icon--background-hover, $color);\n\t\t\t\t\t\tbackground-color: map-get($button-icon--background-hover, $color);\n\t\t\t\t\t\tcolor: map-get($button-icon--alt, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload,\n\t\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\t\tborder-color: $button-disabled--background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Filled\n\t\t&.sui-button-filled {\n\t\t\tbackground-color: map-get($button-icon--background-filled, default);\n\t\t\tcolor: map-get($button-icon--color-filled, default);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&.sui-active {\n\t\t\t\tbackground-color: darken(map-get($button-icon--background-filled, default), 8%);\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, default);\n\t\t\t}\n\n\t\t\t&.disabled,\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-button-onload,\n\t\t\t&.sui-button-onload-text {\n\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\tcolor: $button-disabled--color;\n\t\t\t}\n\n\t\t\t@each $color in $button-colors {\n\n\t\t\t\t&.sui-button-#{\"\" + $color} {\n\t\t\t\t\tbackground-color: map-get($button-icon--background-filled, $color);\n\t\t\t\t\tcolor: map-get($button-icon--color-filled, $color);\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tbackground-color: darken(map-get($button-icon--background-filled, $color), 10%);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: 0 0 0 2px map-get($button-icon--shadow, $color);\n\t\t\t\t\t}\n\n\t\t\t\t\t&.disabled,\n\t\t\t\t\t&:disabled,\n\t\t\t\t\t&[disabled],\n\t\t\t\t\t&.sui-button-onload,\n\t\t\t\t\t&.sui-button-onload-text {\n\t\t\t\t\t\tbackground-color: $button-disabled--background;\n\t\t\t\t\t\tcolor: $button-disabled--color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-button-lg {\n\t\t\twidth: 50px;\n\t\t\theight: 40px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 13px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX: Dropdown button\n\t// Remove margin when using sui-buttons inside dropdown element\n\t.sui-dropdown {\n\n\t\t.sui-button,\n\t\ta.sui-button,\n\t\tbutton.sui-button {\n\n\t\t\t&, &-icon {\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-toggle {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\t\talign-items: flex-start;\n\t\tposition: relative;\n\t\topacity: 1;\n\t\tpointer-events: none;\n\n\t\tinput,\n\t\t.sui-toggle-slider,\n\t\t.sui-toggle-label {\n\t\t\tpointer-events: all;\n\t\t}\n\n\t\t.sui-toggle-slider,\n\t\t.sui-toggle-label {\n\t\t\tcursor: pointer;\n\t\t}\n\n\t\tinput {\n\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t&:checked {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tbackground-color: $blue;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\ttransform: translateX(#{$toggle-width - ($toggle-height - 2px) - 2px});\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[disabled] {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\tbackground-color: $overcast;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tbackground-color: $fiftyshades;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t~ .sui-description,\n\t\t\t\t~ .sui-toggle-label {\n\t\t\t\t\tcursor: initial;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $smoke;\n\t\t\t\t}\n\n\t\t\t\t&:checked ~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $blue-ghost;\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $silver;\n\n\t\t\t\t\t&:checked ~ .sui-toggle-slider {\n\t\t\t\t\t\tbox-shadow: 0 0 0 5px #D1EAF4;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&[disabled] ~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus {\n\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px $silver;\n\t\t\t\t}\n\n\t\t\t\t&:checked ~ .sui-toggle-slider {\n\t\t\t\t\tbox-shadow: 0 0 0 5px #D1EAF4;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) {\n\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (forced-colors: active) and (prefers-color-scheme: dark), (-ms-high-contrast: white-on-black) {\n\t\t\t\t&:checked {\n\t\t\t\t\t~ .sui-toggle-slider {\n\t\t\t\t\t\tbackground-color: map-get($button-background, orange) !important;\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tbackground-color: $cloud;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Slider.\n\t\t.sui-toggle-slider {\n\t\t\twidth: $toggle-width;\n\t\t\theight: $toggle-height;\n\t\t\tposition: absolute;\n\t\t\tleft: 0;\n\t\t\ttop: 0;\n\t\t\tmargin: math.div(($toggle-font-height - $toggle-height), 2) 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: math.div($toggle-height, 2);\n\t\t\tbackground-color: $fiftyshades;\n\t\t\ttransition: $transition;\n\t\t\topacity: 1;\n\n\t\t\t&:before {\n\t\t\t\tcontent: \" \";\n\t\t\t\twidth: #{$toggle-height - 2px};\n\t\t\t\theight: #{$toggle-height - 2px};\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 1px;\n\t\t\t\tleft: 1px;\n\t\t\t\tborder-radius: $toggle-height;\n\t\t\t\tbackground-color: $white;\n\t\t\t\ttransition: 0.2s linear;\n\t\t\t}\n\n\t\t\t&:last-child,\n\t\t\t&.sui-toggle-slider--only {\n\t\t\t\tposition: relative;\n\t\t\t}\n\n\t\t\t~ .sui-toggle-label,\n\t\t\t~ .sui-description {\n\t\t\t\tmargin-left: #{$toggle-width + math.div($sui-gutter-md, 2)};\n\t\t\t\tpointer-events: all;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Label.\n\t\t.sui-toggle-label {\n\t\t\tdisplay: block;\n\t\t\tfont: 500 #{$toggle-font-size}/#{$toggle-font-height} $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t}\n\n\t\t// Support for old markup.\n\t\t+ label,\n\t\t+ .sui-toggle-label {\n\t\t\tposition: relative;\n\t\t\ttop: -3px;\n\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\t.sui-toggle-content {\n\t\topacity: 1;\n\t\t&, &.sui-border-frame {\n\t\t\tmargin-left: #{$toggle-width + math.div($sui-gutter-md, 2)};\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t* {\n\t\tbox-sizing: border-box;\n\t}\n\n\t*:before,\n\t*:after {\n\t\tbox-sizing: border-box;\n\t}\n\n\t// ELEMENT: Box\n\t.sui-box {\n\t\tmin-height: 20px;\n\t\tposition: relative;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-bg-color;\n\t\tbox-shadow: 0 2px 0 $box-box-shadow-color;\n\n\t\t// BOX: Header\n\t\t.sui-box-header {\n\t\t\tborder-bottom: 1px solid $box-header-border-color;\n\t\t\tpadding: 15px 30px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tpadding: 15px $sui-gutter-md;\n\t\t\t}\n\n\t\t\t& > h3 > [class*=\"sui-icon-\"] {\n\t\t\t\tline-height: 30px;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Body\n\t\t.sui-box-body {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Footer\n\t\t.sui-box-footer {\n\t\t\tborder-top: 1px solid $box-footer-border-color;\n\t\t\tpadding: 30px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\t&.sui-pull-up {\n\t\t\t\tmargin-top: -15px;\n\t\t\t}\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Status Bar\n\t\t.sui-box-status {\n\t\t\tpadding: 0 $sui-gutter-md $sui-gutter-md;\n\n\t\t\t.sui-status {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t[class*=\"sui-status-\"] {\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tmargin-left: 8px;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tmargin-right: 4px;\n\t\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\t\tborder-left: 1px solid palette(silver, soft);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-status-module {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t}\n\n\t\t\t\t.sui-status-changes {\n\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t.sui-icon-check-tick:before {\n\t\t\t\t\t\tcolor: palette(green, default);\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-icon-update:before {\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-actions {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tmargin-right: math.div($sui-gutter, 2);\n\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-actions {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tpadding: math.div($sui-gutter, 2) $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Search Bar\n\t\t.sui-box-search {\n\n\t\t\t> * {\n\t\t\t\tmax-width: 100%;\n\t\t\t\tflex: 0 1 auto;\n\t\t\t}\n\n\t\t\t> .sui-search-left {\n\n\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> .sui-search-right {\n\n\t\t\t\t&:only-child {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:only-child) {\n\n\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-right: math.div($sui-gutter, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// BOX: Sticky box\n\t\t&.sui-box-sticky {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tposition: sticky !important;\n\t\t\t\ttop: 32px;\n\t\t\t\tz-index: 12;\n\t\t\t}\n          &.sui-is-sticky {\n              box-shadow: 0 5px 25px rgba(0, 0, 0, .15);\n          }\n\t\t}\n\n\t\t> .sui-box-search {\n\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\t}\n\n\t// ELEMENT: Box Message\n\t// Commonly used for \"empty message\" or text with image on top.\n\t// To use with sui-box preferrably.\n\t.sui-message {\n\t\tdisplay: block;\n\t\ttext-align: center;\n\n\t\t.sui-message-content {\n\t\t\tmax-width: 600px;\n\t\t\tmargin-right: auto;\n\t\t\tmargin-left: auto;\n\n\t\t\th1, h2, h3, h4, h5, h6 {\n\t\t\t\tmargin: 0 0 $sui-gutter-md;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tp {\n\t\t\t\tmargin: 0 0 $sui-gutter;\n\t\t\t\tletter-spacing: -0.25px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Regular\n\t\t&:not(.sui-message-lg) {\n\n\t\t\t.sui-image {\n\t\t\t\tmargin: 10px auto;\n\t\t\t}\n\n\t\t\t.sui-message-content {\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Large\n\t\t&.sui-message-lg {\n\n\t\t\t.sui-image {\n\t\t\t\tmargin: $sui-gutter auto;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\t}\n\n\t// ELEMENT: Box Title\n\t.sui-box {\n\n\t\t.sui-box-title {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, dark);\n\t\t\tfont: $font--weight-bold 15px/30px $font;\n\t\t\ttext-transform: none;\n\t\t\t@include text-truncate;\n\n\t\t\t* {\n\t\t\t\tvertical-align: middle;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfloat: left;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\tvertical-align: text-bottom;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Upsell\n\t.sui-box-body {\n\n\t\t.sui-upsell-row {\n\t\t\tposition: relative;\n\n\t\t\t.sui-upsell-image {\n\t\t\t\twidth: 100px;\n\t\t\t\tposition: absolute;\n\t\t\t\tbottom: 0;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-upsell-notice {\n\n\t\t\t\tp {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding: 15px 20px 15px 43px;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tcolor: $box-upsell-p-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tborder-top: 1px solid #e6e6e6;\n\t\t\t\t\tborder-right: 1px solid #e6e6e6;\n\t\t\t\t\tborder-bottom: 1px solid #e6e6e6;\n\t\t\t\t\tborder-left: 2px solid $box-upsell-border-color;\n\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $box-upsell-p-color;\n\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t}\n\t\t\t\t\t&:first-of-type {\n\t\t\t\t\t\t@include icon( before, info );\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: $box-upsell-border-color;\n\t\t\t\t\t\t\tmargin-left: -23px;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-left: 130px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-upsell-items {\n\t\t\tpadding: 0;\n\t\t}\n\t}\n\n\t// ELEMENT: Other(s)\n\t.sui-box-body {\n\n\t\t.sui-settings-box {\n\t\t\tpadding: $sui-gutter-md;\n\t\t\tborder: 1px solid $box-settings-box-border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-with-bottom-border {\n\t\tmargin-bottom: $default-margin;\n\t\tpadding-bottom: $default-padding;\n\t\tborder-bottom: 1px solid $box-settings-box-border-color;\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\tpadding-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t.sui-border-frame {\n\t\tmargin: 10px 0 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\n\t\t&:not(:last-child) {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-box-body {\n\n\t\t// ELEMENT: Row\n\t\t.sui-box-settings-row {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t\tpadding-bottom: $sui-gutter;\n\t\t\tborder-bottom: 1px solid palette(silver, soft);\n\n\t\t\t[class*=\"sui-box-settings-col-\"] {\n\n\t\t\t\t+ div {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tborder-bottom-width: 0;\n\t\t\t}\n\n\t\t\t// STATUS: Disable\n\t\t\t&.sui-disabled {\n\t\t\t\topacity: 0.5;\n\t\t\t\tpointer-events: none;\n\t\t\t\tbackground-color: rgba(242, 242, 242, 0.5);\n\t\t\t}\n\n\t\t\t// VARIATION: Flushed\n\t\t\t&.sui-flushed {\n\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Row (Slim)\n\t\t.sui-box-settings-slim-row {\n\t\t\tdisplay: flex;\n\t\t\tposition: relative;\n\t\t\tmargin-bottom: $sui-gutter-md;\n\n\t\t\t[class*=\"sui-box-settings-col-\"] {\n\n\t\t\t\t+ div {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-settings-label {\n\n\t\t\t\t&:only-child {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin: 5px 0;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Fixed width content\n\t\t.sui-box-settings-col-1 {\n\t\t\tmax-width: 200px;\n\t\t\tflex: 0 1 200px;\n\n\t\t\t.sui-settings-label {\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Adjustable content\n\t\t.sui-box-settings-col-2 {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmin-width: 0;\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Label\n\t\t.sui-settings-label {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 0 5px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, default);\n\t\t\tfont: 500 15px/22px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t&.sui-dark {\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t}\n\n\t\t\t&-with-tag {\n\t\t\t\t@extend .sui-settings-label;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: flex-start;\n\n\t\t\t\t.sui-tag {\n\t\t\t\t\tmargin-top: -2px;\n\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t&.sui-tag-sm {\n\t\t\t\t\t\tmargin-top: 4px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-tag-pro,\n\t\t\t\t\t&.sui-tag-beta {\n\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Element: Description\n\t\t.sui-description {\n\n\t\t\t+ .sui-settings-box {\n\t\t\t\tmargin-top: 10px;\n\t\t\t}\n\t\t}\n\n\t\t// FIX: Upsell\n\t\t&.sui-upsell-items {\n\n\t\t\t.sui-box-settings-row {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-top: #{$sui-gutter-md + 1px};\n\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\tpadding-left: $sui-gutter-md;\n\t\t\t\tborder-bottom: none;\n\n\t\t\t\t&:after {\n\t\t\t\t\tcontent: '';\n\t\t\t\t\theight: 1px;\n\t\t\t\t\tclear: both;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tbackground-color: palette(silver, soft);\n\t\t\t\t}\n\n\t\t\t\t&:last-child,\n\t\t\t\t&:last-of-type {\n\t\t\t\t\tpadding-bottom: 30px;\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-top: #{$sui-gutter + 1px};\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\n\t.sui-box-settings-row,\n\t.sui-box-settings-slim-row {\n\t\n\t\tselect:not(.sui-select):not(.sui-variables) {\n\t\t\tpadding-right: 14px;\n\t\t\tpadding-left: 40px;\n\t\t\tbackground-position: 14px;\n\t\t}\n\n\t\t[data-clipboard-target] {\n\t\t\tleft: 15px;\n\t\t\tright: auto;\n\t\t}\n\n\t\t[class*=sui-box-settings-col-] + div {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-left: 0;\n\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-box-header {\n\t\t.sui-actions-left {\n\t\t\tmargin-left: auto;\n\t\t\tmargin-right: 10px;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-box-selectors {\n\t\tbackground-color: $box-selectors--background;\n\n\t\tul, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tul {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin-top: 0;\n\t\t\tmargin-right: -#{math.div($box-selectors--spacing, 2)};\n\t\t\tmargin-bottom: 0;\n\t\t\tmargin-left: -#{math.div($box-selectors--spacing, 2)};\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\tli {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: math.div($box-selectors--spacing, 2);\n\t\t\t\tborder: 0;\n\t\t\t}\n\n\t\t\t&.sui-spacing-slim {\n\n\t\t\t\tli {\n\t\t\t\t\tpadding: math.div($box-selectors--spacing, 4);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[class*=\"sui-box-selectors-col-\"] {\n\n\t\t\tul li {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t}\n\t\t}\n\n\t\t&:not([class*=\"sui-box-selectors-col-\"]) {\n\n\t\t\tul li {\n\t\t\t\tflex: 1;\n\t\t\t}\n\t\t}\n\n\t\t@each $column, $size in $box-selectors--columns {\n\n\t\t\t&.sui-box-selectors-#{$column} {\n\n\t\t\t\tul li {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: 100%;\n\t\t\t\t\t\tflex-basis: 100%;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-width: $size;\n\t\t\t\t\t\tflex-basis: $size;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: #{$sui-gutter-md - math.div($box-selectors--spacing, 2)} $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: #{$sui-gutter - math.div($box-selectors--spacing, 2)} $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-box-selector {\n\t\toverflow: hidden;\n\t\tdisplay: block;\n\t\tposition: relative;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-selector--background;\n\t\tbox-shadow: $box-selector--box-shadow;\n\t\tcolor: $box-selector--color;\n\t\tfont-family: $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttransition: $transition;\n\n\t\tinput {\n\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t~ span {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding-right: #{($box-selector--padding * 3) - 1px};\n\t\t\t\tpadding-left: #{($box-selector--padding * 2) - 1px};\n\t\t\t\tborder: 1px dashed transparent;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tborder-bottom-color: transparent !important;\n\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t+ span {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding-top: #{math.div($box-selector--height - $box-selector--line-height, 2) - 1px};\n\t\t\t\tpadding-bottom: #{math.div($box-selector--height - $box-selector--line-height, 2) - 1px};\n\t\t\t\tfont-size: $box-selector--font-size;\n\t\t\t\tline-height: $box-selector--line-height;\n\t\t\t\tfont-weight: $font--medium;\n\n\t\t\t\t[class*=\"sui-icon\"] {\n\t\t\t\t\twidth: $box-selector--icon-width;\n\t\t\t\t\tflex: 0 0 $box-selector--icon-width;\n\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\tmargin: 0 5px 0 0;\n\t\t\t\t\tfont-size: $box-selector--icon-size;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: $box-selector--icon-color;\n\t\t\t\t\t\tline-height: $box-selector--line-height;\n\t\t\t\t\t\ttransition: $transition;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\tmax-width: $box-selector--image-width;\n\t\t\t\t\theight: auto;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 5px 0 0;\n\t\t\t\t}\n\n\t\t\t\t~ span {\n\t\t\t\t\tpadding-top: #{$box-selector--padding * 2};\n\t\t\t\t\tpadding-bottom: #{$box-selector--padding * 2};\n\t\t\t\t\tborder-top: 1px solid $box-selector--border-color;\n\t\t\t\t\tfont-size: $box-selector--font-size-lg;\n\t\t\t\t\tline-height: $box-selector--line-height-lg;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:checked {\n\n\t\t\t\t+ span {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tbackground-color: $box-selector--active-background;\n\t\t\t\t\tcolor: $box-selector--active-color;\n\n\t\t\t\t\t@include icon(before, check-tick) {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\tz-index: 1;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tright: 5px;\n\t\t\t\t\t\tcolor: $box-selector--ribbon-color;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\t\t\t\t\t\tcontent: \" \";\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: -1px;\n\t\t\t\t\t\tright: -1px;\n\t\t\t\t\t\tborder-top: math.div($box-selector--ribbon-height, 2) solid $box-selector--ribbon-background;\n\t\t\t\t\t\tborder-left: math.div($box-selector--ribbon-height, 2) solid transparent;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon\"]:before {\n\t\t\t\t\t\tcolor: $box-selector--active-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t~ span {\n\t\t\t\t\t\tborder-top-color: $box-selector--active-background;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover {\n\t\t\tbox-shadow: $box-selector--active-box-shadow;\n\t\t}\n\n\t\t&.sui-disabled {\n\t\t\tpointer-events: none;\n\t\t\tposition: relative;\n\t\t\tbackground-color: transparent;\n\t\t\tbox-shadow: none;\n\n\t\t\tinput {\n\n\t\t\t\t+ span {\n\t\t\t\t\tborder-color: palette(silver, medium);\n\n\t\t\t\t\t.sui-tag-pro,\n\t\t\t\t\t.sui-tag-beta {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tright: 5px;\n\t\t\t\t\t}\n\n\t\t\t\t\t~ span {\n\t\t\t\t\t\tborder-color: palette(silver, medium);\n\t\t\t\t\t\tborder-top-style: dashed;\n\t\t\t\t\t\tborder-top-color: palette(gray, lighter);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Vertical\n\t\t&.sui-box-selector-vertical {\n\n\t\t\tinput {\n\n\t\t\t\t~ span {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t+ span {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding-top: $box-selector-vertical--padding-bottom;\n\t\t\t\t\tpadding-right: $box-selector--padding;\n\t\t\t\t\tpadding-bottom: $box-selector-vertical--padding-top;\n\t\t\t\t\tpadding-left: $box-selector--padding;\n\n\t\t\t\t\t[class*=\"sui-icon\"] {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0 auto $box-selector-vertical--icon-spacing;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tline-height: $box-selector--icon-size;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\timg {\n\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-box-builder {\n\t\tdisplay: block;\n\t\tmargin: 0;\n\t\tborder: 1px solid $box-builder--border-color;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $box-builder--background;\n\n\t\t// ELEMENT: Field\n\t\t.sui-builder-field {\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tmargin: 0;\n\n\t\t\t\t&.sui-align_top {\n\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-label {\n\t\t\t\tmin-width: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex: 1 1 auto;\n\t\t\t\talign-items: center;\n\t\t\t\tcolor: $box-builder--field-color;\n\t\t\t\tfont: $font--medium 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\tflex: 0 0 $box-builder--field-icon-size;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\n\t\t\t\t\t+ span {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t}\n\n\t\t\t\t\t+ .sui-builder-field-image {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-field-image {\n\t\t\t\t\twidth: 40px;\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tflex: 0 0 40px;\n\t\t\t\t\tborder: 1px solid palette(silver, soft);\n\t\t\t\t\tbackground-color: palette(gray, lighter);\n\t\t\t\t\tbackground-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\n\t\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\t\tbackground-position: 0 0, 6px 6px;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: 38px;\n\t\t\t\t\t\theight: 38px;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tborder: 1px solid $white;\n\t\t\t\t\t\tborder-radius: #{$border-radius - 1px};\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t+ span {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> span {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-button,\n\t\t\t\t+ .sui-dropdown,\n\t\t\t\t+ .sui-button-icon {\n\t\t\t\t\tmargin-left: math.div($box-builder--field-spacing, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-form {\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 1 1 auto;\n\n\t\t\t\t.sui-form-field-row {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t.sui-form-field {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\tmargin: 0 math.div($sui-gutter-md, 2);\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-auto {\n\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-border {\n\t\t\t\twidth: 1px;\n\t\t\t\theight: 20px;\n\t\t\t\tbackground-color: $box-builder--field-border;\n\n\t\t\t\t&:not(:last-child) {\n\t\t\t\t\tmargin-right: math.div($box-builder--field-spacing, 2);\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tmargin-left: math.div($box-builder--field-spacing, 2);\n\t\t\t\t}\n\n\t\t\t\t// FIX: Dropdown\n\t\t\t\t+ .sui-dropdown {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-field-notice {\n\t\t\t\twidth: $box-builder--field-icon-size;\n\t\t\t\theight: $box-builder--field-icon-size;\n\t\t\t\tcursor: help;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $box-builder--notice-color;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $box-builder--notice-background;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\ttransition: 0.2s linear;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&,\n\t\t\t&.sui-react .sui-field-info,\n\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t> .sui-icon-drag {\n\t\t\t\t\twidth: $box-builder--field-icon-size;\n\t\t\t\t\tflex: 0 0 $box-builder--field-icon-size;\n\t\t\t\t\tcolor: $box-builder--field-move-color;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-align_top {\n\t\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\t\tmargin-top: 12px;\n\t\t\t\t\t\tmargin-bottom: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> .sui-button,\n\t\t\t\t> .sui-dropdown,\n\t\t\t\t> .sui-button-icon {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Simple field\n\t\t\t&:not(.sui-accordion-item):not(.sui-react) {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tpadding-right: $box-builder--field-spacing;\n\t\t\t\tpadding-left: $box-builder--field-spacing;\n\n\t\t\t\t// CURSOR: Can Move\n\t\t\t\t&.sui-can_move,\n\t\t\t\t&.sui-can-move {\n\t\t\t\t\tcursor: move;\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Open\n\t\t\t\t&.sui-can_open {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tmin-height: $box-builder--field-height-md;\n\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmin-height: $box-builder--field-height;\n\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Accordion field\n\t\t\t&.sui-accordion-item {\n\n\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tpadding-right: $box-builder--field-spacing;\n\t\t\t\t\tpadding-left: $box-builder--field-spacing;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height-md;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t\tborder-top: 1px solid palette(silver, soft);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Move\n\t\t\t\t&.sui-can_move,\n\t\t\t\t&.sui-can-move {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: move;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Open\n\t\t\t\t&.sui-can_open {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Open accordion\n\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: React field\n\t\t\t&.sui-react {\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\n\t\t\t\t.sui-field-info {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 1;\n\t\t\t\t\talign-items: center;\n\n\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\tpadding-left: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tpadding-right: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height-md;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-height: $box-builder--field-height;\n\t\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\n\t\t\t\t\t+ .sui-field-actions {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-field-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tmargin-left: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin-right: $box-builder--field-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-align_top {\n\t\t\t\t\t\talign-self: flex-start;\n\n\t\t\t\t\t\t.sui-button,\n\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t\t\t\tmargin-bottom: 5px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tpadding-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\t\tpadding-bottom: math.div($sui-gutter, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Move\n\t\t\t\t&.sui-can_move,\n\t\t\t\t&.sui-can-move {\n\t\t\t\t\tcursor: move;\n\t\t\t\t}\n\n\t\t\t\t// CURSOR: Can Open\n\t\t\t\t&.sui-can_open {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Header\n\t\t.sui-box-builder-header {\n\t\t\tdisplay: block;\n\n\t\t\t.sui-builder-text {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\tfont: 400 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t}\n\n\t\t\t.sui-builder-options,\n\t\t\t.sui-builder-conditions {\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tborder-top: 1px solid palette(silver, soft);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\t\t\tpadding: math.div($sui-gutter-md, 2) $sui-gutter-md 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t\tpadding: math.div($sui-gutter, 2) $sui-gutter 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-options {\n\n\t\t\t\t&.sui-options-inline {\n\n\t\t\t\t\t.sui-radio,\n\t\t\t\t\t.sui-checkbox,\n\t\t\t\t\t.sui-builder-text {\n\n\t\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(.sui-options-inline) {\n\n\t\t\t\t\t.sui-builder-text {\n\n\t\t\t\t\t\t&:not(:last-child) {\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-builder-conditions {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t.sui-builder-conditions-rule {\n\t\t\t\t\tflex: 1;\n\n\t\t\t\t\tspan.sui-builder-text {\n\n\t\t\t\t\t\t&:first-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t\tmargin: 0 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tspan.sui-select,\n\t\t\t\t\tselect:not(.sui-select) {\n\n\t\t\t\t\t\t&:first-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\tmargin: 0 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t+ * {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-conditions-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:only-child):not(:last-child) {\n\t\t\t\tborder-bottom: 1px solid $box-builder--border-color;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: math.div($sui-gutter-md, 2) $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: math.div($sui-gutter, 2) $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Body\n\t\t.sui-box-builder-body {\n\t\t\tbackground-color: $box-builder--body-background;\n\n\t\t\t.sui-builder-field {\n\t\t\t\tmargin: 0 0 $box-builder--field-spacing;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $box-builder--field-background;\n\t\t\t\tbox-shadow: $box-builder--field-shadow;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t&,\n\t\t\t\t&.sui-react .sui-field-info,\n\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t> .sui-icon-drag {\n\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.ui-sortable-handle {\n\t\t\t\t\ttransition: unset;\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-field-label {\n\n\t\t\t\t\t&:first-child {\n\n\t\t\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-builder-field-border {\n\t\t\t\t\ttransition: $transition;\n\t\t\t\t}\n\n\t\t\t\t.sui-hover-show {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\t\n\t\t\t\t\t&:focus{\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\n\t\t\t\t\t.sui-hover-show {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbox-shadow: $box-builder--field-shadow-hover;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&.sui-react .sui-field-info,\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t> .sui-icon-drag {\n\t\t\t\t\t\t\tcolor: $box-builder--field-move-color-hover;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button-dashed {\n\n\t\t\t\t+ .sui-box-builder-message {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-builder-message {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $box-builder--body-message;\n\t\t\t\tfont: 400 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t}\n\n\t\t\t.sui-builder-empty-message {\n\n\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-builder-message-block {\n\n\t\t\t\t.sui-box-builder-message {\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t.sui-image {\n\n\t\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tborder-bottom-right-radius: #{$border-radius - 1px};\n\t\t\t\tborder-bottom-left-radius: #{$border-radius - 1px};\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Footer\n\t\t.sui-box-builder-footer {\n\n\t\t\t.sui-hidden {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\n\t\t\t&.sui-fields-boxed {\n\n\t\t\t\t.sui-builder-field {\n\t\t\t\t\tborder: 1px solid $box-builder--border-color;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-fields-boxed) {\n\n\t\t\t\t.sui-builder-field {\n\n\t\t\t\t\t&:not(:only-child):not(:last-child) {\n\t\t\t\t\t\tborder-bottom: 1px solid $box-builder--border-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:only-child):not(:first-child) {\n\t\t\t\tborder-top: 1px solid $box-builder--border-color;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Flushed\n\t\t&.sui-flushed {\n\t\t\tborder-width: 0;\n\t\t\tborder-radius: 0;\n\n\t\t\t.sui-builder-field {\n\n\t\t\t\t// VARIATION: Simple field\n\t\t\t\t&:not(.sui-accordion-item):not(.sui-react) {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\theight: 70px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Accordion field\n\t\t\t\t&.sui-accordion-item {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\theight: 70px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: React field\n\t\t\t\t&.sui-react {\n\n\t\t\t\t\t.sui-field-info {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmin-height: 70px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter-md};\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter};\n\t\t\t}\n\t\t}\n\n\t\t&:not(:last-child) {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\n\t.sui-select {\n\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tz-index: 1;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@mixin generate-column-class($size) {\n\t@for $i from $sui-total-grid-cols through 1 {\n\t\t$width: percentage(math.div($i, $sui-total-grid-cols));\n\t\t.sui-col-#{$size}-#{$i} {\n\t\t\twidth: $width;\n\t\t\tmax-width: $width;\n\t\t\tflex-basis: $width;\n\t\t}\n\t\t.sui-col-#{$size}-offset-#{$i} {\n\t\t\tmargin-left: $width;\n\t\t}\n\t}\n}\n\n@include body-class(true) {\n\n\t%column {\n\t\tmin-height: 1px;\n\t\tpadding-left: math.div($sui-gutter, 2);\n\t\tpadding-right: math.div($sui-gutter, 2);\n\t\tposition: relative;\n\n\t\t@include media( max-width, md ) {\n\t\t\tpadding-left: math.div($sui-gutter-md, 2);\n\t\t\tpadding-right: math.div($sui-gutter-md, 2);\n\t\t}\n\t}\n\n\t.sui-row {\n\t\tdisplay: flex;\n\t\tflex-flow: wrap;\n\t\tmargin-right: -#{math.div($sui-gutter, 2)};\n\t\tmargin-bottom: $sui-gutter;\n\t\tmargin-left: -#{math.div($sui-gutter, 2)};\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media( max-width, md ) {\n\t\t\tmargin-right: -#{math.div($sui-gutter-md, 2)};\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\tmargin-left: -#{math.div($sui-gutter-md, 2)};\n\t\t}\n\t}\n\n\t.sui-reverse {\n\t\tflex-direction: row-reverse;\n\t}\n\n\t.sui-col {\n\t\t@extend %column;\n\t\tflex: 1;\n\t}\n\n\t[class*=\"sui-col-\"] {\n\t\t@extend %column;\n\t\tflex: 0 0 auto;\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tflex-basis: 100%;\n\t}\n\n\t@for $i from 1 through length($sui-breakpoints) {\n\t\t$size: nth(nth($sui-breakpoints, $i), 1);\n\t\t$screen-width: nth(nth($sui-breakpoints, $i), 2);\n\t\t@if ($i == 1) {\n\t\t\t@include generate-column-class($size);\n\t\t}\n\t\t@media (min-width: $screen-width) {\n\t\t\t@include generate-column-class($size);\n\t\t}\n\t}\n\n\t[class*=\"sui-col-lg-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'lg')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'lg')) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'md')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t[class*=\"sui-col-md-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'md')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'md')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t[class*=\"sui-col-sm-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'sm')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'sm')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t[class*=\"sui-col-xs-\"] {\n\n\t\t&:last-child {\n\n\t\t\t@media (max-width: map-get($sui-breakpoints, 'xs')) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@media (max-width: map-get($sui-breakpoints, 'xs')) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-notice {\n\t\tmargin: 0 0 $sui-gutter;\n\n\t\t.sui-notice-content {\n\t\t\tdisplay: flex;\n\t\t\talign-items: flex-start;\n\t\t\tmargin: 0;\n\t\t\tpadding: #{math.div($sui-gutter-md, 2) + 1px} $sui-gutter-md;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $white;\n\t\t\tbox-shadow: inset 2px 0 0 0 palette(silver, medium), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\tp {\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 22px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-notice-icon {\n\t\t\t\twidth: 30px;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\n\t\t\t\t~ *:not(.sui-notice-icon) {\n\t\t\t\t\tpadding-left: #{$sui-gutter - 4px};\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-notice-message {\n\t\t\t\tflex: 1;\n\t\t\t\tposition: relative;\n\t\t\t\tpadding: 5px 0 3px;\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 8px;\n\t\t\t\t\tleft: -7px;\n\n\t\t\t\t\t&.sui-sm {\n\t\t\t\t\t\ttop: 9px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-md {\n\t\t\t\t\t\ttop: 7px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-lg {\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-notice-actions {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin-right: -#{math.div($sui-gutter-md, 2) - 1px};\n\t\t\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&[role=\"alert\"],\n\t\t&[aria-live=\"assertive\"] {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&.sui-notice-blue,\n\t\t&.sui-notice-info {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $blue, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $blue;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-green,\n\t\t&.sui-notice-success {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $green, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $green;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-yellow,\n\t\t&.sui-notice-warning {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 palette(yellow, default), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-red,\n\t\t&.sui-notice-error {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $red, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: $red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-purple,\n\t\t&.sui-notice-upsell {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 palette(purple, default), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tcolor: palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\t.sui-floating-notices {\n\t\tpointer-events: none;\n\t\tposition: fixed;\n\t\tz-index: 99999;\n\t\ttop: 0;\n\t\tright: 0;\n\t\tbottom: 0;\n\t\tpadding: math.div($sui-gutter-md, 2);\n\n\t\t.sui-notice {\n\t\t\twidth: 100%;\n\t\t\tmax-width: 600px;\n\t\t\tpointer-events: initial;\n\t\t\tz-index: 1;\n\t\t\tmargin: 0 auto math.div($sui-gutter-md, 2);\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(silver, medium);\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $blue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $green;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $red;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@media only screen and (max-width: 640px) {\n\t\t\t\tmax-width: 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Color Accessibility.\n\t&.sui-color-accessible {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset 2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info,\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success,\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning,\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error,\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: inset 2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-floating-notices {\n\n\t\t\t.sui-notice {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $black;\n\t\t\t\t}\n\n\t\t\t\t&.sui-notice-blue,\n\t\t\t\t&.sui-notice-info,\n\t\t\t\t&.sui-notice-green,\n\t\t\t\t&.sui-notice-success,\n\t\t\t\t&.sui-notice-yellow,\n\t\t\t\t&.sui-notice-warning,\n\t\t\t\t&.sui-notice-red,\n\t\t\t\t&.sui-notice-error,\n\t\t\t\t&.sui-notice-purple,\n\t\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t\t.sui-notice-content {\n\t\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset 2px 0 0 0 $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// RTL Support.\n@include body-class(true, true) {\n\n\t.sui-notice {\n\t\tdirection: rtl;\n\n\t\t.sui-notice-content {\n\t\t\tflex-direction: row;\n\t\t\tbox-shadow: inset -2px 0 0 0 palette(silver, medium), inset 0 0 0 1px palette(silver, soft);\n\n\t\t\tp {\n\t\t\t\tpadding-right: #{$sui-gutter - 4px};\n\t\t\t\tpadding-left: 0;\n\t\t\t}\n\n\t\t\t.sui-notice-message {\n\n\t\t\t\t.sui-notice-icon {\n\t\t\t\t\tleft: auto;\n\t\t\t\t\tright: -7px;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-notice-actions {\n\t\t\t\t\tmargin-right: math.div($sui-gutter-md, 2);\n\t\t\t\t\tmargin-left: -#{math.div($sui-gutter-md, 2) - 1px};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-blue,\n\t\t&.sui-notice-info {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $blue, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-green,\n\t\t&.sui-notice-success {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $green, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-yellow,\n\t\t&.sui-notice-warning {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 palette(yellow, default), inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-red,\n\t\t&.sui-notice-error {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $red, inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\n\t\t&.sui-notice-purple,\n\t\t&.sui-notice-upsell {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 palette(purple, default), inset 0 0 0 1px palette(silver, soft);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-floating-notices {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(silver, medium);\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $blue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $green;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(yellow, default);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $red;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 palette(purple, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// VARIATION: Color Accessibility.\n\t&.sui-color-accessible {\n\n\t\t.sui-notice {\n\n\t\t\t.sui-notice-content {\n\t\t\t\tbox-shadow: inset -2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\n\t\t\t\tp {\n\t\t\t\t\tcolor: $black;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-notice-blue,\n\t\t\t&.sui-notice-info,\n\t\t\t&.sui-notice-green,\n\t\t\t&.sui-notice-success,\n\t\t\t&.sui-notice-yellow,\n\t\t\t&.sui-notice-warning,\n\t\t\t&.sui-notice-red,\n\t\t\t&.sui-notice-error,\n\t\t\t&.sui-notice-purple,\n\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: inset -2px 0 0 0 $black, inset 0 0 0 1px palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-floating-notices {\n\n\t\t\t.sui-notice {\n\n\t\t\t\t.sui-notice-content {\n\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $black;\n\t\t\t\t}\n\n\t\t\t\t&.sui-notice-blue,\n\t\t\t\t&.sui-notice-info,\n\t\t\t\t&.sui-notice-green,\n\t\t\t\t&.sui-notice-success,\n\t\t\t\t&.sui-notice-yellow,\n\t\t\t\t&.sui-notice-warning,\n\t\t\t\t&.sui-notice-red,\n\t\t\t\t&.sui-notice-error,\n\t\t\t\t&.sui-notice-purple,\n\t\t\t\t&.sui-notice-upsell {\n\n\t\t\t\t\t.sui-notice-content {\n\t\t\t\t\t\tbox-shadow: 0 5px 25px 0 rgba(0,0,0,0.15), inset -2px 0 0 0 $black;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// WordPress Support.\n@include body-class {\n\n\t&.wp-admin {\n\n\t\t.sui-floating-notices {\n\t\t\tleft: map-get($wordpress, adminmenu);\n\t\t}\n\n\t\t// Folded sidebar.\n\t\t&.folded {\n\n\t\t\t.sui-floating-notices {\n\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t}\n\t\t}\n\n\t\t// Auto-folded sidebar.\n\t\t&.auto-fold {\n\n\t\t\t.sui-floating-notices {\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-header {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tposition: relative;\n\t\tmargin-bottom: $sui-gutter;\n\t\tline-height: 1;\n\n\t\th1 {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tflex: 0 0 100%;\n\t\t\t}\n\t\t}\n\n\t\t.sui-actions-right {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: auto;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t.sui-actions-left {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-header-inline {\n\n\t\t\th1 {\n\n\t\t\t\t+ * {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-actions-right,\n\t\t\t.sui-actions-left {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.sui-with-floating-input {\n\n\t\t\th1 {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tpadding-right: 260px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: math.div($sui-gutter, 2);\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t.sui-header-title {\n\t\tcolor: $headings-color;\n\t\tmargin: 0;\n\t\ttext-align: left;\n\t\tfont-weight: bold;\n\t\tmax-width: none;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n}\n","@use \"sass:math\";\n\n// Summary: Base styles.\n// $wrap: true | $rtl: false | $monochrome: false\n@include body-class(true, false) {\n\t.sui-summary {\n\t\tpadding: math.div($sui-gutter-md, 2) $sui-gutter-md;\n\n\t\t.sui-summary-image-space,\n\t\t.sui-summary-segment {\n\t\t\tpadding: math.div($sui-gutter-md, 2) 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 0 math.div($sui-gutter, 2);\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Image\n\t\t.sui-summary-image-space {\n\t\t\tdisplay: none;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmin-width: $summary-size-width;\n\t\t\t\tmin-height: $summary-size-height;\n\t\t\t\tflex: 0 0 $summary-size-width;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Content\n\t\t.sui-summary-segment {\n\t\t\tdisplay: block;\n\n\t\t\t.sui-list {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: math.div($sui-gutter, 2);\n\t\t\t\t\tpadding-left: math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-summary-details {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\toverflow: hidden;\n\t\t\t\tflex: 1;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Summary details\n\t\t.sui-summary-details {\n\t\t\tcolor: $summary-details--color;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-family: $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tdisplay: inline-block;\n\t\t\t}\n\n\t\t\t.sui-summary-sub {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t\tcolor: $summary-details--sub-color;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-bottom: 24px;\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-summary-percent {\n\t\t\t\tmargin-left: -5px;\n\t\t\t}\n\n\t\t\t.sui-summary-large {\n\t\t\t\tfont-size: 50px;\n\t\t\t\tline-height: 55px;\n\n\t\t\t\t+ .sui-summary-sub {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-top: -1px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-summary-detail {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 15px;\n\t\t\t\tfont-weight: 500;\n\n\t\t\t\timg {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\ttop: -1px;\n\t\t\t\t\tmargin-right: 6px;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tfloat: left;\n\t\t\t\t\t\tvertical-align: unset;\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-summary-sub {\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tposition: relative;\n\t\t\t\ttop: -22px;\n\t\t\t\tleft: 5px;\n\t\t\t\tfont-size: 16px;\n\n\t\t\t\t+ .sui-summary-percent {\n\t\t\t\t\tmargin-left: -20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-top: $sui-gutter;\n\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t\ttext-align: left;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: List of data\n\t\t.sui-list {\n\t\t\tli span {\n\t\t\t\twhite-space: normal;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-top: $sui-gutter;\n\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Small\n\t\t&.sui-summary-sm {\n\t\t\t// ELEMENT: Image\n\t\t\t.sui-summary-image-space {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmin-width: #{$summary-image-sm--width + $sui-gutter};\n\t\t\t\t\tmin-height: $summary-size-sm;\n\t\t\t\t\tflex: 0 0 #{$summary-image-sm--width + $sui-gutter};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Branded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard.\n\t\t&:not(.sui-unbranded) {\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\t\t\t\t// ELEMENT: Image\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\t@if $summary-image != \"\" {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// This fil will allow us to add the correct margins\n\t\t\t\t// in case summary-image variable doesn't exist or\n\t\t\t\t// variable is empty.\n\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t@if $summary-image == \"\" {\n\t\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(.sui-rebranded) {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\tbackground-image: url($summary-image);\n\t\t\t\t\t\t\tbackground-size: $summary-image--width\n\t\t\t\t\t\t\t\t$summary-image--height;\n\t\t\t\t\t\t\tbackground-position: $summary-image--position;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// SIZE: Small\n\t\t\t&.sui-summary-sm {\n\t\t\t\t// ELEMENT: Image\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\t@if $summary-image-sm != \"\" {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// This fil will allow us to add the correct margins\n\t\t\t\t// in case summary-image-sm variable doesn't exist or\n\t\t\t\t// variable is empty.\n\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t@if $summary-image-sm == \"\" {\n\t\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t} @else {\n\t\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t\t\t.sui-list,\n\t\t\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(.sui-rebranded) {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\tbackground-image: url($summary-image-sm);\n\t\t\t\t\t\t\tbackground-size: $summary-image-sm--width\n\t\t\t\t\t\t\t\t$summary-image-sm--height;\n\t\t\t\t\t\t\tbackground-position: $summary-image-sm--position;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Unbranded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard\n\t\t// but no image has been added.\n\t\t&.sui-unbranded {\n\t\t\t.sui-summary-image-space {\n\t\t\t\t&:first-child + .sui-summary-segment {\n\t\t\t\t\t.sui-list,\n\t\t\t\t\t.sui-summary-details {\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t@if $summary-image != \"\" {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Rebranded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard\n\t\t// and an image has been assigned by user.\n\t\t&.sui-rebranded {\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\t\tbackground-size: contain;\n\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// SIZE: Small\n\t\t\t&.sui-summary-sm {\n\t\t\t\t.sui-summary-image-space {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\t\tbackground-size: contain;\n\t\t\t\t\t\t\tbackground-position: center;\n\t\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 0 math.div($sui-gutter, 2);\n\t\t}\n\t}\n}\n\n// Summary: RTL styles.\n// $wrap: true | $rtl: true | $monochrome: false\n@include body-class(true, true) {\n\t.sui-summary {\n\t\t// ELEMENT: Content\n\t\t.sui-summary-segment {\n\t\t\t&:first-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\tpadding-left: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\t.sui-list,\n\t\t\t\t.sui-summary-details {\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Summary details\n\t\t.sui-summary-details {\n\t\t\ttext-align: right;\n\n\t\t\t.sui-summary-percent {\n\t\t\t\tmargin-right: -5px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tleft: 0;\n\n\t\t\t\t+ .sui-summary-percent {\n\t\t\t\t\tmargin-right: -20px;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Branded\n\t\t// When box is using white labelling settings from WPMU DEV Dashboard.\n\t\t&:not(.sui-unbranded) {\n\t\t\t// SIZE: Regular\n\t\t\t&:not(.sui-summary-sm) {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t@if variable-exists(summary-image) {\n\t\t\t\t\t\tbackground-position: right $summary-image--position;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// SIZE: Small\n\t\t\t&.sui-summary-sm {\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t@if variable-exists(summary-image-sm) {\n\t\t\t\t\t\tbackground-position: right $summary-image-sm--position;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Summary: Monochrome styles for color accessibility.\n// $wrap: true | $rtl: false | $monochrome: true\n@include body-class(true, false, true) {\n\t.sui-summary {\n\t\t.sui-summary-details {\n\t\t\tcolor: $accessible-dark;\n\n\t\t\t.sui-summary-sub {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true, false) {\n\n\t.sui-list {\n\t\tmargin: $sui-gutter-md 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 9px 0;\n\t\t\tborder: 0;\n\t\t\tborder-bottom: 1px solid palette(silver, soft);\n\t\t\tcolor: $summary-list--color;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-family: $font;\n\t\t\tfont-weight: 500;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t[class*=\"sui-list-\"] {\n\t\t\t\tpadding: 0 math.div($sui-gutter-md, 2);\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tpadding-left: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-right: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0 math.div($sui-gutter, 2);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-list-label {\n\t\t\t\tflex: 1;\n\t\t\t\tcolor: $summary-list--label;\n\t\t\t}\n\n\t\t\t.sui-list-detail {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\ttext-align: right;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-top: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-bottom: 0;\n\t\t\t\tborder-bottom: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 19px 0;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// FIX:\n\t\t// Prevent .sui-list from having nested lists\n\t\t// since this element doesn't support it.\n\t\tul, ol {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n}\n\n@include body-class(true, true) {\n\n\t.sui-list {\n\n\t\tli {\n\n\t\t\t[class*=\"sui-list-\"] {\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\tpadding-left: math.div($sui-gutter-md, 2);\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t\tpadding-left: math.div($sui-gutter, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tpadding-right: math.div($sui-gutter-md, 2);\n\t\t\t\t\tpadding-left: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-right: math.div($sui-gutter, 2);\n\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tooltip {\n\t\tposition: relative;\n\n\t\t&:before,\n\t\t&:after {\n\t\t\tcontent: \" \";\n\t\t\topacity: 0;\n\t\t\tbackface-visibility: hidden;\n\t\t\tpointer-events: none;\n\t\t\tposition: absolute;\n\t\t\tz-index: 9990;\n\t\t\ttransition: 0.2s;\n\t\t}\n\n\t\t&:before {\n\t\t\tleft: 50%;\n\t\t\tbottom: 100%;\n\t\t\tborder: 5px solid transparent;\n\t\t\tborder-top-color: $tooltips-color;\n\t\t\ttransform: translateX(-50%);\n\t\t}\n\n\t\t&:after {\n\t\t\tcontent: attr(data-tooltip);\n\t\t\tmin-width: var(--tooltip-width, 40px);\n\t\t\tleft: 50%;\n\t\t\tbottom: 100%;\n\t\t\tmargin-bottom: 10px;\n\t\t\tpadding: 8px 12px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $tooltips-color;\n\t\t\tbox-sizing: border-box;\n\t\t\ttransform: translateX(-50%);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/18px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-transform: none;\n\t\t\ttext-align: var(--tooltip-text-align, center);\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Constrained tooltip\n\t\t&.sui-tooltip-constrained {\n\n\t\t\t&:after {\n\t\t\t\tmin-width: var(--tooltip-width, 240px);\n\t\t\t\twhite-space: normal;\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Top\n\t\t&.sui-tooltip-top {\n\n\t\t\t// POSITION: Left\n\t\t\t&-left {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right {\n\n\t\t\t\t&:after {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: unset;\n\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Bottom\n\t\t&.sui-tooltip-bottom {\n\n\t\t\t&,\n\t\t\t&-left,\n\t\t\t&-right {\n\n\t\t\t\t&:before {\n\t\t\t\t\ttop: 100%;\n\t\t\t\t\tbottom: unset;\n\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\tborder-bottom-color: $tooltips-color;\n\t\t\t\t}\n\t\n\t\t\t\t&:after {\n\t\t\t\t\ttop: 100%;\n\t\t\t\t\tbottom: unset;\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Left\n\t\t\t&-left {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\ttransform: translate(0);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right {\n\n\t\t\t\t&:after {\n\t\t\t\t\tleft: unset;\n\t\t\t\t\tright: 0;\n\t\t\t\t\ttransform: translate(0);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Left\n\t\t&.sui-tooltip-left {\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 100%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: unset;\n\t\t\t\tborder-top-color: transparent;\n\t\t\t\tborder-left-color: $tooltips-color;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tright: 100%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: unset;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Right\n\t\t&.sui-tooltip-right {\n\n\t\t\t&:before {\n\t\t\t\ttop: 50%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: 100%;\n\t\t\t\tborder-top-color: transparent;\n\t\t\t\tborder-right-color: $tooltips-color;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\ttop: 50%;\n\t\t\t\tbottom: unset;\n\t\t\t\tleft: 100%;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\ttransform: translateY(-50%);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Mobile\n\t\t&.sui-tooltip {\n\n\t\t\t// VARIATION: Constrained tooltip\n\t\t\t// Use this variation in case you need to keep tooltip position but\n\t\t\t// constrain its content.\n\t\t\t&-mobile {\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Top\n\t\t\t&-top {\n\n\t\t\t\t&-mobile,\n\t\t\t\t&-left-mobile,\n\t\t\t\t&-right-mobile {\n\n\t\t\t\t\t&:before {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\t\tborder-top-color: $tooltips-color;\n\t\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\t\ttop: unset;\n\t\t\t\t\t\t\tbottom: 100%;\n\t\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-bottom: 10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-left-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-right-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Bottom\n\t\t\t&-bottom {\n\n\t\t\t\t&-mobile,\n\t\t\t\t&-left-mobile,\n\t\t\t\t&-right-mobile {\n\n\t\t\t\t\t&:before {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\t\tborder-bottom-color: $tooltips-color;\n\t\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:after {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\t\ttop: 100%;\n\t\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 50%;\n\t\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-left-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&-right-mobile:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\ttransform: translateX(0);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Left\n\t\t\t&-left-mobile {\n\n\t\t\t\t&:before {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: 100%;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\tborder-right-color: transparent;\n\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\tborder-left-color: $tooltips-color;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: 100%;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: unset;\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// POSITION: Right\n\t\t\t&-right-mobile {\n\n\t\t\t\t&:before {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: 100%;\n\t\t\t\t\t\tborder-top-color: transparent;\n\t\t\t\t\t\tborder-right-color: $tooltips-color;\n\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\tborder-left-color: transparent;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:after {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmin-width: var(--tooltip-width-mobile, 120px);\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\tright: unset;\n\t\t\t\t\t\tbottom: unset;\n\t\t\t\t\t\tleft: 100%;\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\twhite-space: normal;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Hover\n\t\t// Show tooltips when user hovers on it.\n\t\t&:hover,\n\t\t&:focus {\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\topacity: 1;\n\t\t\t\tbackface-visibility: visible;\n\t\t\t}\n\t\t}\n\t}\n}","// ELEMENT: Select.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\n\tselect:not(.sui-select):not(.sui-variables) {\n\t\twidth: 100%;\n\t\tcursor: pointer;\n\t\tdisplay: block;\n\t\tappearance: none;\n\t\tmargin: 5px 0;\n\t\tpadding: 8px 14px;\n\t\tpadding-right: 40px;\n\t\tborder: 1px solid palette(gray, lighter);\n\t\tborder-radius: $border-radius;\n\t\t@include background-2x(\"#{$sui-image-path}select-arrow\", 'png', 12px, 12px, right 14px center, no-repeat);\n\t\tcolor: palette(gray, dark);\n\t\tfont: 500 15px/22px $font;\n\t\tletter-spacing: -0.2px;\n\t\ttransition: $transition;\n\n\t\t// FIX: Hide the default arrow in IE 10+.\n\t\t&::-ms-expand {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: #FAFAFA;\n\t\t}\n\n\t\t&:focus {\n\t\t\tbackground-color: $white;\n\t\t}\n\n\t\t&:focus {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t// SIZE: Small.\n\t\t&.sui-select-sm {\n\t\t\tpadding: 6px 12px;\n\t\t\tpadding-right: 40px;\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 16px;\n\t\t\tbackground-position: right 8px center;\n\t\t}\n\n\t\t// DESIGN: Inline.\n\t\t&.sui-select-inline {\n\t\t\twidth: auto;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: inline-block;\n\t\t\tmargin-right: 10px;\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t// STYLE: Multi Select.\n\t\t&[multiple] {\n\t\t\tpadding: 10px 0;\n\t\t\tbackground-image: none;\n\t\t\tbackground-color: $white;\n\n\t\t\toption {\n\t\t\t\tpadding: 8px;\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\tfont: 500 15px/35px $font;\n\t\t\t\tletter-spacing: -0.2px;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: #FAFAFA;\n\t\t\t\t}\n\n\t\t\t\t&:checked {\n\t\t\t\t\tbackground-color: palette(gray, light);\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Disabled.\n\t\t&[disabled] {\n\t\t\tpointer-events: none;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: false | $monochrome: true\n@include body-class(true, false, true) {\n\n\tselect:not(.sui-select):not(.sui-variables) {\n\t\tborder-color: $black;\n\t\tcolor: $black;\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus {\n\t\t\tbackground-color: $white;\n\t\t}\n\n\t\t// STYLE: Multi Select.\n\t\t&[multiple] {\n\t\t\tbackground-color: $white;\n\n\t\t\toption {\n\t\t\t\tbackground-color: $white;\n\t\t\t\tcolor: $black;\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t}\n\n\t\t\t\t&:checked {\n\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tag {\n\t\theight: auto;\n\t\tmin-height: 26px;\n\t\tcursor: default;\n\t\tdisplay: inline-block;\n\t\tmargin: 0 3px;\n\t\tpadding: 0 16px;\n\t\tborder: 2px solid transparent;\n\t\tborder-radius: 13px;\n\t\tbackground-color: $tag--default-background;\n\t\tcolor: $tag--default-color;\n\t\tfont: 500 12px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\t// VARIATION: One line tag.\n\t\t&.sui-tag-truncated {\n\t\t\tmax-width: 100%;\n\n\t\t\tspan {\n\t\t\t\tmax-width: 100%;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\t// TAG: Red\n\t\t&.sui-tag-red,\n\t\t&.sui-tag-error {\n\t\t\tbackground-color: $tag--red-background;\n\t\t\tcolor: $tag--red-color;\n\t\t}\n\n\t\t// TAG: Yellow\n\t\t&.sui-tag-yellow,\n\t\t&.sui-tag-warning {\n\t\t\tbackground-color: $tag--yellow-background;\n\t\t\tcolor: $tag--yellow-color;\n\t\t}\n\n\t\t// TAG: Green\n\t\t&.sui-tag-green,\n\t\t&.sui-tag-upsell,\n\t\t&.sui-tag-success,\n\t\t&.sui-tag-upgrade {\n\t\t\tbackground-color: $tag--green-background;\n\t\t\tcolor: $tag--green-color;\n\t\t}\n\n\t\t// TAG: Blue\n\t\t&.sui-tag-blue,\n\t\t&.sui-tag-branded {\n\t\t\tbackground-color: $tag--blue-background;\n\t\t\tcolor: $tag--blue-color;\n\t\t}\n\n\t\t// TAG: Purple\n\t\t&.sui-tag-purple {\n\t\t\tbackground-color: $tag--purple-background;\n\t\t\tcolor: $tag--purple-color;\n\t\t}\n\n\t\t// TAG: Disabled\n\t\t&.sui-tag-disabled,\n\t\t&.sui-tag-inactive {\n\t\t\tbackground-color: $tag--disabled-background;\n\t\t\tcolor: $tag--disabled-color;\n\t\t}\n\n\t\t// TAG: Uppercase\n\t\t&.sui-tag-uppercase {\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t&.sui-tag-pro,\n\t\t&.sui-tag-beta {\n\t\t\tmin-height: 12px;\n\t\t\tpadding: 2px 8px 1px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 6px;\n\t\t\tfont-size: 8px;\n\t\t\tline-height: 9px;\n\t\t\ttext-align: center;\n\t\t\ttext-transform: uppercase;\n\t\t}\n\n\t\t// TAG: Pro\n\t\t&.sui-tag-pro {\n\t\t\tbackground-color: $tag--pro-background;\n\t\t\tcolor: $tag--pro-color;\n\t\t}\n\n\t\t// TAG: Beta\n\t\t&.sui-tag-beta {\n\t\t\tbackground-color: $tag--beta-background;\n\t\t\tcolor: $tag--beta-color;\n\t\t}\n\n\t\t// SIZE: Small\n\t\t&.sui-tag-sm {\n\t\t\tmin-height: 18px;\n\t\t\tpadding: 2px 10px;\n\t\t\tfont-size: 10px;\n\t\t\tline-height: 12px;\n\t\t\tfont-weight: bold;\n\t\t}\n\n\t\t// GHOST TAGS\n\t\t&.sui-tag-ghost {\n\n\t\t\t// TAG: Red\n\t\t\t&.sui-tag-red,\n\t\t\t&.sui-tag-error {\n\t\t\t\tborder-color: $tag--red-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--red-background;\n\t\t\t}\n\n\t\t\t// TAG: Yellow\n\t\t\t&.sui-tag-yellow,\n\t\t\t&.sui-tag-warning {\n\t\t\t\tborder-color: $tag--yellow-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--yellow-background;\n\t\t\t}\n\n\t\t\t// TAG: Green\n\t\t\t&.sui-tag-green,\n\t\t\t&.sui-tag-upsell,\n\t\t\t&.sui-tag-success,\n\t\t\t&.sui-tag-upgrade {\n\t\t\t\tborder-color: $tag--green-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--green-background;\n\t\t\t}\n\n\t\t\t// TAG: Blue\n\t\t\t&.sui-tag-blue,\n\t\t\t&.sui-tag-branded {\n\t\t\t\tborder-color: $tag--blue-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--blue-background;\n\t\t\t}\n\n\t\t\t// TAG: Purple\n\t\t\t&.sui-tag-purple {\n\t\t\t\tborder-color: $tag--purple-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tcolor: $tag--purple-background;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t// HELPER: Label\n\t%label {\n\t\tdisplay: inline-flex;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tcolor: $form--label-color;\n\t\tfont: $form--label-font-weight #{$form--label-font-size}/#{$form--label-line-height} $form--label-font;\n\t}\n\n\t// HELPER: Form control\n\t%form-control {\n\t\twidth: 100%;\n\t\theight: $form--input-height-base;\n\t\tmargin: 0;\n\t\tpadding: 9px 14px;\n\t\tborder: 1px solid $overcast;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $cloud;\n\t\tbackground-image: none;\n\t\tcolor: $nightrider;\n\t\tfont: 500 15px/20px $font;\n\t\tletter-spacing: -0.25px;\n\t\ttransition: 0.2s ease-in-out;\n\t\toutline: none;\n\t\tbox-shadow: none;\n\n\t\t&::placeholder {\n\t\t\tcolor: $fiftyshades;\n\t\t}\n\n\t\t&:hover {\n\t\t\tborder-color: $fiftyshades;\n\t\t\tbackground-color: $white;\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t&:focus {\n\t\t\tborder-color: $blue;\n\t\t\tbackground-color: $white;\n\t\t\toutline: none;\n\t\t\tbox-shadow: 0 0 0 2px $blue-ghost;\n\n\t\t\t&::placeholder {\n\t\t\t\tcolor: $overcast;\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Disabled\n\t\t&[disabled],\n\t\t&.sui-disabled,\n\t\tfieldset[disabled] & {\n\t\t\tpointer-events: none;\n\t\t\tcolor: $fiftyshades;\n\t\t\tbackground: $silver;\n\t\t\tborder-color: $overcast;\n\t\t}\n\n\t\t// FIX:\n\t\t// Unstyle the caret on <select> in IE10+\n\t\t&::-ms-expand {\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t}\n\t}\n\n\t// ELEMENT: Label (Global)\n\tlabel {\n\t\tcursor: default;\n\n\t\t&[for] {\n\t\t\tcursor: pointer;\n\t\t}\n\t}\n\n\t// ELEMENT: Label\n\t.sui-label {\n\t\t@extend %label;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: 0 0 5px;\n\n\t\t.sui-tag {\n\t\t\tmargin-left: 5px;\n\n\t\t\t&.sui-left {\n\t\t\t\tmargin-right: 5px;\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t// VARIATION: Label link\n\t\t&-link {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t\tcolor: $form--label-color;\n\t\t\tfont-weight: 400;\n\t\t}\n\n\t\t// VARIATION: Inline label\n\t\t&-inline {\n\t\t\t@extend %label;\n\t\t\tmargin: 0;\n\t\t}\n\n\t\t// VARIATION: Label note\n\t\t&-note {\n\t\t\tmargin-right: 0;\n\t\t\tmargin-left: auto;\n\t\t}\n\t}\n\n\t// ELEMENT: Form control\n\t// This element allow us to style textarea and inputs (all except checkbox and radio)\n\t.sui-form-control {\n\t\t@extend %form-control;\n\t\tdisplay: block;\n\n\t\t&.sui-input-sm {\n\t\t\tmax-width: 80px;\n\t\t}\n\t\t&.sui-input-md {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t// Form field prefix and suffix\n\t\t&.sui-field-has-prefix,\n\t\t&.sui-field-has-suffix {\n\t\t\twidth: auto;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t}\n\n\t// ELEMENT: Multi checkbox\n\t.sui-multi-checkbox {\n\t\t@extend .sui-form-control;\n\t\theight: auto;\n\t\tmax-height: 114px;\n\t\toverflow-y: auto;\n\t\tpadding: 1px;\n\n\t\tlabel {\n\t\t\tmargin: 1px 0;\n\n\t\t\tinput {\n\t\t\t\t@extend %sui-screen-reader-text;\n\n\t\t\t\t&:checked + span {\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 10px;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\n\t\t\t\tspan {\n\t\t\t\t\tborder-radius: #{$border-radius - 1px} #{$border-radius - 1px} 0 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\tspan {\n\t\t\t\t\tborder-radius: 0 0 #{$border-radius - 1px} #{$border-radius - 1px};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Field description\n\t.sui-multi-checkbox label {\n\t\tdisplay: block;\n\t\tmargin-top: 5px;\n\t\tcolor: $form--description-color;\n\t\tfont-size: $form--description-font-size;\n\t\tline-height: 22px;\n\t\tfont-weight: $form--description-font-weight;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\t&.sui-toggle-description {\n\t\t\tmargin-left: 48px;\n\t\t}\n\n\t\t&.sui-checkbox-description,\n\t\t&.sui-radio-description {\n\t\t\tmargin: 0 27px 5px;\n\t\t}\n\n\t\t+ .sui-form-field,\n\t\t+ .sui-form-field-inline {\n\t\t\tmargin-top: 20px;\n\t\t}\n\t}\n\n\t// ELEMENT: Error message\n\t.sui-error-message {\n\t\tdisplay: block;\n\t\tmargin-top: 8px;\n\t\tcolor: $form--input-error-color;\n\t\tfont-size: $form--input-error-font-size;\n\t\tline-height: $form--input-error-line-height;\n\t\tfont-weight: $form--input-error-font-weight;\n\t}\n\n\t// GROUP: Form field\n\t.sui-form-field {\n\n\t\t&.sui-input-sm {\n\t\t\tmax-width: 80px;\n\t\t}\n\t\t&.sui-input-md {\n\t\t\tmax-width: 240px;\n\t\t}\n\n\t\t> .sui-row {\n\n\t\t\t[class^=\"sui-col\"] {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-right: 5px;\n\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 10px;\n\t\t\t\tmargin-right: -5px;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-left: -5px;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media( max-width, md ) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Error\n\t\t&.sui-has_error,\n\t\t&.sui-form-field-error {\n\n\t\t\t.sui-form-control {\n\t\t\t\tborder-color: $red;\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbox-shadow: 0 0 0 2px $red-ghost;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-control-with-icon {\n\n\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\tcolor: $red;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-field-suffix,\n\t.sui-field-prefix {\n\t\tdisplay: inline-block;\n\t\tcolor: #888888;\n\t\tfont-size: 13px;\n\t\tline-height: 22px;\n\t}\n\n\t.sui-field-prefix {\n\t\tmargin-right: 10px;\n\t}\n\t.sui-field-suffix {\n\t\tmargin-left: 10px;\n\t}\n\n\t// GROUP: Form field (inline)\n\t.sui-form-field-inline {\n\n\t\t> .sui-form-field,\n\t\t> span.sui-select {\n\n\t\t\t&:first-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-top: 0;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 10px;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t> .sui-form-field {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t> p,\n\t\t> span,\n\t\t> .sui-label {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tmargin-bottom: $sui-gutter;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t}\n\t}\n\n\t// GROUP: Input with icon\n\t// This group doesn't work with inline form control\n\t.sui-control-with-icon {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\t\t\tpadding-left: 40px;\n\t\t}\n\n\t\t// Select 2\n\t\tselect.sui-select+.select2-container .select2-selection__rendered {\n\t\t\tpadding-left: 40px;\n\t\t}\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\twidth: 16px;\n\t\t\theight: 16px;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 11px;\n\t\t\tleft: 14px;\n\n\t\t\t&:before {\n\t\t\t\tcolor: $form--input-icon;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-right-icon {\n\n\t\t\t.sui-form-control {\n\t\t\t\tpadding-right: 40px;\n\t\t\t\tpadding-left: 14px;\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tright: 14px;\n\t\t\t\tleft: auto;\n\t\t\t\tcolor: $form--input-icon-right;\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Input with button\n\t.sui-with-button {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-button {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\n\t\t.sui-form-control {\n\t\t\tflex: 1;\n\t\t\tmargin: 0 5px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Inside button\n\t\t&.sui-inside,\n\t\t&.sui-with-button-inside {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t}\n\n\t\t\t.sui-button-lg {\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t}\n\n\t\t\t.sui-form-control {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-right: 90px;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Icon button\n\t\t&.sui-with-button-icon {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\n\t\t\t.sui-button,\n\t\t\t.sui-button-icon {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 5px;\n\t\t\t\tright: 5px;\n\t\t\t}\n\n\t\t\t.sui-button-lg {\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t.sui-form-control {\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding-right: 40px;\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Inputs\n\t.sui-input-group {\n\t\twidth: 100%;\n\t\tdisplay: flex;\n\t\talign-items: stretch;\n\t\tposition: relative;\n\t}\n\n\t// GROUP: Password\n\t.sui-password-group {\n\t\tposition: relative;\n\n\t\t.sui-password-toggle {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tcursor: pointer;\n\t\t\tposition: absolute;\n\t\t\ttop: 50%;\n\t\t\tright: 7px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground: transparent;\n\t\t\tcolor: $form--input-icon-color;\n\t\t\tfont-size: 15px;\n\t\t\tline-height: 1em;\n\t\t\ttransform: translateY(-50%);\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: rgba(0, 0, 0, .03);\n\n\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\tcolor: $gray;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// GROUP: Date\n\t.sui-date {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\n\t\t\t&:first-child {\n\t\t\t\tpadding-right: 40px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tpadding-left: 40px;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\twidth: 30px;\n\t\t\theight: 30px;\n\t\t\tpointer-events: none;\n\t\t\tdisplay: flex;\n\t\t\tflex-direction: column;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 5px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tleft: 5px;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tright: 5px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-multi-date {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-form-field {\n\t\t\tflex: 1;\n\n\t\t\t+ button {\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:not(:last-child) {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t}\n\n\t// FIX:\n\t// Reset height for textarea\n\ttextarea.sui-form-control {\n\t\tmax-width: 100%;\n\t\theight: auto;\n\t\tresize: vertical;\n\t\tline-height: 20px;\n\t}\n\n\t// FIX:\n\t// Add special styles if <select> is being used with .sui-form-control class.\n\t//\n\t// NOTE: There's no need to use <select> with this class but just in case,\n\t// a fix for it must be included.\n\tselect.sui-form-control {\n\t\tcursor: pointer;\n\t\tappearance: none;\n\t\tbackground-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAs0lEQVQ4T6WS2w0CIRBF59KA2oklaAdbgpbgB48SIBThduKWYClrA2CGgEEXNWH5moR7Zu48QJ0PnRytA6WUe67svb//clDrUkWt9UxEMYRw/AYzJIS4sd45t0ugMeZERNcY49yCCwRgS0Rna+346rGGAVz4s06aW0gQx2/DUUoNAEYAG86cxezkAWCw1k5lBoupZltThomhEMLhs/fmOgrM2VvQwmq9in8rWncAPWfXXfEJ6RpWD7sJ1JwAAAAASUVORK5CYII=);\n\t\tbackground-repeat: no-repeat;\n\t\tbackground-position: center right 10px;\n\t\tline-height: 1;\n\t}\n}","@use \"sass:math\";\n\n// HELPER: Radio\n%radio-checkbox {\n\tuser-select: none;\n\talign-items: flex-start;\n\tpointer-events: none;\n\n\tinput {\n\t\t@extend %sui-screen-reader-text;\n\n\t\t+ span {\n\t\t\twidth: $radio-checkbox--size;\n\t\t\theight: $radio-checkbox--size;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\tflex-shrink: 0;\n\t\t\tposition: relative;\n\t\t\tmargin: math.div(($radio-checkbox--line-height - $radio-checkbox--size), 2) 0;\n\t\t\tborder: 1px solid $radio-checkbox--border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $radio-checkbox--background;\n\t\t\ttransition: 0.3s ease;\n\t\t\tpointer-events: all;\n\n\t\t\t&:before {\n\t\t\t\topacity: 0;\n\t\t\t\ttransition: 0.3s ease;\n\t\t\t}\n\n\t\t\t+ span,\n\t\t\t+ .sui-description {\n\t\t\t\tcursor: pointer;\n\t\t\t\tmargin: 0 0 0 10px;\n\t\t\t\tcolor: $radio-checkbox--color;\n\t\t\t\tfont-size: $radio-checkbox--font-size;\n\t\t\t\tline-height: $radio-checkbox--line-height;\n\t\t\t\tfont-weight: $font--medium;\n\t\t\t\tpointer-events: all;\n\n\t\t\t\t&.sui-description-sm {\n\t\t\t\t\tfont-size: $radio-checkbox--font-size-sm;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t~ .sui-tag {\n\t\t\t\tmargin-top: auto;\n\t\t\t\tmargin-bottom: auto;\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&:focus {\n\t\t\t+ span {\n\t\t\t\tbox-shadow: 0px 0px 0px 4px $radio-checkbox--hover-background;\n\t\t\t}\n\t\t}\n\n\t\t&:checked {\n\n\t\t\t+ span {\n\t\t\t\tborder-color: $radio-checkbox--checked-border-color;\n\t\t\t\tbackground-color: $radio-checkbox--checked-background;\n\n\t\t\t\t&:before {\n\t\t\t\t\topacity: 1;\n\n\t\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media (forced-colors: active) and (prefers-color-scheme: light), (-ms-high-contrast: black-on-white) {\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t+ span {\n\t\t\t\t\tbox-shadow: 0px 0px 0px 4px $radio-checkbox--checked-hover-background;\n\t\t\t\t}\n\t\t\t}\t\t\t\n\t\t}\n\n\t\t&:disabled,\n\t\t&[disabled],\n\t\t&.sui-disabled {\n\n\t\t\t+ span {\n\t\t\t\tcursor: not-allowed;\n\t\t\t\tborder-color: $radio-checkbox--disabled-border-color;\n\t\t\t\tbackground-color: $radio-checkbox--disabled-background;\n\t\t\t\t\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:focus {\n\t\t\t\t+ span {\n\t\t\t\t\tbox-shadow: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t&:last-child {\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-right: 0;\n\t\t}\n\t}\n\n\t@include media(max-width, md) {\n\t\tdisplay: flex;\n\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t}\n\n\t@include media(min-width, md) {\n\t\tdisplay: inline-flex;\n\t\tmargin: 0 math.div($sui-gutter, 2) 0 0;\n\t}\n}\n\n@include body-class(true) {\n\n\t// ============================================================\n\t// ELEMENT: Radio\n\t.sui-radio {\n\t\t@extend %radio-checkbox;\n\n\t\tinput {\n\n\t\t\t+ span {\n\t\t\t\tposition: relative;\n\t\t\t\tborder-radius: 50%;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: \" \";\n\t\t\t\t\twidth: $radio-checkbox--check-size;\n\t\t\t\t\theight: $radio-checkbox--check-size;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: #{math.div(($radio-checkbox--size - $radio-checkbox--check-size), 2) - 1px};\n\t\t\t\t\tleft: #{math.div(($radio-checkbox--size - $radio-checkbox--check-size), 2) - 1px};\n\t\t\t\t\tborder-radius: $radio-checkbox--size;\n\t\t\t\t\tbackground-color: $radio-checkbox--check-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-disabled {\n\n\t\t\t\t+ span:before {\n\t\t\t\t\tbackground-color: $radio-checkbox--disabled-check-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-radio-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Small\n\t\t// This variation will affect label (text) only.\n\t\t&.sui-radio-sm {\n\n\t\t\tinput + span {\n\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tfont-size: $radio-checkbox--font-size-sm;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ============================================================\n\t// ELEMENT: Radio Image\n\t.sui-radio-image {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\t+ .sui-radio {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t}\n\n\t\t+ * {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-radio-stacked {\n\n\t\t\t+ * {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: inline-flex;\n\t\t}\n\t}\n\n\t// ============================================================\n\t// ELEMENT: Checkbox\n\t.sui-checkbox {\n\t\t@extend %radio-checkbox;\n\n\t\tinput {\n\n\t\t\t+ span {\n\n\t\t\t\t@include icon(before, check) {\n\t\t\t\t\twidth: #{$radio-checkbox--size - 2px};\n\t\t\t\t\theight: #{$radio-checkbox--size - 2px};\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tcolor: $radio-checkbox--check-color;\n\t\t\t\t\tfont-size: $radio-checkbox--icon-size;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled],\n\t\t\t&.sui-disabled {\n\n\t\t\t\t+ span:before {\n\t\t\t\t\tcolor: $radio-checkbox--disabled-check-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-checkbox-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Small\n\t\t// This variation will affect label (text) only.\n\t\t&.sui-checkbox-sm {\n\n\t\t\tinput + span {\n\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tfont-size: $radio-checkbox--font-size-sm;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// ============================================================\n\t// ELEMENT: Checkbox Image\n\t.sui-checkbox-image {\n\t\tflex-direction: column;\n\t\talign-items: center;\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\t+ .sui-checkbox {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t}\n\n\t\t+ * {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Stacked\n\t\t// To pile one element per-line\n\t\t&.sui-checkbox-stacked {\n\n\t\t\t+ * {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tdisplay: inline-flex;\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\n\t%radio-checkbox {\n\t\tinput {\n\t\t\t+ span {\n\t\t\t\t+ span,\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tmargin: 0 10px 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\n\t\t@include media(min-width, md) {\n\t\t\tmargin: 0 0 0 math.div($sui-gutter, 2);\n\t\t}\n\t}\n\n\t.sui-checkbox {\n\t\t&.sui-checkbox-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-radio {\n\t\t&.sui-radio-stacked {\n\n\t\t\t&:last-child {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0 0 math.div($sui-gutter-md, 2);\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-upload {\n\t\tmax-width: 100%;\n\t\tdisplay: flex;\n\n\t\tinput[type=\"file\"] {\n\t\t\t@extend %sui-screen-reader-text;\n\t\t}\n\n\t\tbutton {\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\ttransition: 0.3s ease;\n\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-image {\n\t\t\twidth: $file-upload--image-size;\n\t\t\theight: $file-upload--image-size;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: 0;\n\t\t\tpadding: $file-upload--image-padding;\n\t\t\tborder: $file-upload--image-border-width $file-upload--image-border-style $file-upload--image-border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t[class*=\"sui-image-\"] {\n\t\t\t\twidth: #{$file-upload--image-size - (($file-upload--image-border-width * 2) + ($file-upload--image-padding * 2))};\n\t\t\t\theight: #{$file-upload--image-size - (($file-upload--image-border-width * 2) + ($file-upload--image-padding * 2))};\n\t\t\t\tdisplay: block;\n\t\t\t\tborder-radius: #{$border-radius - $file-upload--image-padding};\n\t\t\t}\n\n\t\t\t.sui-image-mask {\n\t\t\t\tbackground-color: $file-upload--image-mask-background;\n\t\t\t\tbackground-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\n\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\tbackground-position: 0 0, 6px 6px;\n\t\t\t}\n\n\t\t\t.sui-image-preview {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: none;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: $file-upload--image-padding;\n\t\t\t\tleft: $file-upload--image-padding;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tbackground-size: cover;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\tbackground-position: center;\n\n\t\t\t\t@include icon(before, upload-cloud) {\n\t\t\t\t\topacity: 0;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tright: 0;\n\t\t\t\t\tbottom: 0;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tborder-radius: #{$border-radius - $file-upload--image-padding};\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 12px;\n\t\t\t\t\tbackground-color: $file-upload--image-preview-background;\n\t\t\t\t\ttransition: 0.2s ease;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t~ .sui-upload-button,\n\t\t\t~ .sui-upload-file {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\n\t\t\t~ .sui-upload-file {\n\t\t\t\tmax-width: calc(100% - #{$file-upload--image-size + 5px});\n\t\t\t\tcursor: initial;\n\t\t\t\tpadding-left: 19px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tcontent: unset;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $file-upload--file-background;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-file {\n\t\t\tmax-width: 100%;\n\t\t\tcursor: pointer;\n\t\t\tflex: 0 0 auto;\n\t\t\tdisplay: none;\n\t\t\tposition: relative;\n\t\t\tpadding: 11px 61px 11px 41px;\n\t\t\tborder: 1px solid $file-upload--file-border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $file-upload--file-background;\n\t\t\ttransition: 0.3s ease;\n\t\t\toverflow-wrap: break-word;\n\n\t\t\t@include icon(before, page-pdf) {\n\t\t\t\twidth: 29px;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 14px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 16px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tuser-select: none;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $file-upload--file-color;\n\t\t\t\tfont: $font--medium 12px/16px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t&:focus {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t\twidth: #{$file-upload--image-size - 1px};\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tbottom: 0;\n\t\t\t\tborder: 0 solid $file-upload--file-border-color;\n\t\t\t\tborder-left-width: 1px;\n\t\t\t\tborder-radius: 0 #{$border-radius - 1px} #{$border-radius - 1px} 0;\n\t\t\t\tbackground-color: $file-upload--file-background;\n\t\t\t\tfont-size: 12px;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t}\n\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground: palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active,\n\t\t\t&:focus {\n\t\t\t\tbackground-color: $file-upload--file-hover-background;\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-button {\n\t\t\tmargin: 0;\n\t\t\tpadding: 11px 19px;\n\t\t\tborder: $file-upload--add-border-width $file-upload--add-border-style $file-upload--add-border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $file-upload--add-background;\n\t\t\tcolor: $file-upload--add-color;\n\t\t\tfont: $font--medium 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&.sui-is-dragover {\n\t\t\t\tborder-color: palette(silver, medium);\n\t\t\t\tbackground-color: #FAFAFA;\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\tbox-shadow: 0px 0px 0px 2px palette(silver, default);\n\t\t\t}\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\twidth: 24px;\n\t\t\t\tmargin-left: -4px;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\tfont-size: 16px;\n\t\t\t\tline-height: 16px;\n\t\t\t\tvertical-align: bottom;\n\t\t\t\ttext-align: center;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATUS: File uploaded\n\t\t&.sui-has_file {\n\n\t\t\t.sui-upload-image {\n\n\t\t\t\t.sui-image-preview {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-upload-file {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t.sui-upload-button {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\t\t}\n\n\t\t// STATUS: Error\n\t\t+ .sui-notice {\n\t\t\tmargin-top: 10px;\n\t\t}\n\n\t\t// Multiple uploads\n\t\t+ .sui-upload {\n\t\t\tmargin-top: 10px;\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-colorpicker-wrap {\n\t\tdisplay: block;\n\n\t\t.sui-colorpicker {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\n\t\t\t.sui-colorpicker-value {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\n\t\t\t\tspan[role=button],\n\t\t\t\tinput,\n\t\t\t\tbutton {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tborder: $colorpicker--border-width solid $colorpicker--border-color;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tspan[role=button],\n\t\t\t\tbutton {\n\t\t\t\t\twidth: $colorpicker--button-size;\n\t\t\t\t\theight: $colorpicker--button-size;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\n\t\t\t\tinput,\n\t\t\t\tbutton {\n\t\t\t\t\tbackground-color: $colorpicker--background;\n\t\t\t\t}\n\n\t\t\t\t// Color preview\n\t\t\t\tspan[role=button] {\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tbackground-color: $colorpicker--preview-background;\n\t\t\t\t\tbackground-image: linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white), linear-gradient(45deg, $white 25%, transparent 25%, transparent 75%, $white 75%, $white);\n\t\t\t\t\tbackground-size: 12px 12px;\n\t\t\t\t\tbackground-position: 0 0, 6px 6px;\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\twidth: #{$colorpicker--button-size - 4px};\n\t\t\t\t\t\theight: #{$colorpicker--button-size - 4px};\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 1px;\n\t\t\t\t\t\tleft: 1px;\n\t\t\t\t\t\tborder-radius: #{$border-radius - 2px};\n\t\t\t\t\t}\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbox-shadow: inset 0 0 0 1px $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Color value\n\t\t\t\tinput {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\theight: $colorpicker--input-height;\n\t\t\t\t\tpadding: math.div(($colorpicker--input-height - $colorpicker--input-line-height - ($colorpicker--border-width * 2)), 2) #{$colorpicker--button-size + 10px};\n\t\t\t\t\tcolor: $colorpicker--color;\n\t\t\t\t\tfont: $font--medium #{$colorpicker--input-font-size}/#{$colorpicker--input-line-height} $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t}\n\n\t\t\t\t// Color clear\n\t\t\t\tbutton {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\tborder-bottom-left-radius: 0;\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-button {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\n\t\t\t&.sui-colorpicker-hex {\n\n\t\t\t\t.sui-colorpicker-value {\n\t\t\t\t\tflex: 0 1 $colorpicker--hex-width;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-colorpicker-rgba {\n\n\t\t\t\t.sui-colorpicker-value {\n\t\t\t\t\tflex: 0 1 $colorpicker--rgba-width;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.wp-picker-container {\n\t\t\tdisplay: none;\n\t\t\tmargin: 5px 0 0;\n\t\t\tpadding: 9px;\n\t\t\tborder: $colorpicker--border-width solid $colorpicker--iris-border-color;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $colorpicker--iris-background;\n\t\t\tbox-shadow: 0 3px 7px 0 rgba(0,0,0,0.07);\n\n\t\t\t.button {\n\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t}\n\n\t\t\t.wp-picker-input-wrap {\n\t\t\t\tdisplay: block;\n\n\t\t\t\tspan,\n\t\t\t\tlabel,\n\t\t\t\t.sui-colorpicker-input {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t.sui-colorpicker-input {\n\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\theight: $colorpicker--input-height;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: math.div(($colorpicker--input-height - $colorpicker--input-line-height - ($colorpicker--border-width * 2)), 2) 11px;\n\t\t\t\t\tborder: $colorpicker--border-width solid $colorpicker--border-color;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: $colorpicker--background;\n\t\t\t\t\tcolor: $colorpicker--color;\n\t\t\t\t\tfont: $font--medium #{$colorpicker--input-font-size}/#{$colorpicker--input-line-height} $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.wp-picker-holder {\n\n\t\t\t\t.iris-picker {\n\t\t\t\t\twidth: auto !important;\n\t\t\t\t\theight: auto !important;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmargin: 10px 0 0;\n\t\t\t\t\tpadding: 0 !important;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t.iris-picker-inner {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tposition: unset;\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.iris-palette-container {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\tbottom: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\twidth: $colorpicker--iris-square-size;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.iris-square,\n\t\t\t\t\t.iris-slider,\n\t\t\t\t\t.iris-palette {\n\t\t\t\t\t\tfloat: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Rainbow\n\t\t\t\t\t// A square full of colors for user to pick.\n\t\t\t\t\t.iris-square {\n\t\t\t\t\t\twidth: auto !important;\n\t\t\t\t\t\theight: auto !important;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: #{$colorpicker--iris-slider-size - $colorpicker--iris-square-size};\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&-inner {\n\t\t\t\t\t\t\tbox-shadow: none;\n\n\t\t\t\t\t\t\t&.iris-square-horiz {\n\t\t\t\t\t\t\t\tposition: unset;\n\t\t\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\twidth: $colorpicker--iris-square-size-sm;\n\t\t\t\t\t\t\t\t\theight: $colorpicker--iris-square-size-sm;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\twidth: $colorpicker--iris-square-size;\n\t\t\t\t\t\t\t\t\theight: $colorpicker--iris-square-size;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Slider\n\t\t\t\t\t// Vertical rectangles that allow user to adjust\n\t\t\t\t\t// color opacity.\n\t\t\t\t\t.iris-slider {\n\t\t\t\t\t\twidth: $colorpicker--iris-palette-size !important;\n\t\t\t\t\t\tmargin-left: 10px !important;\n\t\t\t\t\t\tborder-radius: math.div($border-radius, 2);\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\theight: $colorpicker--iris-square-size-sm !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\theight: $colorpicker--iris-slider-size !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Slider offset\n\t\t\t\t\t.iris-slider-offset {\n\t\t\t\t\t\ttop: $colorpicker--iris-slider-handle-size;\n\t\t\t\t\t\tbottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Slider handle\n\t\t\t\t\t// A visual element that allow user to find the\n\t\t\t\t\t// desired opacity or tone for the color.\n\t\t\t\t\t.ui-slider-handle {\n\t\t\t\t\t\theight: $colorpicker--iris-slider-handle-size;\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tright: -#{$colorpicker--iris-slider-handle-border-width};\n\t\t\t\t\t\tleft: -#{$colorpicker--iris-slider-handle-border-width};\n\t\t\t\t\t\tborder-width: $colorpicker--iris-slider-handle-border-width;\n\t\t\t\t\t\tborder-color: $colorpicker--iris-slider-handle-border-color;\n\t\t\t\t\t\tborder-radius: #{$colorpicker--iris-slider-handle-border-width * 2};\n\t\t\t\t\t\tbox-shadow: 0 1px 3px 1px rgba(0,0,0,0.3);\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Palette\n\t\t\t\t\t// Predefined colors for user to quick-select.\n\t\t\t\t\t.iris-palette {\n\t\t\t\t\t\twidth: auto !important;\n\t\t\t\t\t\tmin-width: $colorpicker--iris-palette-size;\n\t\t\t\t\t\tmax-width: $colorpicker--iris-palette-size;\n\t\t\t\t\t\theight: $colorpicker--iris-palette-size !important;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tflex: 0 0 $colorpicker--iris-palette-size;\n\t\t\t\t\t\tborder: 1px solid $colorpicker--iris-palette-border-color;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0 !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:nth-child(n+8) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\tmargin-left: 0 !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div(($colorpicker--iris-square-size - ($colorpicker--iris-palette-size * 7)), 6) !important;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-left: math.div(($colorpicker--iris-square-size - ($colorpicker--iris-palette-size * 7)), 6) !important;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Rainbow value\n\t\t\t\t\t// A hidden element that gets the correct value\n\t\t\t\t\t// from the rainbow.\n\t\t\t\t\t.iris-square-value {\n\t\t\t\t\t\twidth: $colorpicker--iris-square-value-size;\n\t\t\t\t\t\theight: $colorpicker--iris-square-value-size;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Rainbow donut\n\t\t\t\t\t// A visual element that allow user to find the\n\t\t\t\t\t// desired color from rainbow.\n\t\t\t\t\t.iris-square-handle {\n\t\t\t\t\t\twidth: $colorpicker--iris-square-handle-size;\n\t\t\t\t\t\theight: $colorpicker--iris-square-handle-size;\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\ttop: -#{math.div($colorpicker--iris-square-handle-size - $colorpicker--iris-square-value-size, 2)};\n\t\t\t\t\t\tleft: -#{math.div($colorpicker--iris-square-handle-size - $colorpicker--iris-square-value-size, 2)};\n\t\t\t\t\t\tborder-width: $colorpicker--iris-square-handle-border-width;\n\t\t\t\t\t\tborder-color: $colorpicker--iris-square-handle-border-color;\n\t\t\t\t\t\tborder-radius: 100%;\n\t\t\t\t\t\tbox-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);\n\n\t\t\t\t\t\t&:after {\n\t\t\t\t\t\t\tcontent: unset;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATUS: Iris open\n\t\t\t&.wp-picker-active {\n\t\t\t\tdisplay: inline-flex;\n\t\t\t\tflex-direction: column;\n\n\t\t\t\t@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {\n\t\t\t\t\twidth: 262px;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t// Tabs\n\t.sui-tabs:not(.sui-side-tabs) {\n\n\t\t> [data-tabs],\n\t\t> .sui-tabs-menu {\n\t\t\tdisplay: flex;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder-top: 1px solid $tabs-content-border-color;\n\t\t\tlist-style: none;\n\n\t\t\t> *,\n\t\t\t.sui-tab-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tmargin: 0 10px;\n\t\t\t\tpadding: 14px 0 12px;\n\t\t\t\tborder: 0; // Make sure borders are disabled when using \"button\" element for tabs.\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-transform: uppercase;\n\t\t\t\ttext-decoration: none;\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\toutline: none; // Make sure outline blur is disabled when using \"button\" element for tabs.\n\t\t\t\t\tborder-bottom: 2px solid transparent;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:visited {\n\t\t\t\t\tcolor: $tabs-label-color;\n\t\t\t\t}\n\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: $tabs-label-active-border-color;\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-left: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tcolor: $tabs-label-active-border-color;\n\t\t\t\t\tborder-bottom-color: $tabs-label-active-color;\n\t\t\t\t}\n\n\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t}\n\t\t\n\t\t\t\t@media (forced-colors: active) and (prefers-color-scheme: dark), (-ms-high-contrast: white-on-black) {\n\t\t\t\t\tcolor: $cloud !important;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tcolor: map-get($button-background, orange) !important;\n\t\t\t\t\t\tborder-bottom: 2px solid map-get($button-background, orange) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin-top: -1px;\n\t\t\t\tpadding: $sui-gutter-md 0 0;\n\t\t\t\tborder-top: 1px solid #E6E6E6;\n\n\t\t\t\t&.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: $sui-gutter 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Flushed tabs\n\t\t&.sui-tabs-flushed {\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\tborder-top-width: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Overflowed tabs\n\t\t&.sui-tabs-overflow {\n\t\t\tposition: relative;\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\toverflow: auto;\n\t\t\t\tscrollbar-width: none;\n\t\t\t\tscrollbar-height: none;\n\n\t\t\t\t&::-webkit-scrollbar {\n\t\t\t\t\twidth: 0;\n\t\t\t\t\theight: 0;\n\t\t\t\t\tbackground: transparent;\n\t\t\t\t}\n\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Navigation for overflow.\n\t\t\t.sui-tabs-navigation {\n\t\t\t\tposition: absolute;\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: flex;\n\t\t\t\tjustify-content: space-between;\n\t\t\t\theight: 50px;\n\t\t\t\talign-items: center;\n\t\t\t\ttop: 1px;\n\t\t\t\tpointer-events: none;\n\t\t\t\topacity: 1;\n\n\t\t\t\t&--left,\n\t\t\t\t&--right {\n\t\t\t\t\tbackground: rgba(255, 255, 255, 0.8);\n\t\t\t\t\tpointer-events: all;\n\t\t\t\t\ttransition: all .2s;\n\t\t\t\t}\n\t\t\t\t&--hidden {\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\topacity: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-tabs-flushed) {\n\t\t\t\tborder: 1px solid $tabs-content-border-color;\n\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t> [data-tabs],\n\t\t\t\t> .sui-tabs-menu {\n\t\t\t\t\tmargin-right: $sui-gutter-md;\n\t\t\t\t\tmargin-left: $sui-gutter-md;\n\t\t\t\t\tborder-top-width: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> [data-panes],\n\t\t\t\t> .sui-tabs-content {\n\n\t\t\t\t\t> *,\n\t\t\t\t\t> .sui-tab-content {\n\t\t\t\t\t\tpadding-right: $sui-gutter-md;\n\t\t\t\t\t\tpadding-bottom: $sui-gutter-md;\n\t\t\t\t\t\tpadding-left: $sui-gutter-md;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t\t\t\t\tpadding-bottom: $sui-gutter;\n\t\t\t\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Side Tabs\n\t.sui-side-tabs {\n\t\tmargin: 0 0 $sui-gutter-md;\n\n\t\t> [data-tabs],\n\t\t> .sui-tabs-menu {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\t> *,\n\t\t\t.sui-tab-item {\n\t\t\t\tcursor: pointer;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 1px 0 0;\n\t\t\t\tpadding: 9px 20px;\n\t\t\t\tborder: 0; // Make sure borders are disabled when using \"button\" element for tabs.\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\ttext-decoration: none;\n\t\t\t\t> *:not(input) {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\toutline: none; // Make sure outline blur is disabled when using \"button\" element for tabs.\n\t\t\t\t\tbackground-color: $side-tabs--label-background;\n\t\t\t\t\tcolor: $side-tabs--label-color;\n\t\t\t\t}\n\n\t\t\t\tinput {\n\t\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tbackground-color: $side-tabs--label-active-background;\n\t\t\t\t\tcolor: $side-tabs--label-active-color;\n\t\t\t\t}\n\n\t\t\t\t@media (forced-colors: active) {\n\t\t\t\t\tforced-color-adjust: none;\n\t\t\t\t}\n\t\t\n\t\t\t\t@media (forced-colors: active) and (prefers-color-scheme: dark), (-ms-high-contrast: white-on-black) {\n\t\t\t\t\tbackground-color: $grey !important;\n\t\t\t\t\tcolor: $cloud !important;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tbackground-color: $nightrider !important;\n\t\t\t\t\t\tcolor: map-get($button-background, orange) !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\t\t\t\tdisplay: none;\n\t\t\t\tmargin: 10px 0 0;\n\n\t\t\t\t&.sui-tab-boxed {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t\t\tborder: 1px solid #E6E6E6;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Large\n\t\t\t// This class will increase the space\n\t\t\t// between data-tabs and data-panes.\n\t\t\t&.sui-tabs-content-lg {\n\n\t\t\t\t> *,\n\t\t\t\t> .sui-tab-content {\n\t\t\t\t\tmargin-top: 30px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\t\t}\n    \n\t\t// Removing unnecessary padding and border\n\t\tfieldset.sui-form-field{\n\t\t\tpadding: 0;\n\t\t\tborder: none;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: 0 0 $sui-gutter;\n\t\t}\n\t}\n\n\t// Flushed tabs inside box\n\t.sui-box-body {\n\n\t\t> .sui-tabs-flushed {\n\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\tmargin: 0 $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0 $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t> [data-panes],\n\t\t\t> .sui-tabs-content {\n\n\t\t\t\t> *,\n\t\t\t\t> .sui-tab-content {\n\t\t\t\t\tpadding: $sui-gutter-md;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter-md} !important;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin: -#{$sui-gutter} !important;\n\t\t\t}\n\t\t}\n\t}\n}\n","// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\tposition: relative;\n\n\t.sui-row-with-sidenav {\n\t\twidth: 100%;\n\t\tdisplay: table;\n\t\ttable-layout: fixed;\n\t\tclear: both;\n\t\tmargin-bottom: 30px;\n\n\t\t.sui-sidenav {\n\t\t\tvertical-align: top;\n\n\t\t\t.sui-vertical-tabs {\n\t\t\t\tmargin: 15px 0 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tlist-style: none;\n\n\t\t\t\t.sui-vertical-tab {\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tmargin: 0 0 6px;\n\t\t\t\t\tpadding: 5px 15px;\n\t\t\t\t\tline-height: 1.5em;\n\t\t\t\t\tlist-style: none;\n\n\t\t\t\t\t&.current {\n\t\t\t\t\t\tbackground-color: $sidenav-tab-active-bg-color;\n\t\t\t\t\t\tborder-radius: 20px;\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tcolor: $sidenav-tab-active-color;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag,\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\ttop: 2px;\n\t\t\t\t\t\tright: 3px;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\ttop: 6px;\n\t\t\t\t\t\tright: 7px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ta {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: $sidenav-tab-color;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tcolor: $sidenav-tab-color-hover;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-alt-design {\n\n\t\t\t\t\t.sui-vertical-tab {\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tline-height: auto;\n\n\t\t\t\t\t\ta {\n\t\t\t\t\t\t\tpadding: 5px 15px;\n\t\t\t\t\t\t\tborder-radius: 20px;\n\t\t\t\t\t\t\tbackground-color: transparent;\n\n\t\t\t\t\t\t\t&.current {\n\t\t\t\t\t\t\t\tbackground-color: $sidenav-tab-active-bg-color;\n\t\t\t\t\t\t\t\tcolor: $sidenav-tab-active-color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tmargin-bottom: 15px;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-with-floating-input {\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tleft: 0 !important;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\twidth: 240px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tleft: #{$sidenav-width + 10px};\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-sidenav-settings {\n\n\t\t\t\t.sui-form-field {\n\t\t\t\t\tmargin: 0 0 10px;\n\n\t\t\t\t\tselect.sui-select + .sui-select {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tpadding-left: 15px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// FIX:\n\t\t\t// Hide elements on large screens (only)\n\t\t\t.sui-sidenav-hide-md {\n\n\t\t\t\t@include media(max-width, lg) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// FIX:\n\t\t\t// Show elements on large screens (only)\n\t\t\t.sui-sidenav-hide-lg {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, lg) {\n\t\t\t\twidth: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t@include media(min-width, lg) {\n\t\t\t\twidth: $sidenav-width;\n\t\t\t\tdisplay: table-cell;\n\t\t\t\tpadding-right: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t.sui-sidenav-sticky {\n\n\t\t\t@include media(min-width, lg) {\n\t\t\t\tposition: sticky !important;\n\t\t\t\ttop: #{32px + 15px};\n\t\t\t\tz-index: 11;\n\t\t\t}\n\t\t}\n\n\t\t> div:not(.sui-sidenav) {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tvertical-align: top;\n\t\t\tmargin-bottom: 0; // FIX: To prevent double margins at bottom\n\t\t}\n\n\t\t@media (max-width: 1100px) {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: true\n@include body-class(true, true) {\n\n\t.sui-row-with-sidenav {\n\n\t\t.sui-sidenav {\n\n\t\t\t.sui-vertical-tabs {\n\n\t\t\t\t.sui-vertical-tab {\n\n\t\t\t\t\t.sui-tag,\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tright: auto;\n\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tleft: 7px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-with-floating-input {\n\n\t\t\t\t@include media(min-width, lg) {\n\t\t\t\t\tright: #{$sidenav-width + 10px};\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, lg) {\n\t\t\t\tpadding-right: 0;\n\t\t\t\tpadding-left: $sui-gutter;\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-dropdown {\n\t\tposition: relative;\n\t\tdisplay: inline-block;\n\t\tmargin: 0 10px;\n\n\t\tul {\n\t\t\tmin-width: 170px;\n\t\t\tdisplay: none;\n\t\t\tposition: absolute;\n\t\t\tz-index: 10;\n\t\t\ttop: 100%;\n\t\t\tright: -10px;\n\t\t\tleft: auto;\n\t\t\tmargin: 15px 0 0;\n\t\t\tpadding: 15px 0;\n\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $white;\n\t\t\tbox-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07);\n\t\t\ttransition: 0.3s ease;\n\t\t\twhite-space: nowrap;\n\n\t\t\t&:before,\n\t\t\t&:after {\n\t\t\t\tcontent: \" \";\n\t\t\t\twidth: 0;\n\t\t\t\tposition: absolute;\n\t\t\t\tright: 15px;\n\t\t\t\tborder-width: 0 8px 10px;\n\t\t\t\tborder-style: solid;\n\t\t\t\tborder-top-color: palette(gray, lighter);\n\t\t\t}\n\n\t\t\t&:before {\n\t\t\t\tz-index: 10;\n\t\t\t\ttop: -10px;\n\t\t\t\tborder-color: palette(gray, lighter) transparent;\n\t\t\t}\n\n\t\t\t&:after {\n\t\t\t\tz-index: 11;\n\t\t\t\ttop: -8px;\n\t\t\t\tborder-color: $white transparent;\n\t\t\t}\n\n\t\t\t&, li {\n\t\t\t\tlist-style: none;\n\t\t\t}\n\n\t\t\tli {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tborder: 0;\n\n\t\t\t\ta, button, > span {\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0 15px;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ta, button {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfont: 500 13px/30px $font;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:visited {\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: rgba(51, 51, 51, 0.05);\n\t\t\t\t\t\tcolor: $ironmike;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-option-red {\n\n\t\t\t\t\t\t&,\n\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t&:visited {\n\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\tcolor: palette(red, default);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tbackground-color: palette(red, light);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\tmargin-right: 4px;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\ttransition: 0.3s ease;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.active,\n\t\t\t\t&.current {\n\n\t\t\t\t\ta, button {\n\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-dropdown-label {\n\t\t\t\t\tborder-bottom: 1px solid $dropdown-label-border-color;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t\tcursor: default;\n\t\t\t\t\tcolor: $gray;\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// In some cases, there are buttons that are wrapped inside a form\n\t\t\t\t// to execute special actions.\n\t\t\t\tform {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-right: 0;\n\t\t}\n\n\t\t// POSITION: Right\n\t\t&.sui-dropdown-right {\n\n\t\t\tul {\n\t\t\t\tright: unset;\n\t\t\t\tleft: -10px;\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tright: unset;\n\t\t\t\t\tleft: 15px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// POSITION: Center\n\t\t&.sui-dropdown-center {\n\n\t\t\tul {\n\t\t\t\tright: unset;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translateX(-50%);\n\n\t\t\t\t&:before,\n\t\t\t\t&:after {\n\t\t\t\t\tright: unset;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Extra fixes\n\t\t&.wds-item-loading {\n\t\t\tfont-size: 18px;\n\n\t\t\t.sui-dropdown-anchor {\n\t\t\t\tvisibility: hidden;\n\t\t\t}\n\t\t}\n\n\t\t// When menu is open\n\t\t&.open {\n\n\t\t\t.sui-dropdown-anchor {\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active,\n\t\t\t\t&:visited {\n\t\t\t\t\tbackground-color: $silver;\n\t\t\t\t\tcolor: palette( gray, dark );\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n// Calculate length of stroke in svg circle.\n$score-circle-radius: 42; // r attribute on the score svg circle\n$score-circle-circumference: 2 * pi() * $score-circle-radius;\n\n// Generate animation keyframes for score circles.\n@for $i from 1 through 100 {\n\t$dash-length: math.div($score-circle-circumference, 100) * $i;\n\t$gap-length: $dash-length * 100 - $i;\n\n\t@keyframes sui#{$i} {\n\t\tto {\n\t\t\tstroke-dasharray: $dash-length $gap-length;\n\t\t}\n\t}\n}\n\n@include body-class(true) {\n\n\t.sui-circle-score {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\theight: $circle-score-sm;\n\t\twidth: auto;\n\t\topacity: 0;\n\t\ttransition: all .4s;\n\n\t\tsvg {\n\t\t\theight: 100%;\n\t\t\ttransform: rotate(-90deg);\n\t\t\ttransform-origin: center;\n\n\t\t\tcircle {\n\t\t\t\tfill: none;\n\t\t\t\tstroke-linecap: butt;\n\n\t\t\t\t// Background.\n\t\t\t\t&:first-child {\n\t\t\t\t\tstroke: $circle-score-bg-color;\n\t\t\t\t}\n\n\t\t\t\t// Dial.\n\t\t\t\t&:last-child {\n\t\t\t\t\tstroke: $circle-score-default-dial-color;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&.loaded {\n\t\t\topacity: 1;\n\t\t}\n\t}\n\n\t.sui-circle-score-label {\n\t\tmargin-left: $circle-score-label-spacing;\n\t\tfont-weight: 500;\n\t}\n\n\t.sui-circle-score-sm {\n\t\theight: $circle-score-sm;\n\t}\n\n\t.sui-circle-score-lg {\n\t\theight: $circle-score-lg;\n\n\t\t.sui-circle-score-label {\n\t\t\tdisplay: none;\n\t\t}\n\t}\n\n\t.sui-grade-success,\n\t.sui-grade-aplus,\n\t.sui-grade-a,\n\t.sui-grade-b {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-success-color;\n\t\t}\n\t}\n\n\t.sui-grade-warning,\n\t.sui-grade-c,\n\t.sui-grade-d {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-warning-color;\n\t\t}\n\t}\n\n\t.sui-grade-error,\n\t.sui-grade-e,\n\t.sui-grade-f {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-error-color;\n\t\t}\n\t}\n\n\t.sui-grade-dismissed,\n\t.sui-grade-disabled {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $circle-score-disabled-color;\n\t\t}\n\t}\n\n\t.sui-grade-default {\n\t\tsvg circle:last-child {\n\t\t\tstroke: $gray;\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-footer {\n\t\tmargin-top: #{$sui-gutter-md * 2};\n\t\tcolor: $footer-color;\n\t\tfont: $font--medium 12px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\t[class*=\"sui-icon-\"] {\n\t\t\tmargin: 0 3px;\n\t\t\tfont-size: 11px;\n\n\t\t\t&:before {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $footer-color;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: #{$sui-gutter * 2};\n\t\t}\n\t}\n\n\t.sui-footer-nav,\n\t.sui-footer-social {\n\t\tdisplay: flex;\n\t\tjustify-content: center;\n\t\tmargin: $sui-gutter-md 0 0;\n\t\ttext-align: center;\n\n\t\t&, li {\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin: 0;\n\t\t\tcolor: $footer-color;\n\t\t\tfont: 400 12px/16px $font;\n\n\t\t\ta {\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: $footer-color;\n\t\t\t\tfont-weight: 400;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\twidth: 30px;\n\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tcolor: $footer-color-hover;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tflex-wrap: wrap;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-top: $sui-gutter;\n\t\t}\n\t}\n\n\t.sui-footer-nav {\n\n\t\tli:not(:last-child) {\n\n\t\t\t&:after {\n\t\t\t\tcontent: \"/\";\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tmargin-left: 6px;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-footer-social {\n\n\t\tli {\n\t\t\tmargin: 0 5px;\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-right: 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t#sui-cross-sell-footer {\n\n\t\t> div {\n\t\t\twidth: 100%;\n\t\t\ttext-align: center;\n\t\t\tborder-bottom: 1px solid $footer-cross-sell-border-color;\n\t\t\tline-height: 0.1em;\n\t\t\tmargin: 10px 0 40px;\n\t\t\t> span {\n\t\t\t\tposition: relative;\n\t\t\t\tcolor: $footer-cross-sell-icon-color;\n\t\t\t\tbackground-color: #f1f1f1;\n\t\t\t\tpadding: 0 30px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\ttop: 8px;\n\t\t\t}\n\t\t}\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 30px;\n\t\t\ttext-transform: none;\n\t\t}\n\t}\n\n\t.sui-cross-sell-modules {\n\t\tmargin-top: 30px;\n\n\t\t.sui-col-md-4 {\n\n\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t[class*=\"sui-cross-\"] {\n\t\t\tmin-height: 150px;\n\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\tbackground-size: cover;\n\t\t\tbackground-position: center;\n\t\t\tposition: relative;\n\n\t\t\t> span {\n\t\t\t\twidth: 56px;\n\t\t\t\theight: 56px;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 50%;\n\t\t\t\tleft: 50%;\n\t\t\t\ttransform: translate(-50%, -50%);\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tz-index: 1;\n\t\t\t\t\ttop: 45px;\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (min-width: 600px) and (max-width: 783px) {\n\t\t\t\twidth: 180px;\n\t\t\t\tflex: none;\n\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t}\n\n\t\t\t@media (max-width: 600px) {\n\t\t\t\theight: 80px;\n\t\t\t\tmin-height: auto;\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-1) {\n\n\t\t\t@if $cross-sell-1 != '' {\n\n\t\t\t\t.sui-cross-1 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-1}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-1}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-2) {\n\n\t\t\t@if $cross-sell-2 != '' {\n\n\t\t\t\t.sui-cross-2 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-2}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-2}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@if variable-exists(cross-sell-3) {\n\n\t\t\t@if $cross-sell-3 != '' {\n\n\t\t\t\t.sui-cross-3 {\n\n\t\t\t\t\t> span {\n\t\t\t\t\t\t@include background-2x(\"#{$sui-image-path}plugins-#{$cross-sell-3}-icon\", 'png', 50px, 50px, center center, no-repeat);\n\t\t\t\t\t}\n\t\t\n\t\t\t\t\tbackground-image: url(\"#{$sui-image-path}plugins-#{$cross-sell-3}.jpg\");\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-box {\n\t\t\tmargin-bottom: 0;\n\n\t\t\th3 {\n\t\t\t\tmargin-top: 0;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tline-height: 30px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\ttext-transform: none;\n\n\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tmin-height: auto;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\tmin-height: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-box-body {\n\t\t\t\tpadding: 30px;\n\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\ttext-align: center;\n\n\t\t\t\tp {\n\t\t\t\t\tmargin-bottom: 30px;\n\t\t\t\t\tcolor: $footer-cross-sell-p-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\n\t\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\t\tmargin-bottom: 14px;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\t\tmargin-bottom: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\t@media(max-width: 600px) {\n\t\t\t\t\tpadding: 26px 20px 20px 20px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media(min-width: 600px) and (max-width: 783px) {\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-cross-sell-bottom {\n\t\ttext-align: center;\n\t\tmargin-top: 50px;\n\n\t\th3 {\n\t\t\tfont-size: 22px;\n\t\t\tfont-weight: bold;\n\t\t\tline-height: 30px;\n\t\t\ttext-transform: none;\n\t\t}\n\n\t\tp {\n\t\t\tmax-width: 500px;\n\t\t\tmargin: 20px auto 30px;\n\t\t}\n\t\t.sui-button {\n\t\t\tmargin: 0;\n\t\t}\n\n\t\timg {\n\t\t\tdisplay: block;\n\t\t\theight: auto;\n\t\t\tmax-width: 100%;\n\t\t\tmargin: 30px auto 0;\n\t\t}\n\t}\n}\n\n// Remove WordPress footer\n@include body-class() {\n\n\t#wpfooter {\n\t\tdisplay: none;\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-progress {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\n\t\t.sui-progress-icon {\n\t\t\twidth: 26px;\n\t\t\ttext-align: center;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 16px;\n\n\t\t\t\t&:before {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t+ .sui-progress-text {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\n\t\t\t+ .sui-progress-bar {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t.sui-progress-text {\n\t\t\tmin-width: 40px;\n\t\t\tflex: 0 0 auto;\n\t\t\tcolor: $progress-text--color;\n\t\t\tfont: bold 12px/20px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-align: center;\n\n\t\t\tspan {\n\t\t\t\tdisplay: block;\n\t\t\t}\n\n\t\t\t+ .sui-progress-bar {\n\t\t\t\tmargin-left: 5px;\n\t\t\t}\n\t\t}\n\n\t\t.sui-progress-bar {\n\t\t\theight: $progress-bar--size;\n\t\t\toverflow: hidden;\n\t\t\tflex: 1;\n\t\t\tborder-radius: div($progress-bar--size, 2);\n\t\t\tbackground-color: $progress-bar--background;\n\n\t\t\tspan {\n\t\t\t\theight: 100%;\n\t\t\t\tdisplay: block;\n\t\t\t\tbackground-color: $progress-bar--loading-color;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-progress-block {\n\t\twidth: 100%;\n\t\tmax-width: 100%;\n\t\tmin-height: $progress-block--size;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tpadding: math.div(($progress-block--size - 32px), 2) 14px;\n\t\tborder: 1px solid $progress-block--border-color;\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $progress-block--background;\n\n\t\t.sui-progress {\n\t\t\tflex: 1;\n\n\t\t\t+ .sui-button,\n\t\t\t+ .sui-button-icon {\n\t\t\t\tmargin-left: 10px;\n\t\t\t}\n\t\t}\n\n\t\t.sui-button,\n\t\t.sui-button-icon {\n\t\t\tflex: 0 0 auto;\n\t\t}\n\n\t\t.sui-button-icon,\n\t\ta.sui-button-icon,\n\t\tbutton.sui-button-icon {\n\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tfont-size: 16px;\n\t\t\t}\n\t\t}\n\n\t\t+ .sui-progress-state {\n\t\t\tmargin-top: 10px;\n\t\t}\n\t}\n\n\t.sui-progress-state {\n\t\tdisplay: block;\n\t\tcolor: $progress-status--color;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t\ttext-align: center;\n\n\t\tspan {\n\t\t\tdisplay: block;\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-table {\n\t\twidth: 100%;\n\t\ttable-layout: fixed;\n\t\tmargin: $sui-gutter-md 0;\n\t\tborder-collapse: unset;\n\t\tborder-spacing: unset;\n\t\tborder: 1px solid $table--border-color;\n\t\tborder-radius: $border-radius;\n\t\tcolor: $table--text-color;\n\t\tfont-size: $table--text-font-size;\n\t\tline-height: $table--text-line-height;\n\t\tletter-spacing: $font--letter-spacing;\n\n\t\tthead, tbody, tfoot {\n\n\t\t\t> tr > {\n\n\t\t\t\tth,\n\t\t\t\t.sui-table-item-title,\n\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\ttext-align: left;\n\t\t\t\t}\n\n\t\t\t\tth, td {\n\t\t\t\t\theight: 40px;\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\tpadding: 5px #{math.div($sui-gutter-md, 2) - $table--border-width};\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-bottom: $table--border-width $table--border-style $table--border-color;\n\n\t\t\t\t\t&:first-child {\n\t\t\t\t\t\tpadding-left: #{$sui-gutter-md - $table--border-width};\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-left: #{$sui-gutter - $table--border-width};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:last-child {\n\t\t\t\t\t\tpadding-right: #{$sui-gutter-md - $table--border-width};\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: #{$sui-gutter - $table--border-width};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\theight: 60px;\n\t\t\t\t\t\tpadding-right: #{math.div($sui-gutter, 2) - $table--border-width};\n\t\t\t\t\t\tpadding-left: #{math.div($sui-gutter, 2) - $table--border-width};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child > tr:last-child > {\n\n\t\t\t\tth, td {\n\t\t\t\t\tborder-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tthead {\n\n\t\t\ttr th {\n\t\t\t\tfont-weight: bold;\n\t\t\t\twhite-space: nowrap;\n\t\t\t}\n\t\t}\n\n\t\ttbody {\n\n\t\t\ttr th,\n\t\t\ttr td {\n\n\t\t\t\t.sui-toggle {\n\t\t\t\t\tvertical-align: text-top;\n\t\t\t\t}\n\n\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\tfont-size: 10px;\n\n\t\t\t\t\t&.sui-icon-right {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr th,\n\t\t\ttr .sui-table-item-title,\n\t\t\ttr .sui-accordion-item-title {\n\t\t\t\tfont-weight: 500;\n\t\t\t}\n\n\t\t\ttr .sui-table-item-title,\n\t\t\ttr .sui-accordion-item-title {\n\n\t\t\t\t> [class*=\"sui-icon-\"] {\n\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\tvertical-align: middle;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-icon-right {\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr.sui-error,\n\t\t\ttr.sui-warning,\n\t\t\ttr.sui-success {\n\n\t\t\t\tth,\n\t\t\t\t.sui-table-item-title,\n\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t}\n\n\t\t\t\ttd {\n\t\t\t\t\tcolor: $table--text-color;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttr.sui-default {\n\t\t\t\tbox-shadow: inset 3px 0 0 $gray;\n\t\t\t}\n\n\n\t\t\ttr.sui-error {\n\t\t\t\tbox-shadow: inset 3px 0 0 $error;\n\t\t\t}\n\n\t\t\ttr.sui-warning {\n\t\t\t\tbox-shadow: inset 3px 0 0 $warning;\n\t\t\t}\n\n\t\t\ttr.sui-success {\n\t\t\t\tbox-shadow: inset 3px 0 0 $success;\n\t\t\t}\n\t\t}\n\n\t\t&:first-child,\n\t\t&.sui-table-with-title {\n\t\t\tmargin-top: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t// Flushed table\n\t\t&.sui-table-flushed {\n\t\t\tmargin: 0;\n\t\t\tborder: 0;\n\t\t\tborder-radius: 0;\n\t\t\tborder-collapse: collapse;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n\n\t.sui-table-title {\n\t\tmargin: 5px 0;\n\t\tcolor: $table--title-color;\n\t\tfont: bold 13px/22px $font;\n\t\tletter-spacing: 0;\n\t}\n\n\t// Flushed table\n\t// Remove top padding from thead when table is placed after .sui-box-body\n\t.sui-box-body + .sui-table.sui-table-flushed {\n\n\t\t> thead,\n\t\t> tbody,\n\t\t> tfoot {\n\n\t\t\t&:first-child > tr:first-child > {\n\n\t\t\t\tth, td {\n\t\t\t\t\theight: auto;\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Field list\n\t// An alternative table based on flex-box\n\t.sui-field-list {\n\t\tborder: $table--border-width $table--border-style $table--border-color;\n\t\tborder-radius: $border-radius;\n\n\t\t&-header {\n\t\t\tpadding: 20px 30px;\n\t\t}\n\n\t\t&-item {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tpadding: 15px 30px;\n\t\t\tborder-top: $table--border-width $table--border-style $table--border-color;\n\t\t}\n\n\t\t&-item-label {\n\t\t\tmargin-right: auto;\n\t\t\tmargin-left: 0;\n\t\t}\n\n\t\t&-title {\n\t\t\tmargin: 0;\n\t\t\tcolor: $table--field-list-title-color;\n\t\t\tfont-size: $table--text-font-size;\n\t\t\tline-height: 30px;\n\t\t\tfont-family: $font;\n\t\t\tfont-weight: 500;\n\t\t\ttext-transform: capitalize;\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-accordion {\n\n\t\t.sui-accordion-item-body,\n\t\t.sui-accordion-item-content {\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\n\t\t\t.sui-accordion-body-header {\n\t\t\t\tdisplay: block;\n\t\t\t\tfont-size: 13px;\n\t\t\t\tline-height: 22px;\n\t\t\t\tfont-weight: 700;\n\t\t\t\tmargin: 5px 0;\n\t\t\t}\n\n\t\t\t.sui-box {\n\t\t\t\t&:focus,\n\t\t\t\t&:focus-within {\n\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\tborder: none;\n\t\t\t\t\tbox-shadow: inset 0 0 0 2px palette(blue, default);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Accordion Grid\n\t\t&, &-block {\n\n\t\t\t&:not(.sui-builder-fields) {\n\n\t\t\t\t.sui-accordion-header,\n\t\t\t\t.sui-accordion-item-header,\n\t\t\t\t.sui-accordion-footer {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tfont-size: $table--text-font-size;\n\t\t\t\t\tline-height: $table--text-line-height;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-weight: 400;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t> div {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\tpadding: 0 #{math.div($sui-gutter-md, 2) - 1px};\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tpadding-left: #{$sui-gutter-md - 1px};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: #{$sui-gutter - 1px};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tpadding-right: #{$sui-gutter-md - 1px};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: #{$sui-gutter - 1px};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding-right: #{math.div($sui-gutter, 2) - 1px};\n\t\t\t\t\t\t\tpadding-left: #{math.div($sui-gutter, 2) - 1px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t> [class^=\"sui-accordion-col-\"] {\n\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t// GRID\n\t\t\t\t\t// To guarantee accordion columns agree on size we can apply\n\t\t\t\t\t// below column classes based on a 12-columns grid.\n\t\t\t\t\t@for $i from 1 through $accordion--grid {\n\n\t\t\t\t\t\t.sui-accordion-col-#{$i} {\n\t\t\t\t\t\t\tmin-width: math.div((100% * $i), $accordion--grid);\n\t\t\t\t\t\t\tflex-basis: math.div((100% * $i), $accordion--grid);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\ttransition: 0.2s linear;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is open\n\t\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t\t> .sui-accordion-item-header {\n\n\t\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Table (Flexbox)\n\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\t\t\tmargin: $sui-gutter-md 0;\n\t\t\tborder: 1px solid $table--border-color;\n\t\t\tborder-radius: $border-radius;\n\n\t\t\t.sui-accordion-header,\n\t\t\t.sui-accordion-item-header,\n\t\t\t.sui-accordion-footer {\n\t\t\t\tmin-height: 40px;\n\t\t\t\tpadding: 5px 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmin-height: 60px;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-accordion-header {\n\t\t\t\tborder-bottom: 1px solid $table--border-color;\n\n\t\t\t\t> div {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-accordion-item {\n\t\t\t\tborder-bottom: 1px solid $table--border-color;\n\n\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\tcolor: $table--text-color;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t> div span {\n\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tfont-size: 12px;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-icon-right {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t\tfont-weight: 500;\n\n\t\t\t\t\t\t.sui-toggle {\n\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\talign-items: flex-start;\n\n\t\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\t\tmargin-left: math.div($sui-gutter-md, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-open-indicator {\n\t\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\tmargin-left: auto;\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\n\t\t\t\t\t\t+ .sui-accordion-open-indicator {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-left: 20px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\tpadding: 0 #{$sui-gutter-md - 1px} #{$sui-gutter-md - 1px};\n\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t.sui-box:last-child {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: 0 #{$sui-gutter - 1px} #{$sui-gutter - 1px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:first-child {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tborder-top-left-radius: #{$border-radius - 1px};\n\t\t\t\t\t\tborder-top-right-radius: #{$border-radius - 1px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom: 0;\n\n\t\t\t\t\t.sui-accordion-item-header,\n\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\tborder-bottom-right-radius: #{$border-radius - 1px};\n\t\t\t\t\t\tborder-bottom-left-radius: #{$border-radius - 1px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Default\n\t\t\t\t&.sui-default {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $gray;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Error\n\t\t\t\t&.sui-error {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $error;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Warning\n\t\t\t\t&.sui-warning {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $warning;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Success\n\t\t\t\t&.sui-success {\n\n\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 $success;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// When item is open\n\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t> .sui-accordion-item-header {\n\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// When item is disabled\n\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcursor: default;\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t\t&, .sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accordion--disabled-color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&, .sui-accordion-open-indicator {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-toggle {\n\t\t\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-circle-score svg circle:last-child {\n\t\t\t\t\t\t\tstroke: $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\t\t\tcolor: $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-error,\n\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\t\tbox-shadow: inset 3px 0 $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Flushed accordion\n\t\t\t&.sui-accordion-flushed {\n\t\t\t\tmargin: 0;\n\t\t\t\tborder-right-width: 0;\n\t\t\t\tborder-left-width: 0;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tborder-top-width: 0;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\n\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t.sui-accordion-item:first-child {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:not(:last-child) {\n\n\t\t\t\t\t.sui-accordion-item:last-child {\n\n\t\t\t\t\t\t.sui-accordion-item-header,\n\t\t\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\t\t\t\tmargin-top: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: $sui-gutter;\n\t\t\t\tmargin-bottom: $sui-gutter;\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Table\n\t\t// Must use in conjunction with .sui-table on the <table> element.\n\t\t&.sui-table {\n\n\t\t\t> tbody {\n\n\t\t\t\t> .sui-accordion-item {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\ttransition: background-color 0.3s;\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\ttransition: background-color 0.3s;\n\n\t\t\t\t\t\t&.sui-table-item-title .sui-toggle .sui-toggle-slider {\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-table-item-title .sui-accordion-open-indicator {\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\theight: $table--text-line-height;\n\t\t\t\t\t\t\t\tline-height: $table--text-line-height;\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tline-height: $table--text-line-height;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-open-indicator {\n\t\t\t\t\t\tfloat: right;\n\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:focus {\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Default\n\t\t\t\t\t&.sui-default + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $gray;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Error\n\t\t\t\t\t&.sui-error + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $error;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Warning\n\t\t\t\t\t&.sui-warning + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $warning;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Success\n\t\t\t\t\t&.sui-success + .sui-accordion-item-content {\n\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $success;\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is open\n\t\t\t\t\t&.sui-accordion-item--open {\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\tborder-bottom-color: transparent;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-open-indicator [class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\tdisplay: table-row;\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tvisibility: visible;\n\t\t\t\t\t\t\tz-index: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is disabled\n\t\t\t\t\t&.sui-accordion-item--disabled {\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\n\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\tcolor: $accordion--disabled-color;\n\n\t\t\t\t\t\t\t.sui-toggle {\n\t\t\t\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sui-circle-score svg circle:last-child {\n\t\t\t\t\t\t\t\tstroke: $accordion--disabled-icon;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"]:before {\n\t\t\t\t\t\t\t\tcolor: $accordion--disabled-icon;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t&.sui-success {\n\t\t\t\t\t\t\tbox-shadow: inset 3px 0 0 $accordion--disabled-icon;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> .sui-accordion-item-content {\n\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\tz-index: -1;\n\t\t\t\t\tbackground-color: $accordion--content-bg-color;\n\t\t\t\t\theight: 0;\n\t\t\t\t\toverflow: hidden;\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\tpadding: 0 $sui-gutter-md $sui-gutter-md;\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tpadding: 0 $sui-gutter $sui-gutter;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// Assign border radius to last group of items on table.\n\t\t\t\t// Each group is defined by:\n\t\t\t\t// .sui-accordion-item and .sui-accordion-item-content\n\t\t\t\t.sui-table-item-last {\n\n\t\t\t\t\t&.sui-accordion-item,\n\t\t\t\t\t&.sui-accordion-item-content {\n\t\t\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-accordion-item {\n\n\t\t\t\t\t\t&.sui-accordion-item--open {\n\t\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// FIX:\n\t\t\t\t// Assign border radius to first row if thead doesn't exist.\n\t\t\t\t.sui-table-item-first {\n\t\t\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Blocks (Flexbox)\n\t\t&-block {\n\n\t\t\t.sui-accordion-item {\n\t\t\t\tmargin: 0 0 $sui-gutter-md;\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $accordion--block-background;\n\t\t\t\tbox-shadow: 0 2px 0 0 $accordion--block-shadow;\n\n\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\tmin-height: 60px;\n\t\t\t\t\tpadding: 15px 0;\n\t\t\t\t\tcolor: $accordion--block-color;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\tstrong {\n\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t\tfont-weight: bold;\n\n\t\t\t\t\t\t.sui-tag {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tbottom: #{math.div($sui-gutter-md, 2) + 7px};\n\t\t\t\t\t\t\t\tleft: #{math.div($sui-gutter-md, 2) - 1px};\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-trim-title {\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.sui-trim-text {\n\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-mobile-visible {\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-desktop-visible {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-date {\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-button,\n\t\t\t\t\t.sui-dropdown,\n\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\tmargin: 0 5px;\n\n\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-tag {\n\t\t\t\t\t\tmargin-left: 10px;\n\n\t\t\t\t\t\t&.sui-tag-right {\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-col-auto {\n\n\t\t\t\t\t\t&:not(:first-child) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmin-height: 90px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item-body {\n\t\t\t\t\tpadding: 0 $sui-gutter-md $sui-gutter-md;\n\n\t\t\t\t\t.sui-accordion-item-data {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tmargin: 0 -5px;\n\t\t\t\t\t\tpadding: 0;\n\n\t\t\t\t\t\t&, li {\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t\t\ttransition: 0.3s ease;\n\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\tstrong, span {\n\t\t\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-right: 20px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\t\tcolor: $table--th-color;\n\t\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&[data-col=\"large\"] {\n\n\t\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\t\tmin-width: 200px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tmin-width: 50%;\n\t\t\t\t\t\t\t\tflex: 0 0 50%;\n\t\t\t\t\t\t\t\tpadding: 10px 5px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\tpadding: 0 5px;\n\t\t\t\t\t\t\t\ttext-align: left;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Loading data animation when accordion opens\n\t\t\t\t\t\t&.sui-onload {\n\n\t\t\t\t\t\t\tli > * {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, light);\n\t\t\t\t\t\t\t\tcolor: transparent;\n\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\tborder-radius: $border-radius $border-radius 0 0;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\tborder-radius: 0 0 $border-radius $border-radius;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding: 0 $sui-gutter $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// When item is open\n\t\t\t\t&.sui-accordion-item--open {\n\n\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t.sui-accordion-item-date {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin: 0 0 $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Improve styles of flushed accordions inside .sui-box\n\t.sui-box {\n\n\t\t.sui-box-header {\n\n\t\t\t+ .sui-accordion-flushed {\n\t\t\t\tborder-top-width: 0;\n\t\t\t}\n\t\t}\n\n\t\t.sui-box-body {\n\n\t\t\t> .sui-accordion-flushed {\n\n\t\t\t\t&:not(.sui-accordion-block) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-side-tabs .sui-tab-content {\n\n\t\t\t\t> .sui-accordion-flushed {\n\n\t\t\t\t\t&:not(.sui-accordion-block) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\n\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Improve flushed accordions inside .sui-tabs\n\t.sui-tabs:not(.sui-side-tabs) {\n\n\t\t> [data-panes],\n\t\t> .sui-tabs-content {\n\n\t\t\t> *,\n\t\t\t> .sui-tab-content {\n\n\t\t\t\t.sui-accordion {\n\n\t\t\t\t\t&.sui-table,\n\t\t\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\n\t\t\t\t\t\t&.sui-accordion-flushed {\n\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// FIX:\n\t// Improve flushed accordions inside .sui-side-tabs\n\t.sui-side-tabs {\n\n\t\t> .sui-tabs-content {\n\n\t\t\t> .sui-tab-content {\n\n\t\t\t\t.sui-accordion {\n\n\t\t\t\t\t&.sui-table,\n\t\t\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\n\t\t\t\t\t\t&.sui-accordion-flushed {\n\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\n\t\t\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class {\n\n\t// NOTE: New modal.\n\t.sui-modal {\n\t\twidth: calc(100% - #{map-get($wordpress, adminmenu)});\n\t\theight: calc(100vh - #{map-get($wordpress, adminbar)});\n\t\toverflow-x: hidden;\n\t\toverflow-y: auto;\n\t\tuser-select: auto;\n\t\tdisplay: none;\n\t\tflex-direction: column;\n\t\talign-items: center;\n\t\tposition: fixed;\n\t\tz-index: map-get($modal, z-index);\n\t\ttop: map-get($wordpress, adminbar);\n\t\tleft: map-get($wordpress, adminmenu);\n\t\tpadding: $sui-gutter 0;\n\t\tbackground-color: $modal-overlay-bg-color;\n\n\t\t&, * {\n\t\t\tbox-sizing: border-box;\n\t\t}\n\n\t\t// ELEMENT: Overlay mask.\n\t\t.sui-modal-overlay {\n\t\t\t// width: calc(100% - #{map-get($wordpress, adminmenu)});\n\t\t\theight: calc(100vh - #{map-get($wordpress, adminbar)});\n\t\t\tposition: fixed;\n\t\t\tz-index: #{map-get($modal, z-index) - 1};\n\t\t\ttop: map-get($wordpress, adminbar);\n\t\t\tleft: map-get($wordpress, adminmenu);\n\t\t\tright: #{($scrollbar--width)};\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tright: 0;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tcursor: pointer;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\n\t\t\t+ .sui-modal-content {\n\t\t\t\tz-index: map-get($modal, z-index);\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Content. \n\t\t.sui-modal-content {\n\t\t\twidth: 100%;\n\t\t\tmin-height: 0;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: auto;\n\t\t\tpadding: 0 $sui-gutter;\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: 0 $sui-gutter-md;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Slide.\n\t\t.sui-modal-slide {\n\t\t\tdisplay: none;\n\n\t\t\t&.sui-active {\n\t\t\t\topacity: 0;\n\t\t\t\tdisplay: block;\n\t\t\t\tanimation-duration: 0.7s;\n\t\t\t\tanimation-fill-mode: both;\n\t\t\t\ttransform-origin: center;\n\t\t\t\ttransform-style: preserve-3d;\n\n\t\t\t\t&.sui-loaded {\n\t\t\t\t\topacity: 1;\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeIn;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein-left {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeInLeft;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-fadein-right {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tanimation-name: fadeInRight;\n\n\t\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\tanimation-name: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media screen and (prefers-reduced-motion: reduce) {\n\t\t\t\t\tanimation-duration: 0.001ms;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:disabled,\n\t\t\t&[disabled] {\n\n\t\t\t\ta,\n\t\t\t\tinput,\n\t\t\t\tselect,\n\t\t\t\tbutton,\n\t\t\t\ttextarea {\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Box.\n\t\t.sui-box {\n\t\t\tbox-shadow: none;\n\n\t\t\t// ELEMENT: Icon\n\t\t\t[class*=sui-icon-] + .sui-box-title{\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Title.\n\t\t\t.sui-box-title {\n\n\t\t\t\t&.sui-lg {\n\t\t\t\t\tfont-size: 22px;\n\t\t\t\t\tline-height: 30px;\n\t\t\t\t}\n\n\t\t\t\t&.sui-no-ellipses {\n\t\t\t\t\twhite-space: normal;\n\t\t\t\t}\n\n\t\t\t\t+ .sui-description {\n\t\t\t\t\tmargin-top: math.div($sui-gutter, 2);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: math.div($sui-gutter-md, 2);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Banner.\n\t\t\t.sui-box-banner {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 100%;\n\t\t\t\theight: auto;\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\n\t\t\t\timg {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Logo.\n\t\t\t.sui-box-logo {\n\t\t\t\twidth: map-get($modal-logo, size);\n\t\t\t\theight: map-get($modal-logo, size);\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: map-get($modal-logo, frame-width) solid map-get($modal-logo, frame-color);\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: map-get($modal-logo, frame-color);\n\n\t\t\t\timg {\n\t\t\t\t\twidth: #{map-get($modal-logo, size) - (map-get($modal-logo, frame-width) * 2)};\n\t\t\t\t\theight: #{map-get($modal-logo, size) - (map-get($modal-logo, frame-width) * 2)};\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Header.\n\t\t\t.sui-box-header {\n\t\t\t\tposition: relative;\n\n\t\t\t\t// ELEMENT: Box Banner.\n\t\t\t\t.sui-box-banner {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmax-width: none;\n\t\t\t\t\tmargin-top: -#{math.div($sui-gutter, 2)};\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-bottom: #{$sui-gutter + 10px};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\tborder-top-right-radius: $border-radius;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: -#{math.div($sui-gutter-md, 2)};\n\t\t\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\t\t\tmargin-bottom: #{$sui-gutter-md + 10px};\n\t\t\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Box Logo.\n\t\t\t\t.sui-box-logo {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: -#{math.div(map-get($modal-logo, size), 2)};\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\ttransform: translateX(-50%);\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Floated button.\n\t\t\t\t.sui-button-float {\n\n\t\t\t\t\t// FLOAT: Right.\n\t\t\t\t\t&--right {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\t\tright: #{$sui-gutter - 10px};\n\t\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t\tright: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// FLOAT: Left.\n\t\t\t\t\t&--left {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\t\tleft: #{$sui-gutter - 10px};\n\t\t\t\t\t\tmargin: 0;\n\n\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t\tleft: #{$sui-gutter-md - 5px};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// ELEMENT: Floated steps.\n\t\t\t\t.sui-steps-float {\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: #{$sui-gutter - 10px};\n\t\t\t\t\tleft: 50%;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\ttransform: translateX(-50%);\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\ttop: #{$sui-gutter-md - 5px};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Flatten.\n\t\t\t\t&.sui-flatten {\n\t\t\t\t\tpadding-bottom: 0;\n\t\t\t\t\tborder-bottom-width: 0;\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-top: -#{nth($spacing, 1)};\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-bottom: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t// ELEMENT: Box Image.\n\t\t\t\t\t\t.sui-box-banner {\n\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 1)};\n\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 1)};\n\n\t\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\t\tmargin-left: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t\tmargin-right: -#{nth($spacing, 2)};\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Center Inline.\n\t\t\t\t\t&-center-inline {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-box-footer.sui-flatten {\n\t\t\t\t\tpadding-top: $sui-gutter;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t+ .sui-box-footer:not(.sui-flatten) {\n\t\t\t\t\tmargin-top: $sui-gutter;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: $sui-gutter-md;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Body.\n\t\t\t.sui-box-body {\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Right.\n\t\t\t\t\t&-center-inline {\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-top: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-bottom: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Selectors.\n\t\t\t.sui-box-selectors {\n\t\t\t\tmargin: $sui-gutter 0;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin-top: 0;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-top: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-bottom: 0;\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tmargin: $sui-gutter-md 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// ELEMENT: Box Footer.\n\t\t\t.sui-box-footer {\n\n\t\t\t\t// VAR: Flatten.\n\t\t\t\t&.sui-flatten {\n\t\t\t\t\tpadding-top: 0;\n\t\t\t\t\tborder-top-width: 0;\n\t\t\t\t}\n\n\t\t\t\t// VAR: Content alignment.\n\t\t\t\t&.sui-content {\n\n\t\t\t\t\t// ALIGN: Center.\n\t\t\t\t\t&-center {\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Right.\n\t\t\t\t\t&-right {\n\t\t\t\t\t\tjustify-content: flex-end;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ALIGN: Separated (space between).\n\t\t\t\t\t&-separated {\n\t\t\t\t\t\tjustify-content: space-between;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VAR: Spacing.\n\t\t\t\t@each $name, $spacing in $modal-spacing {\n\n\t\t\t\t\t// SPACING: Top.\n\t\t\t\t\t&.sui-spacing-top--#{$name} {\n\t\t\t\t\t\tpadding-top: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-top: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Right.\n\t\t\t\t\t&.sui-spacing-right--#{$name} {\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Bottom.\n\t\t\t\t\t&.sui-spacing-bottom--#{$name} {\n\t\t\t\t\t\tpadding-bottom: nth($spacing, 1);\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Left.\n\t\t\t\t\t&.sui-spacing-left--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SPACING: Sides.\n\t\t\t\t\t&.sui-spacing-sides--#{$name} {\n\t\t\t\t\t\tpadding-left: nth($spacing, 1);\n\t\t\t\t\t\tpadding-right: nth($spacing, 1);\n\n\t\t\t\t\t\t@if nth($spacing, 1) != nth($spacing, 2) {\n\n\t\t\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\t\t\tpadding-left: nth($spacing, 2);\n\t\t\t\t\t\t\t\tpadding-right: nth($spacing, 2);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Skip modal.\n\t\t.sui-modal-skip:not(.sui-button) {\n\t\t\twidth: auto;\n\t\t\tmax-width: 100%;\n\t\t\tcursor: pointer;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0 auto;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tbackground-color: transparent;\n\t\t\tbackground-image: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: palette(silver, medium);\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: -0.18px;\n\t\t\ttext-align: center;\n\n\t\t\t&:focus,\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tcolor: $white;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Steps.\n\t\t.sui-box-steps {\n\t\t\tdisplay: flex;\n\t\t\tflex-wrap: wrap;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tmargin: 0 -5px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\ta,\n\t\t\tspan,\n\t\t\tbutton {\n\t\t\t\toverflow: hidden;\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 5px;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tbackground-color: palette(silver, soft);\n\t\t\t\twhite-space: nowrap;\n\t\t\t\ttext-overflow: clip;\n\t\t\t\tcolor: transparent;\n\n\t\t\t\t&.sui-current {\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t}\n\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled],\n\t\t\t\t&.sui-disabled {\n\t\t\t\t\tcursor: not-allowed;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ta,\n\t\t\tbutton,\n\t\t\tspan[role=\"button\"] {\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\n\t\t\t@each $name, $size in $modal-steps {\n\n\t\t\t\t&.sui-#{$name} {\n\t\t\t\t\tpadding: math.div((30px - $size), 2) 0;\n\n\t\t\t\t\ta,\n\t\t\t\t\tspan,\n\t\t\t\t\tbutton {\n\t\t\t\t\t\twidth: $size;\n\t\t\t\t\t\theight: $size;\n\t\t\t\t\t\tborder-radius: #{$size * 2};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t@each $name, $size in $modal-size {\n\n\t\t\t&.sui-modal-#{$name} {\n\n\t\t\t\t.sui-modal-content {\n\t\t\t\t\tmax-width: #{$size + ($sui-gutter * 2)};\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tmax-width: #{$size + ($sui-gutter-md * 2)};\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// STATE: Hidden.\n\t\t&.sui-active {\n\t\t\tdisplay: flex;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\twidth: 100%;\n\t\t\tleft: 0;\n\t\t\tpadding: $sui-gutter-md 0;\n\t\t}\n\t}\n\n\t// VAR: Folded sidebar.\n\t&.wp-admin.folded {\n\n\t\t.sui-modal {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\twidth: calc(100% - #{map-get($wordpress, adminmenu-sm)});\n\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t}\n\t\t}\n\t}\n\n\t&.wp-admin {\n\n\t\t&.auto-fold {\n\n\t\t\t.sui-modal {\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\twidth: calc(100% - #{map-get($wordpress, adminmenu-sm)});\n\t\t\t\t\tleft: map-get($wordpress, adminmenu-sm);\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tleft: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(true, true) {\n\n\t.sui-modal {\n\t\tright: map-get($wordpress, adminmenu);\n\t\tleft: auto;\n\n\t\t.sui-modal-overlay {\n\t\t\tright: map-get($wordpress, adminmenu);\n\t\t\tleft: auto;\n\t\t}\n\t}\n\n\t// VAR: Folded sidebar.\n\t&.wp-admin.folded {\n\n\t\t.sui-modal {\n\n\t\t\t.sui-modal-overlay {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\tleft: auto;\n\t\t\t}\n\t\t}\n\t}\n\n\t&.wp-admin {\n\n\t\t&.auto-fold {\n\n\t\t\t.sui-modal {\n\n\t\t\t\t.sui-modal-overlay {\n\n\t\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t}\n\n\t\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 960px) {\n\t\t\t\t\tright: map-get($wordpress, adminmenu-sm);\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\n\t\t\t\t@media only screen and (max-width: 782px) {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\nhtml.sui-has-modal,\nhtml.sui-has-overlay {\n\toverflow: hidden;\n}\n","@include body-class(true) {\n\t.sui-listing {\n\t\tli {\n\t\t\tcolor: palette(gray, light);\n\t\t\tline-height: 26px;\n\t\t\tpadding: 2px 0 2px 34px;\n\t\t\tposition: relative;\n\n\t\t\t@include icon('before', check-tick);\n\t\t\t&:before {\n\t\t\t\tcolor: #17A8E3;\n\t\t\t\ttop: 1px;\n\t\t\t\tfont-size: 20px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\tposition: absolute;\n\t\t\t\tleft: 0;\n\t\t\t\twidth: 20px;\n\t\t\t\theight: 20px;\n\t\t\t\topacity: 0.8;\n\t\t\t\tspeak: none;\n\t\t\t\tfont-style: normal;\n\t\t\t\tfont-weight: normal;\n\t\t\t\tfont-variant: normal;\n\t\t\t\ttext-transform: none;\n\t\t\t\tline-height: 1;\n\t\t\t}\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t// ELEMENT: List of pages\n\t.sui-pagination {\n\t\toverflow: hidden;\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin: 0;\n\t\tpadding: 0;\n\t\tborder: 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: $white;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli {\n\t\t\tdisplay: block;\n\t\t\tflex: 0 0 40px;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttext-align: center;\n\n\t\t\ta {\n\t\t\t\tmin-width: 40px;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 6px 5px;\n\t\t\t\tborder: 0;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\theight: 16px;\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\ttext-decoration: none;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:visited {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t}\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: palette(blue, light);\n\t\t\t\t\tcolor: palette(blue, default);\n\t\t\t\t}\n\n\t\t\t\t&:disabled,\n\t\t\t\t&[disabled] {\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tcolor: palette(gray, lighter);\n\n\t\t\t\t\t&.sui-active {\n\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&.sui-active {\n\t\t\t\t\tbackground-color: palette(silver, light);\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, sm) {\n\t\t\t\t\tmin-width: auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:first-child {\n\n\t\t\t\ta {\n\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\tborder-bottom-left-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(:last-child) {\n\t\t\t\tborder-right: 1px solid palette(silver, soft);\n\t\t\t}\n\n\t\t\t&:last-child {\n\n\t\t\t\ta {\n\t\t\t\t\tborder-top-right-radius: $border-radius;\n\t\t\t\t\tborder-bottom-right-radius: $border-radius;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tflex: 0 1 100%;\n\t\t\t}\n\t\t}\n\t}\n\n\t// ELEMENT: Results\n\t.sui-pagination-results {\n\t\tdisplay: inline-block;\n\t\tcolor: $pagination-results;\n\t\tfont: 400 13px/22px $font;\n\t\tletter-spacing: $font--letter-spacing;\n\t}\n\n\t// ELEMENT: Filtering form\n\t.sui-pagination-filter {\n\t\tdisplay: none;\n\t\tmargin: math.div($sui-gutter-md, 2) 0;\n\t\tborder: 1px solid palette(silver, soft);\n\t\tborder-radius: $border-radius;\n\n\t\t.sui-filter-footer {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\t\t\tborder-top: 1px solid palette(silver, soft);\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-right: -#{$sui-gutter-md - 1px};\n\t\t\t\tmargin-bottom: -#{$sui-gutter-md - 1px};\n\t\t\t\tmargin-left: -#{$sui-gutter-md - 1px};\n\t\t\t\tpadding: $sui-gutter-md #{$sui-gutter-md - 1px};\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-right: -#{$sui-gutter - 1px};\n\t\t\t\tmargin-bottom: -#{$sui-gutter - 1px};\n\t\t\t\tmargin-left: -#{$sui-gutter - 1px};\n\t\t\t\tpadding: $sui-gutter #{$sui-gutter - 1px};\n\t\t\t}\n\t\t}\n\n\t\t&.sui-open {\n\t\t\tdisplay: block;\n\t\t}\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tpadding: #{$sui-gutter-md - 1px};\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: #{$sui-gutter - 1px};\n\t\t}\n\t}\n\n\t// ELEMENT: Filtering tags\n\t.sui-pagination-active-filters {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin: -5px;\n\n\t\t.sui-active-filter {\n\t\t\tdisplay: inline-flex;\n\t\t\tmargin: 5px;\n\t\t\tpadding: 5px 10px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: palette(gray, default);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t.sui-active-filter-remove {\n\t\t\t\twidth: 26px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tmargin-top: -5px;\n\t\t\t\tmargin-right: -10px;\n\t\t\t\tmargin-bottom: -5px;\n\t\t\t\tmargin-left: 10px;\n\t\t\t\tborder-width: 0;\n\t\t\t\tborder-style: none;\n\t\t\t\tborder-color: transparent;\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\tbackground-color: #5E5E5E;\n\t\t\t\tcolor: $white;\n\t\t\t\tfont-size: 12px;\n\n\t\t\t\t@include icon(before, close) {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// BLOCK: Pagination\n\t.sui-pagination-wrap {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: center;\n\t\tjustify-content: flex-end;\n\t\tmargin-top: -1px;\n\t\tmargin-bottom: -1px;\n\n\t\t// ELEMENT: List of pages\n\t\t.sui-pagination {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-top: 1px;\n\t\t\tmargin-bottom: 1px;\n\n\t\t\t+ button,\n\t\t\t+ .sui-pagination-results {\n\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tflex: 0 0 100%;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Results\n\t\t.sui-pagination-results {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-top: 1px;\n\t\t\tmargin-bottom: 1px;\n\n\t\t\t+ button,\n\t\t\t+ .sui-pagination {\n\t\t\t\tmargin-left: math.div($sui-gutter, 2);\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tmargin-left: 0;\n\t\t\t}\n\t\t}\n\n\t\tbutton {\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin-top: 1px;\n\t\t\tmargin-bottom: 1px;\n\t\t}\n\t}\n\n\t// BLOCK: Filters\n\t.sui-pagination-filters-list {\n\t\tdisplay: block;\n\n\t\t&:first-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-top: 0;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(max-width, md) {\n\t\t\tmargin: $sui-gutter-md 0;\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin: $sui-gutter 0;\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n// ELEMENT: Select.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\tselect.sui-select {\n\t\t+ .sui-select {\n\t\t\tmin-width: 100%;\n\t\t\tmax-width: 100%;\n\t\t\tdisplay: block;\n\t\t\ttext-align: left;\n\n\t\t\t// STATE: Default.\n\t\t\t.selection {\n\t\t\t\tdisplay: block;\n\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\theight: auto;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: #fafafa;\n\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tmin-width: 10px;\n\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\tpadding: 8px 5px 8px 14px;\n\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\t\t\tletter-spacing: -0.2px;\n\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\twidth: 38px;\n\t\t\t\t\t\t\theight: 38px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tcolor: $grey;\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tmargin: 0 auto;\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\talign-items: flex-start;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 3px 9px;\n\t\t\t\t\t\tborder: 1px solid $overcast;\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: $cloud;\n\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tmin-width: 1px;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\tmax-width: 200px;\n\t\t\t\t\t\t\t\t// overflow: hidden;\n\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\tmargin: 2px;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\t\t\tbackground-color: $ironmike;\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\tfont: 500 12px/16px $font;\n\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t\t\t\t.select2-selection__choice__display {\n\t\t\t\t\t\t\t\t\tmin-width: 1px;\n\t\t\t\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t\tpadding: 5px 10px;\n\t\t\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\t\t\t\t\twhite-space: nowrap;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Search input.\n\t\t\t\t\t\t.select2-search {\n\t\t\t\t\t\t\t&.select2-search--inline {\n\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\tmargin: 5px;\n\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\t\t\t\t.select2-search__field {\n\t\t\t\t\t\t\t\t\twidth: 100% !important;\n\t\t\t\t\t\t\t\t\theight: 22px;\n\t\t\t\t\t\t\t\t\tresize: none;\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-ms-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not(.sui-select-theme--search) .selection {\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\t\t\twidth: 26px;\n\t\t\t\t\t\t\t\t\theight: 26px;\n\t\t\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: column nowrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t\t\t\tbackground-color: #5e5e5e;\n\t\t\t\t\t\t\t\t\tcolor: $overcast;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\tpadding-left: 46px;\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row wrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: -32px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Color.\n\t\t\t&.sui-select-theme--color {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\tpadding-left: 45px;\n\n\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 5px;\n\t\t\t\t\t\t\t\t\tborder-width: 1px;\n\t\t\t\t\t\t\t\t\tborder-style: solid;\n\t\t\t\t\t\t\t\t\tborder-radius: math.div($border-radius, 2);\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: -31px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t@include icon(before, magnifying-glass-search, true) {\n\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\tleft: 9px;\n\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tpadding-left: 40px;\n\n\t\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\t\tmin-width: 1px;\n\t\t\t\t\t\t\t\t\tmax-width: none;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\t\t\tborder-radius: 0;\n\t\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.has-option-selected {\n\t\t\t\t\t\t\t\t\twidth: 100%;\n\n\t\t\t\t\t\t\t\t\t+ .select2-search {\n\t\t\t\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATE: Hover\n\t\t\t\t&:hover {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\tbackground: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATE: Focus\n\t\t\t\t&.select2-container--focus {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\tborder-color: $blue;\n\t\t\t\t\t\t\tbackground: $white;\n\t\t\t\t\t\t\tbox-shadow: 0 0 0 2px $blue-ghost;\n\n\t\t\t\t\t\t\t.select2-search {\n\t\t\t\t\t\t\t\ttextarea {\n\t\t\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.select2-container--open {\n\t\t\t\t\t\t&.sui-select-dropdown-container--above {\n\t\t\t\t\t\t\t.selection {\n\t\t\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t\t\tborder-top-color: $overcast;\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.sui-select-dropdown-container--below {\n\t\t\t\t\t\t\t.selection {\n\t\t\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: $overcast;\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Focus.\n\t\t\t&.select2-container--focus {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Dropdown open.\n\t\t\t&.select2-container--open {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Disabled.\n\t\t\t&.select2-container--disabled {\n\t\t\t\t.selection {\n\t\t\t\t\tcursor: not-allowed;\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\tpointer-events: none;\n\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Small height.\n\t\t&.sui-select-sm {\n\t\t\t+ .sui-select {\n\t\t\t\t// STATE: Default.\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tpadding: 6px 6px 6px 12px;\n\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\twidth: 28px;\n\t\t\t\t\t\t\t\theight: 28px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// DESIGN: Icon.\n\t\t\t\t&.sui-select-theme--icon {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tpadding-left: 36px;\n\n\t\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\t\tleft: 5px;\n\n\t\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: -24px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// DESIGN: Color.\n\t\t\t\t&.sui-select-theme--color {\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tpadding-left: 40px;\n\n\t\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\t\tmargin-left: -28px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SIZE: Auto width.\n\t\t&[data-width] {\n\t\t\t+ .sui-select {\n\t\t\t\tmin-width: auto;\n\t\t\t}\n\t\t}\n\n\t\t// DESIGN: Inline select.\n\t\t&.sui-select-inline {\n\t\t\t+ .sui-select {\n\t\t\t\tmin-width: 1px;\n\t\t\t\tdisplay: inline-block;\n\t\t\t\tmargin-right: 10px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATE: Error.\n\t.sui-form-field {\n\t\t&.sui-form-field-error {\n\t\t\tselect.sui-select {\n\t\t\t\t+ .sui-select {\n\t\t\t\t\t// STATE: Default.\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\tborder-bottom-color: $red;\n\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $red;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: $red;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $red;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: true\n@include body-class(true, true) {\n\tselect.sui-select {\n\t\t+ .sui-select {\n\t\t\tdirection: rtl;\n\t\t\ttext-align: right;\n\n\t\t\t.selection {\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tpadding-right: 14px;\n\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tpadding-left: 5px;\n\t\t\t\t\t\t\t\tpadding-right: 46px;\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\t\tmargin-left: auto;\n\t\t\t\t\t\t\t\t\tmargin-right: -32px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// $sui-wrap: true | $rtl: false | $monochrome: true\n@include body-class(true, false, true) {\n\tselect.sui-select {\n\t\t+ .sui-select {\n\t\t\t// STATE: Default.\n\t\t\t.selection {\n\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\tborder-color: $black;\n\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t.select2-selection__placeholder {\n\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t// Options.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\tborder-color: $black;\n\t\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t\t.select2-search {\n\t\t\t\t\t\t\t\tinput {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-moz-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&:-ms-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\tbackground-color: $black;\n\n\t\t\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t.select2-selection__choice {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t\t\t.sui-button-icon {\n\t\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATE: Disabled.\n\t\t\t&.select2-container--disabled {\n\t\t\t\t.selection {\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\tborder-color: $grey;\n\t\t\t\t\t\t\tbackground-color: $white;\n\n\t\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\tborder-color: $grey;\n\t\t\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATE: Error.\n\t.sui-form-field {\n\t\t&.sui-form-field-error {\n\t\t\tselect.sui-select {\n\t\t\t\t+ .sui-select {\n\t\t\t\t\t// STATE: Default.\n\t\t\t\t\t.selection {\n\t\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\t\t// TYPE: Single Select.\n\t\t\t\t\t\t\t&.select2-selection--single {\n\t\t\t\t\t\t\t\tborder-bottom-color: $black;\n\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $black;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// TYPE: Multi Select.\n\t\t\t\t\t\t\t&.select2-selection--multiple {\n\t\t\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\t\t\tborder-bottom-color: $black;\n\t\t\t\t\t\t\t\t\tbox-shadow: 0 1px 0 0 $black;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// ELEMENT: Dropdown.\n// $sui-wrap: false | $rtl: false\n@include body-class(false, false) {\n\t.sui-select {\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tdisplay: block;\n\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tfont-variant-ligatures: none;\n\t\t\t\t-webkit-font-variant-ligatures: none;\n\t\t\t\ttext-rendering: optimizeLegibility;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\tfont-smoothing: antialiased;\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\ttext-shadow: rgba(0, 0, 0, 0.01) 0 0 1px;\n\t\t\t}\n\n\t\t\t.sui-select-dropdown {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 10px 0;\n\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\tborder-radius: $border-radius;\n\t\t\t\tbackground-color: $white;\n\t\t\t\tbox-shadow: 0 3px 7px 0 rgba(0, 0, 0, 0.07);\n\n\t\t\t\t// Search input.\n\t\t\t\t.select2-search {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 4px 0 14px;\n\t\t\t\t\tpadding: 0 14px;\n\n\t\t\t\t\tinput {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 9px 14px;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\tfont: 500 15px/20px $font;\n\t\t\t\t\t\tletter-spacing: -0.2px;\n\n\t\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:-moz-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&::-moz-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:-ms-input-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&::-webkit-input-placeholder {\n\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tborder-color: palette(gray, lighter);\n\t\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.select2-search--hide {\n\t\t\t\t\t\tdisplay: none !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Dropdown list.\n\t\t\t\t.select2-results {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\tmax-height: 200px;\n\t\t\t\t\t\toverflow-y: auto;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t\tpadding-inline-start: 0;\n\n\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0 14px;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\tfont: 500 15px/35px $font;\n\t\t\t\t\t\t\tletter-spacing: -0.2px;\n\t\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t\t&.select2-results__message {\n\t\t\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\t\t\tmargin: 0 15px;\n\t\t\t\t\t\t\t\tpadding: 15px 20px;\n\t\t\t\t\t\t\t\tpadding-left: 46px;\n\t\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\tfont: 400 13px/22px $font;\n\t\t\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t\t\t\t@include icon(before, profile-male, true) {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\tcolor: $grey;\n\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t.select2-results__group {\n\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&:not(.select2-results__option--selected) {\n\t\t\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\t\t\tbackground-color: $haze;\n\t\t\t\t\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.select2-results__option--selected {\n\t\t\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\t\t\tcolor: $white;\n\n\t\t\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\t\t\tbackground-color: $grey;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// SIZE: Small.\n\t\t\t\t&.sui-select-dropdown-sm {\n\t\t\t\t\tpadding: 15px 0;\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\tmax-height: 208px;\n\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 46px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// SIZE: Small.\n\t\t\t\t\t&.sui-select-dropdown-sm {\n\t\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\t\theight: 28px;\n\t\t\t\t\t\t\t\t\t\tleft: 5px;\n\n\t\t\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\t\tpadding-left: 36px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with color.\n\t\t\t&.sui-select-theme--color {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\twidth: 20px;\n\t\t\t\t\t\t\t\t\theight: 20px;\n\t\t\t\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t\t\t\t\tborder-width: 1px;\n\t\t\t\t\t\t\t\t\tborder-style: solid;\n\t\t\t\t\t\t\t\t\tborder-radius: math.div($border-radius, 2);\n\t\t\t\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 40px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with variables.\n\t\t\t&.sui-select-theme--vars {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\twidth: 240px !important;\n\t\t\t\t\tmargin-left: -200px;\n\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\t\t\tflex-flow: row nowrap;\n\t\t\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t\t\t\t\t.sui-variable-name {\n\t\t\t\t\t\t\t\t\t\tmin-width: 100px;\n\t\t\t\t\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t\t.sui-variable-value {\n\t\t\t\t\t\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\t\t\t\t\t\tcolor: $fiftyshades;\n\t\t\t\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&--group[role=\"group\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\t\t\t\t\tpadding-right: 0;\n\n\t\t\t\t\t\t\t\t\t.select2-results__group {\n\t\t\t\t\t\t\t\t\t\tcursor: initial;\n\t\t\t\t\t\t\t\t\t\tpadding-left: 14px;\n\t\t\t\t\t\t\t\t\t\tpadding-right: 14px;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Smart Search.\n\t\t\t&.sui-select-theme--search {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\tborder-color: $blue;\n\n\t\t\t\t\t&.sui-select-dropdown--above {\n\t\t\t\t\t\tborder-bottom-style: none;\n\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\tbox-shadow: 0 -2px 0 2px $blue-ghost;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.sui-select-dropdown--below {\n\t\t\t\t\t\tborder-top-style: none;\n\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\tbox-shadow: 0 2px 0 2px $blue-ghost;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// $sui-wrap: false | $rtl: true\n@include body-class(false, true) {\n\t.sui-select {\n\t\t&.sui-select-dropdown-container--open {\n\t\t\tdirection: rtl;\n\n\t\t\t.sui-select-dropdown {\n\t\t\t\t// Search input.\n\t\t\t\t.select2-search {\n\t\t\t\t\tinput {\n\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// Dropdown list.\n\t\t\t\t.select2-results {\n\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\ttext-align: right;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with icon.\n\t\t\t&.sui-select-theme--icon {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-left: 14px;\n\t\t\t\t\t\t\t\t\tpadding-right: 46px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Select with color.\n\t\t\t&.sui-select-theme--color {\n\t\t\t\t.sui-select-dropdown {\n\t\t\t\t\t// Dropdown list.\n\t\t\t\t\t.select2-results {\n\t\t\t\t\t\t.select2-results__options {\n\t\t\t\t\t\t\t.select2-results__option {\n\t\t\t\t\t\t\t\t.sui-color {\n\t\t\t\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\t\t\t\tleft: auto;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&[role=\"option\"] {\n\t\t\t\t\t\t\t\t\tpadding-right: 40px;\n\t\t\t\t\t\t\t\t\tpadding-left: 14px;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class {\n\n\t// Single Datepicker.\n\t#ui-datepicker-div {\n\n\t\t&.sui-calendar {\n\t\t\tmargin: 0;\n\t\t\tpadding: $calendar-padding;\n\t\t\tborder-width: $calendar-border--width;\n\t\t\tborder-style: $calendar-border--style;\n\t\t\tborder-color: $calendar-border--color;\n\t\t\tborder-radius: $calendar-border--radius;\n\t\t\tbackground-color: $calendar-background;\n\t\t\tbox-shadow: $calendar-shadow;\n\n\t\t\t* {\n\t\t\t\tbox-sizing: border-box;\n\t\t\t\tfont-variant-ligatures: none;\n\t\t\t\t-webkit-font-variant-ligatures: none;\n\t\t\t\ttext-rendering: optimizeLegibility;\n\t\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\t\tfont-smoothing: antialiased;\n\t\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t\t\t}\n\n\t\t\t.ui-datepicker-header {\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: relative;\n\n\t\t\t\t.ui-corner-all {\n\t\t\t\t\twidth: $calendar-cell;\n\t\t\t\t\theight: $calendar-cell;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-direction: column;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 0;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\n\t\t\t\t\tspan {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.ui-datepicker-prev {\n\t\t\t\t\t\t@include icon(before, chevron-left, true);\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t&.ui-datepicker-next {\n\t\t\t\t\t\t@include icon(before, chevron-right, true);\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// STATE: Disabled.\n\t\t\t\t\t&.ui-state-disabled {\n\t\t\t\t\t\topacity: 0.5;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.ui-datepicker-title {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tpadding: 0 40px;\n\t\t\t\t\tcolor: $month-color;\n\t\t\t\t\tfont-size: $month-size;\n\t\t\t\t\tline-height: $month-height;\n\t\t\t\t\tfont-family: $month-family;\n\t\t\t\t\tfont-weight: $month-weight;\n\t\t\t\t\tletter-spacing: $month-spacing;\n\t\t\t\t\ttext-align: $month-align;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.ui-datepicker-calendar {\n\t\t\t\tmargin: 5px 0 0;\n\t\t\t\tborder-collapse: collapse;\n\n\t\t\t\tthead tr,\n\t\t\t\ttbody tr {\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\ta, span {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\t\ttext-decoration: none;\n\t\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthead tr {\n\n\t\t\t\t\tth {\n\t\t\t\t\t\theight: calc(#{$calendar-padding} + 5px);\n\t\t\t\t\t\tpadding-bottom: 5px;\n\t\t\t\t\t\tcolor: $month-color;\n\t\t\t\t\t\tfont-size: $month-size;\n\t\t\t\t\t\tline-height: $month-height;\n\t\t\t\t\t\tfont-family: $month-family;\n\t\t\t\t\t\tfont-weight: $month-weight;\n\t\t\t\t\t\tletter-spacing: $month-spacing;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttbody tr {\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tcolor: $day-default--color;\n\n\t\t\t\t\t\t&, a, span {\n\t\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\t\tfont-size: $day-size;\n\t\t\t\t\t\t\tline-height: $day-height;\n\t\t\t\t\t\t\tfont-family: $day-family;\n\t\t\t\t\t\t\tfont-weight: $day-weight;\n\t\t\t\t\t\t\tletter-spacing: $day-spacing;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// OPTION: Default.\n\t\t\t\t\t\ta.ui-state-default {\n\t\t\t\t\t\t\tbackground-color: $day-default--background;\n\t\t\t\t\t\t\tcolor: $day-default--color;\n\t\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t\t&.ui-state-hover {\n\t\t\t\t\t\t\t\tbackground-color: $day-hover--background;\n\t\t\t\t\t\t\t\tcolor: $day-hover--color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\tbackground-color: $day-active--background;\n\t\t\t\t\t\t\t\tcolor: $day-active--color;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// OPTION: Today.\n\t\t\t\t\t\t&.ui-datepicker-today {\n\n\t\t\t\t\t\t\ta.ui-state-default {\n\t\t\t\t\t\t\t\tbackground-color: $day-today--background;\n\t\t\t\t\t\t\t\tcolor: $day-today--color;\n\n\t\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\t\tbackground-color: $day-active--background;\n\t\t\t\t\t\t\t\t\tcolor: $day-active--color;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// OPTION: Disabled.\n\t\t\t\t\t\t&.ui-state-disabled {\n\t\t\t\t\t\t\tbackground-color: $day-inactive--background;\n\t\t\t\t\t\t\tcolor: $day-inactive--color;\n\n\t\t\t\t\t\t\ta, span {\n\t\t\t\t\t\t\t\tbackground-color: $day-inactive--background;\n\t\t\t\t\t\t\t\tcolor: $day-inactive--color;\n\t\t\t\t\t\t\t\ttext-decoration: line-through;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\t&.sui-elements-accessible {\n\t\t#ui-datepicker-div {\n\t\t\t&.sui-calendar {\n\t\t\t\t.ui-datepicker-calendar {\n\t\t\t\t\ttbody tr {\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t// OPTION: Default.\n\t\t\t\t\t\t\ta.ui-state-default {\n\n\t\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// OPTION: Today.\n\t\t\t\t\t\t\t&.ui-datepicker-today {\n\n\t\t\t\t\t\t\t\ta.ui-state-default {\n\t\t\t\t\t\t\t\t\tbackground-color: $overcast;\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t\t\t\t&.ui-state-active {\n\t\t\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class {\n\n\t// Range Datepicker.\n\t.daterangepicker {\n\t\twidth: auto;\n\t\tmax-width: 100%;\n\t\tdirection: ltr;\n\t\tdisplay: none;\n\t\tposition: absolute;\n\t\tmargin: 0;\n\t\tpadding: $calendar-padding;\n\t\tborder-width: $calendar-border--width;\n\t\tborder-style: $calendar-border--style;\n\t\tborder-color: $calendar-border--color;\n\t\tborder-radius: $calendar-border--radius;\n\t\tbackground-color: $calendar-background;\n\t\tbox-shadow: $calendar-shadow;\n\t\ttext-align: left;\n\n\t\t* {\n\t\t\tbox-sizing: border-box;\n\t\t\tfont-variant-ligatures: none;\n\t\t\t-webkit-font-variant-ligatures: none;\n\t\t\ttext-rendering: optimizeLegibility;\n\t\t\t-moz-osx-font-smoothing: grayscale;\n\t\t\tfont-smoothing: antialiased;\n\t\t\t-webkit-font-smoothing: antialiased;\n\t\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t\t}\n\n\t\t.ranges {\n\t\t\tdisplay: none;\n\t\t}\n\n\t\t.drp-calendar {\n\t\t\tdisplay: block;\n\n\t\t\t&.left {\n\t\t\t\t@include media(min-width, sm) {\n\t\t\t\t\tfloat: left;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.right {\n\t\t\t\t@include media(min-width, sm) {\n\t\t\t\t\tfloat: right;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.table-condensed {\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-spacing: 0;\n\t\t\t\tborder-collapse: collapse;\n\n\t\t\t\tthead tr,\n\t\t\t\ttbody tr {\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\twidth: $calendar-cell;\n\t\t\t\t\t\theight: $calendar-cell;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tthead tr {\n\n\t\t\t\t\tth {\n\t\t\t\t\t\theight: calc(#{$calendar-padding} + 5px);\n\t\t\t\t\t\tpadding-bottom: 5px;\n\t\t\t\t\t\tcolor: $month-color;\n\t\t\t\t\t\tfont-size: $month-size;\n\t\t\t\t\t\tline-height: $month-height;\n\t\t\t\t\t\tfont-family: $month-family;\n\t\t\t\t\t\tfont-weight: $month-weight;\n\t\t\t\t\t\tletter-spacing: $month-spacing;\n\t\t\t\t\t}\n\n\t\t\t\t\tth.prev,\n\t\t\t\t\tth.next {\n\n\t\t\t\t\t\tspan {\n\t\t\t\t\t\t\twidth: $calendar-cell;\n\t\t\t\t\t\t\theight: $calendar-cell;\n\t\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@include icon(before, '', true) {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:not(.available) {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tth.prev span {\n\t\t\t\t\t\t@include icon(before, chevron-left, false);\n\t\t\t\t\t}\n\n\t\t\t\t\tth.next span {\n\t\t\t\t\t\t@include icon(before, chevron-right, false);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\ttbody tr {\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: $day-default--background;\n\t\t\t\t\t\tcolor: $day-default--color;\n\t\t\t\t\t\tfont-size: $day-size;\n\t\t\t\t\t\tline-height: $day-height;\n\t\t\t\t\t\tfont-family: $day-family;\n\t\t\t\t\t\tfont-weight: $day-weight;\n\t\t\t\t\t\tletter-spacing: $day-spacing;\n\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t// STATE: Hover.\n\t\t\t\t\t\t&:hover {\n\t\t\t\t\t\t\tbackground-color: $day-hover--background;\n\t\t\t\t\t\t\tcolor: $day-hover--color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// STATE: Available.\n\t\t\t\t\t\t&.available:not(.off) {\n\t\t\t\t\t\t\tcursor: pointer;\n\n\t\t\t\t\t\t\t&.today {\n\t\t\t\t\t\t\t\tbackground-color: $day-today--background;\n\t\t\t\t\t\t\t\tcolor: $day-today--color;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.start-date,\n\t\t\t\t\t\t\t&.end-date {\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.in-range:not(.end-date) {\n\t\t\t\t\t\t\t\tcolor: $day-active--color;\n\t\t\t\t\t\t\t\tbackground-color: $day-active--background;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.start-date:not(.end-date) {\n\t\t\t\t\t\t\t\tborder-top-right-radius: 0;\n\t\t\t\t\t\t\t\tborder-bottom-right-radius: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.end-date:not(.start-date) {\n\t\t\t\t\t\t\t\tborder-top-left-radius: 0;\n\t\t\t\t\t\t\t\tborder-bottom-left-radius: 0;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.in-range:not(.start-date):not(.end-date) {\n\t\t\t\t\t\t\t\tborder-radius: 0;\n\n\t\t\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\t\t\tborder-top-left-radius: $border-radius;\n\t\t\t\t\t\t\t\t\tborder-bottom-left-radius: $border-radius;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\t\t\tborder-top-right-radius: $border-radius;\n\t\t\t\t\t\t\t\t\tborder-bottom-right-radius: $border-radius;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// STATE: Disabled.\n\t\t\t\t\t\t&.off,\n\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t\tbackground-color: $day-inactive--background;\n\t\t\t\t\t\t\tcolor: $day-inactive--color;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.disabled {\n\t\t\t\t\t\t\ttext-decoration: line-through;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t+ .drp-calendar {\n\t\t\t\t@include media(min-width, sm) {\n\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\tpadding-left: 10px;\n\t\t\t\t\tborder-left: 1px solid palette(silver, soft);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@include media(max-width, sm) {\n\t\t\t\tmargin-top: 15px;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Show ranges.\n\t\t&.show-ranges {\n\t\t\tpadding-top: $sui-gutter-md;\n\n\t\t\t.ranges {\n\t\t\t\tdisplay: block;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 auto;\n\t\t\t\tmax-width: calc((#{$calendar-cell} * 14) + 20px);\n\n\t\t\t\tul {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\t&, li {\n\t\t\t\t\t\tlist-style: none;\n\t\t\t\t\t}\n\n\t\t\t\t\tli {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 3px 5px;\n\t\t\t\t\t\tpadding: 3px 10px;\n\t\t\t\t\t\tborder: 0;\n\t\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\t\tfont: bold 10px/12px $font;\n\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\tbackground-color: palette(blue, light);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(max-width, sm) {\n\t\t\t\t\tmax-width: calc(#{$calendar-cell} * 7);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Auto-apply.\n\t\t// When this option is enabled, selected option(s) by user will be applied\n\t\t// immediately after click making no sense to show apply buttons.\n\t\t&.auto-apply {\n\n\t\t\t.drp-buttons {\n\t\t\t\tdisplay: none;\n\t\t\t\tvisibility: hidden;\n\t\t\t\tpointer-events: none;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\t&.sui-elements-accessible {\n\t\t// Range Datepicker.\n\t\t.daterangepicker {\n\t\t\t.drp-calendar {\n\n\t\t\t\t.table-condensed {\n\n\t\t\t\t\ttbody tr {\n\n\t\t\t\t\t\ttd {\n\t\t\t\t\t\t\t// STATE: Available.\n\t\t\t\t\t\t\t&.available:not(.off) {\n\n\t\t\t\t\t\t\t\t&.today {\n\t\t\t\t\t\t\t\t\tbackground-color: $overcast;\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.start-date,\n\t\t\t\t\t\t\t\t&.end-date {\n\t\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t\t&.in-range:not(.end-date) {\n\t\t\t\t\t\t\t\t\tcolor: $black;\n\t\t\t\t\t\t\t\t\tbackground-color: $haze;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// VARIATION: Show ranges.\n\t\t\t&.show-ranges {\n\t\t\t\t.ranges {\n\t\t\t\t\tul {\n\t\t\t\t\t\tli {\n\t\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t\t&:focus {\n\t\t\t\t\t\t\t\tbackground-color: $overcast;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.active {\n\t\t\t\t\t\t\t\tbackground-color: $nightrider;\n\t\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","$positions: (\n\ttop,\n\tright,\n\tbottom,\n\tleft\n) !default;\n\n@include body-class(true) {\n\n\t.sui-hidden {\n\t\tdisplay: none;\n\t}\n\n\t.sui-hidden-important {\n\t\tdisplay: none !important;\n\t}\n\n\t.sui-block-content-center {\n\t\ttext-align: center;\n\t}\n\n\t.sui-image {\n\t\tdisplay: block;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t}\n\n\t.sui-image-center {\n\t\tmargin-right: auto;\n\t\tmargin-left: auto;\n\t}\n\n\t.sui-actions-left {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-left: 10px;\n\t\tmargin-right: auto;\n\t}\n\n\t.sui-actions-right {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tmargin-left: auto;\n\t\tmargin-right: 0;\n\t}\n\n\t// Flex alignment\n\t.sui-space-between {\n\t\tjustify-content: space-between;\n\t}\n\t.sui-align-start {\n\t\tjustify-content: flex-start;\n\t}\n\t.sui-align-end {\n\t\tjustify-content: flex-end;\n\t}\n\n\t.sui-success {\n\t\tcolor: $success;\n\t}\n\n\t.sui-warning {\n\t\tcolor: $warning;\n\t}\n\n\t.sui-error {\n\t\tcolor: $error;\n\t}\n\n\t.sui-info {\n\t\tcolor: $info;\n\t}\n\n\t.sui-no-margin {\n\t\tmargin: 0 !important;\n\t}\n\n\t.sui-no-margin-top {\n\t\tmargin-top: 0 !important;\n\t}\n\n\t.sui-no-margin-bottom {\n\t\tmargin-bottom: 0 !important;\n\t}\n\n\t.sui-no-margin-left {\n\t\tmargin-left: 0 !important;\n\t}\n\n\t.sui-no-margin-right {\n\t\tmargin-right: 0 !important;\n\t}\n\n\t.sui-no-padding {\n\t\tpadding: 0 !important;\n\t}\n\n\t.sui-no-padding-top {\n\t\tpadding-top: 0 !important;\n\t}\n\n\t.sui-no-padding-bottom {\n\t\tpadding-bottom: 0 !important;\n\t}\n\n\t.sui-no-padding-left {\n\t\tpadding-left: 0 !important;\n\t}\n\n\t.sui-no-padding-right {\n\t\tpadding-right: 0 !important;\n\t}\n\n\t.sui-margin {\n\t\tmargin: $default-margin !important;\n\t}\n\n\t.sui-margin-top {\n\t\tmargin-top: $default-margin !important;\n\t}\n\n\t.sui-margin-bottom {\n\t\tmargin-bottom: $default-margin !important;\n\t}\n\n\t.sui-margin-left {\n\t\tmargin-left: $default-margin !important;\n\t}\n\n\t.sui-margin-right {\n\t\tmargin-right: $default-margin !important;\n\t}\n\n\t.sui-padding {\n\t\tpadding: $sui-gutter-md;\n\n\t\t@include media(min-width, md) {\n\t\t\tpadding: $sui-gutter;\n\t\t}\n\n\t\t&--hidden {\n\t\t\tpadding: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: 0;\n\t\t\t}\n\t\t}\n\n\t\t&__desktop {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding: $sui-gutter;\n\t\t\t}\n\n\t\t\t&--hidden {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&__mobile {\n\n\t\t\t@include media(max-width, md) {\n\t\t\t\tpadding: $sui-gutter-md;\n\t\t\t}\n\n\t\t\t&--hidden {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t@each $position in $positions {\n\n\t\t.sui-padding-#{$position} {\n\t\t\tpadding-#{$position}: $sui-gutter-md;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tpadding-#{$position}: $sui-gutter;\n\t\t\t}\n\n\t\t\t&--hidden {\n\t\t\t\tpadding-#{$position}: 0;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__desktop {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tpadding-#{$position}: $sui-gutter;\n\t\t\t\t}\n\n\t\t\t\t&--hidden {\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__mobile {\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tpadding-#{$position}: $sui-gutter-md;\n\t\t\t\t}\n\n\t\t\t\t&--hidden {\n\n\t\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\t\tpadding-#{$position}: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n// Loop through breakpoints & generate hidden utility classes.\n@for $i from 1 through length($sui-breakpoints) {\n\t$size: nth(nth($sui-breakpoints, $i), 1);\n\t$screen-width-min: nth(nth($sui-breakpoints, $i), 2);\n\n\t// If lowest breakpoint in map.\n\t@if ($i == 1) {\n\t\t$screen-width-max: nth(nth($sui-breakpoints, ($i + 1)), 2) - 1px;\n\t\t@media (max-width: $screen-width-max) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// If highest breakpoint in map.\n\t@else if ($i == length($sui-breakpoints)) {\n\t\t@media (min-width: $screen-width-min) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n\n\t// If breakpoint falls inbetween.\n\t@else {\n\t\t$screen-width-max: nth(nth($sui-breakpoints, ($i + 1)), 2) - 1px;\n\t\t\t@media (min-width: $screen-width-min) and (max-width: $screen-width-max) {\n\t\t\t.sui-hidden-#{$size} {\n\t\t\t\tdisplay: none !important;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class(true, false, true) {\n\t.sui-error {\n\t\tcolor: $nightrider;\n\t}\n}\n","/**\nWP Admin Notices\n\nThis is used to give admin notices that are loaded outside of the .wrap but inside .sui-*-*-* the proper styles\n\n */\n@include body-class {\n\t#wpbody-content > .notice {\n\t\tmargin: 10px 30px 15px 10px;\n\t\t@include media( max-width, md ) {\n\t\t\tmargin: $sui-gutter-md ($sui-gutter-md - 10px) 0 ($sui-gutter-md - 20px); // Account for padding from #wpcontent.\n\t\t}\n\t}\n}\n","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-ace-selectors {\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\tmargin-bottom: math.div($sui-gutter-md, 2);\n\t\tmargin-left: -5px;\n\n\t\t.sui-selector {\n\t\t\theight: 26px;\n\t\t\tdisplay: inline-flex;\n\t\t\tflex: 0 0 auto;\n\t\t\tmargin: 0 0 5px 5px;\n\t\t\tpadding: 5px 12px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: $ace-selector-background;\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\ttransition: 0.3s ease;\n\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active,\n\t\t\t&:visited {\n\t\t\t\tborder: 0;\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tcolor: $ace-selector-color;\n\t\t\t}\n\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\tbackground-color: $ace-selector-background-hover;\n\t\t\t}\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t}\n\t\t}\n\n\t\t@include media(min-width, md) {\n\t\t\tmargin-bottom: math.div($sui-gutter, 2);\n\t\t}\n\t}\n\n\t[id^='sui-ace-editor'] {\n\t\twidth: 100%;\n\t\theight: 225px;\n\t\tposition: relative;\n\t\tmargin: $sui-gutter-md 0;\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\t}\n}","@include body-class(true) {\n\t.sui-recipient {\n\t\tdisplay: flex;\n\t\tborder: 1px solid $recipient-border-color;\n\t\tborder-radius: $border-radius;\n\t\tpadding: 10px 15px;\n\t\tjustify-content: space-between;\n\t\tmargin-bottom: 10px;\n\t\t.sui-recipient-name {\n\t\t\tcolor: #333333;\n\t\t\tfont-size: 13px;\n\t\t\tfont-weight: 500;\n\t\t\tletter-spacing: -0.25px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 5px;\n\t\t\t@include icon(before, profile-male);\n\t\t\t&:before {\n\t\t\t\tfont-size: 16px;\n\t\t\t\tmargin-right: 6px;\n\t\t\t\tline-height: 30px;\n\t\t\t\tvertical-align: bottom;\n\t\t\t}\n\t\t}\n\t\t.sui-recipient-email {\n\t\t\tcolor: #888888;\n\t\t\tfont-size: 13px;\n\t\t\tletter-spacing: -0.25px;\n\t\t\twhite-space: nowrap;\n\t\t\toverflow: hidden;\n\t\t\ttext-overflow: ellipsis;\n\t\t\tmargin-right: 5px;\n\t\t}\n\t\t.sui-button-icon:not(.sui-button) {\n\t\t\tpadding: 0;\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tcolor: #AAAAAA;\n\t\t\t\tfont-size: 12px;\n\t\t\t}\n\n\t\t}\n\t}\n\t.sui-recipients {\n\t\tmargin-bottom: 10px;\n\t}\n\n\t.sui-button.sui-add-recipient {\n\t\tmargin: 0 0 30px 0;\n\t}\n}\n","@include body-class(true) {\n\n\t.sui-chartjs {\n\t\tposition: relative;\n\n\t\t.sui-chartjs-message {\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: center;\n\t\t\tposition: absolute;\n\t\t\ttop: 0;\n\t\t\tright: 0;\n\t\t\tbottom: 0;\n\t\t\tleft: 0;\n\t\t\tpadding: 5px $sui-gutter-md;\n\t\t\tbackground-color: rgba(255, 255, 255, 0.7);\n\t\t\ttext-align: center;\n\n\t\t\tp {\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\tfont: 500 12px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tvertical-align: text-bottom;\n\t\t\t\t\tmargin-right: 8px;\n\t\t\t\t\tfont-size: 16px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-chartjs-message--empty,\n\t\t\t&.sui-chartjs-message--loading {\n\n\t\t\t\t@if variable-exists(chartjs-image--loading) {\n\n\t\t\t\t\t@if $chartjs-image--loading != null {\n\t\t\t\t\t\tbackground-image: url($chartjs-image--loading);\n\t\t\t\t\t\tbackground-size: cover;\n\t\t\t\t\t\tbackground-position: center bottom;\n\t\t\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-chartjs-canvas {\n\t\t\theight: 120px;\n\t\n\t\t\t@include media(min-width, md) {\n\t\t\t\theight: 170px;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-chartjs-animated {\n\n\t\t\t.sui-chartjs-message {\n\t\t\t\topacity: 0;\n\t\t\t\tvisibility: hidden;\n\t\t\t\ttransition: 0.25s ease;\n\n\t\t\t\t&.sui-chartjs-message--loading {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t.sui-chartjs-canvas {\n\t\t\t\tvisibility: hidden;\n\t\t\t\ttransition: 0.2s ease;\n\t\t\t}\n\n\t\t\t&.sui-chartjs-loaded {\n\n\t\t\t\t.sui-chartjs-message {\n\t\t\t\t\topacity: 1;\n\t\t\t\t\tvisibility: visible;\n\n\t\t\t\t\t&.sui-chartjs-message--loading {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tvisibility: hidden;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-chartjs-canvas {\n\t\t\t\t\tvisibility: visible;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// Chart inside accordion block\n\t.sui-accordion-block {\n\n\t\t.sui-accordion-item-body {\n\n\t\t\t.sui-chartjs {\n\t\t\t\tmargin-right: -#{$sui-gutter-md};\n\t\t\t\tmargin-left: -#{$sui-gutter-md};\n\t\t\t\tpadding-top: $sui-gutter-md;\n\n\t\t\t\t&:not(:first-child) {\n\t\t\t\t\tpadding-top: $sui-gutter-md;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tpadding-top: $sui-gutter;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tmargin-bottom: -#{$sui-gutter-md};\n\t\t\t\t\tborder-bottom-right-radius: $border-radius;\n\t\t\t\t\tborder-bottom-left-radius: $border-radius;\n\n\t\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\t\tmargin-bottom: -#{$sui-gutter};\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: -#{$sui-gutter};\n\t\t\t\t\tmargin-left: -#{$sui-gutter};\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class {\n\n\t.sui-status-dot {\n\t\twidth: 30px;\n\t\theight: 30px;\n\t\tcursor: help;\n\t\tdisplay: inline-flex;\n\t\talign-items: center;\n\t\tjustify-content: center;\n\t\tborder-radius: $border-radius;\n\t\ttransition: $transition;\n\n\t\tspan {\n\t\t\twidth: 10px;\n\t\t\theight: 10px;\n\t\t\tdisplay: block;\n\t\t\tborder-radius: 20px;\n\t\t}\n\n\t\t&,\n\t\t&.sui-draft {\n\n\t\t\tspan {\n\t\t\t\tbackground-color: #E6E6E6;\n\t\t\t}\n\t\t}\n\n\t\t&.sui-published {\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: #F2F2F2;\n\t\t\t}\n\n\t\t\tspan {\n\t\t\t\tbackground-color: $blue;\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t.sui-tree-fancy {\n\n\t\tul.ui-fancytree {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\n\t\t\t&, li {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tlist-style: none;\n\t\t\t}\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\t\ttext-align: center;\n\n\t\t\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\t\t\twidth: 12px;\n\t\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\t\tline-height: 12px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tmargin: 3px 0;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t\t\t\t@include icon(before, element-checkbox, true) {\n\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: File (not expandable)\n\t\t\t\t&:not([aria-expanded]) {\n\n\t\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Selected\n\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\t\tborder-color: $blue;\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// STATUS: Disaled\n\t\t\t\t\t\t&.fancytree-unselectable {\n\n\t\t\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\t\tbackground-color: palette(silver, medium);\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tcolor: palette(silver, default);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t&.fancytree-unselectable {\n\n\t\t\t\t\t\t&, * {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:focus {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-tree-fancy[data-tree=\"selector\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tmargin: 0 0 10px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tdisplay: inline-flex;\n\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding-right: 30px;\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 5px;\n\t\t\t\t\t\tright: 0;\n\n\t\t\t\t\t\t@include icon(before, chevron-down, false);\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\n\t\t\t\t\t\t~ span.fancytree-title {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\tmargin: 10px 0 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tpadding-left: 26px;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: File (not expandable)\n\t\t\t\t&:not([aria-expanded]) {\n\n\t\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\tpadding-right: 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-tree-fancy[data-tree=\"directory\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tmargin: 0 0 5px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tpadding: 11px 20px;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\tmargin: 3px 0 3px -10px;\n\n\t\t\t\t\t\t@include icon(before, chevron-right, false);\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\t\t\t\t\t\tmargin: 1px 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\tline-height: 18px;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tmargin: 1px 0;\n\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons (default)\n\t\t\t\t\t> span.fancytree-icon {\n\n\t\t\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Icons (custom)\n\t\t\t\t\t> span.fancytree-custom-icon {\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tmargin: 5px 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t\tborder: 0;\n\t\t\t\t}\n\n\t\t\t\t// VARIATION: Icons\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t// ELEMENT: File icon\n\t\t\t\t\t&.fancytree-ico-c {\n\n\t\t\t\t\t\tspan.fancytree-icon {\n\t\t\t\t\t\t\t@include icon(before, page, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Folder icon (compressed)\n\t\t\t\t\t&.fancytree-ico-cf {\n\n\t\t\t\t\t\tspan.fancytree-icon {\n\t\t\t\t\t\t\t@include icon(before, folder, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// ELEMENT: Folder icon (expanded)\n\t\t\t\t\t&.fancytree-ico-ef {\n\n\t\t\t\t\t\tspan.fancytree-icon {\n\t\t\t\t\t\t\t@include icon(before, folder-open, false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\tbackground-color: palette(silver, light);\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Icons (custom)\n\t\t\t\t\t\t> span.fancytree-custom-icon {\n\n\t\t\t\t\t\t\t&.sui-icon-folder {\n\t\t\t\t\t\t\t\t@include icon(before, folder-open, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Selected\n\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\tbackground-color: palette(blue, light);\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Title\n\t\t\t\t\t\t> span.fancytree-title {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t&.fancytree-unselectable {\n\n\t\t\t\t\t\t&, * {\n\t\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t\t> span.fancytree-expander {\n\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\n\t\t\t\t\t\t\t@include icon(before, lock, false);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// ELEMENT: Icons\n\t\t\t\t\t\t> span.fancytree-icon,\n\t\t\t\t\t\t> span.fancytree-custom-icon {\n\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\n\t.sui-tree-fancy[data-tree=\"selector\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\t\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 26px;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\t\t\t\t\t\n\t\t\t\t\t// ELEMENT: Checkbox\n\t\t\t\t\t> span.fancytree-checkbox {\n\n\t\t\t\t\t\t~ span.fancytree-title {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t.sui-tree-fancy[data-tree=\"directory\"] {\n\n\t\tul.ui-fancytree {\n\n\t\t\t// ELEMENT: Item\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\t\n\t\t\t\t// VARIATION: Child items\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t}\n\n\t\t\t\t> span.fancytree-node {\n\n\t\t\t\t\t// ELEMENT: Expander\n\t\t\t\t\t> span.fancytree-expander { \n\t\t\t\t\t\tmargin: 3px -10px 3px 0;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}","$tree--file-type: (\n\tdefault:     'page',\n\tpage:        'page',\n\tfolder:      'folder',\n\tpdf:         'page-pdf',\n\tzip:         'zip',\n\tlock:        'lock',\n\timage:       'photo-picture',\n\timg:         'photo-picture',\n\tpng:         'photo-picture',\n\tjpg:         'photo-picture',\n\tjpeg:        'photo-picture',\n\twpmudev:     'wpmudev',\n\tdefender:    'defender',\n\tsmush:       'smush',\n\thummingbird: 'hummingbird',\n\tuptime:      'uptime',\n\tsmartcrawl:  'smart-crawl',\n\tforminator:  'forminator',\n\tshipper:     'shipper-anchor',\n\tsnapshot:    'snapshot',\n\thustle:      'hustle',\n\tperformance: 'performance',\n);\n\n@include body-class(true) {\n\n\t.sui-tree {\n\n\t\t&, ul, li {\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli[role=\"treeitem\"],\n\t\tspan[role=\"contentinfo\"] {\n\n\t\t\tbutton[data-button],\n\t\t\tspan[role=\"button\"] {\n\t\t\t\tcursor: pointer;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tbackground-color: transparent;\n\t\t\t\tbackground-image: none;\n\n\t\t\t\tspan[aria-hidden] {\n\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:focus,\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tspan[role=\"button\"],\n\t\t\tbutton[data-button] span[aria-hidden] {\n\t\t\t\twidth: 22px;\n\t\t\t\theight: 22px;\n\t\t\t\tdisplay: block;\n\t\t\t\tcolor: palette(gray, light);\n\t\t\t\ttext-align: center;\n\n\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\twidth: 22px;\n\t\t\t\t\theight: 22px;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\ttransition: 250ms linear; // Match with slideToggle() timing\n\t\t\t\t}\n\n\t\t\t\t// TYPE: Add\n\t\t\t\t&[data-button=\"add\"] {\n\t\t\t\t\t@include icon(before, plus, false);\n\t\t\t\t}\n\n\t\t\t\t// TYPE: Remove\n\t\t\t\t&[data-button=\"remove\"] {\n\t\t\t\t\t@include icon(before, close, false);\n\t\t\t\t}\n\n\t\t\t\t// TYPE: Trash\n\t\t\t\t&[data-button=\"trash\"] {\n\t\t\t\t\t@include icon(before, trash, false);\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&,\n\t\t\t&:focus,\n\t\t\t&:hover,\n\t\t\t&:active {\n\t\t\t\toutline: none;\n\t\t\t\tbox-shadow: none;\n\t\t\t}\n\t\t}\n\n\t\tli[role=\"treeitem\"] {\n\t\t\tdisplay: block;\n\n\t\t\t> .sui-tree-node {\n\t\t\t\tdisplay: flex;\n\n\t\t\t\t> span {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tflex: 0 1 auto;\n\t\t\t\t}\n\n\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t> label.sui-node-checkbox {\n\t\t\t\t\twidth: 16px;\n\t\t\t\t\theight: 16px;\n\t\t\t\t}\n\n\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"] {\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t\t\t@include icon(before, element-checkbox, true) {\n\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> label.sui-node-checkbox {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\n\t\t\t\t\tinput,\n\t\t\t\t\tspan:not([aria-hidden]) {\n\t\t\t\t\t\t@extend %sui-screen-reader-text;\n\t\t\t\t\t}\n\n\t\t\t\t\tspan[aria-hidden] {\n\t\t\t\t\t\twidth: 16px;\n\t\t\t\t\t\theight: 16px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\t\tbackground-color: #FAFAFA;\n\n\t\t\t\t\t\t@include icon(before, element-checkbox, true) {\n\t\t\t\t\t\t\topacity: 0;\n\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> span[aria-hidden] {\n\t\t\t\t\twidth: 16px;\n\t\t\t\t\theight: 16px;\n\t\t\t\t\tpointer-events: none;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tposition: relative;\n\n\t\t\t\t\t@include icon(before, false, true) {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t> span.sui-node-text {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-weight: 500;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tul[role=\"group\"] {\n\t\t\t\tdisplay: none;\n\t\t\t}\n\n\t\t\t&[aria-expanded] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATUS: Selected\n\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t\t> label.sui-node-checkbox span {\n\t\t\t\t\t\tborder-color: $blue;\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\topacity: 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t&[aria-disabled=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t\t\t> label.sui-node-checkbox span {\n\t\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\t\tbackground-color: palette(silver, medium);\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: palette(silver, default);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// STATUS: Disabled\n\t\t\t&[aria-disabled=\"true\"] {\n\n\t\t\t\t> .sui-tree-node {\n\t\t\t\t\tcursor: not-allowed;\n\n\t\t\t\t\t* {\n\t\t\t\t\t\tpointer-events: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t> .sui-node-checkbox[role=\"checkbox\"],\n\t\t\t\t\t> label.sui-node-checkbox span {\n\t\t\t\t\t\tborder-color: palette(silver, default);\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\t\t\t\t\t}\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tdiv[role=\"contentinfo\"],\n\t\tspan[role=\"contentinfo\"] {\n\t\t\tdisplay: none;\n\t\t\talign-items: center;\n\t\t\tmargin: 0 0 5px;\n\t\t\tpadding: 5px 10px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: palette(silver, light);\n\n\t\t\tspan[role=\"form\"] {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex: 1;\n\t\t\t\talign-items: center;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\n\t\t\t\tinput:not([type=\"radio\"]):not([type=\"checkbox\"]) {\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmin-width: 180px;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\theight: 30px;\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 6px 11px;\n\t\t\t\t\tborder: 1px solid palette(gray, lighter);\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: $white;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tfont: 500 12px/16px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tbutton,\n\t\t\t\tspan[role=\"button\"] {\n\t\t\t\t\twidth: 24px;\n\t\t\t\t\theight: 22px;\n\t\t\t\t\tcursor: pointer;\n\t\t\t\t\tdisplay: flex;\n\t\t\t\t\tflex: 0 0 24px;\n\t\t\t\t\talign-items: center;\n\t\t\t\t\tjustify-content: center;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tborder-radius: $border-radius;\n\t\t\t\t\tbackground-color: $blue;\n\t\t\t\t\tbackground-image: none;\n\t\t\t\t\tcolor: $white;\n\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\tspan[aria-hidden] {\n\t\t\t\t\t\tpointer-events: initial;\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tfont-family: $font;\n\t\t\t\t\t}\n\n\t\t\t\t\t@include icon(before, check, true) {\n\t\t\t\t\t\theight: 12px;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tline-height: 12px;\n\t\t\t\t\t}\n\n\t\t\t\t\t&,\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\toutline: none;\n\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t}\n\n\t\t\t\t\t&:hover,\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: darken($blue, 10%);\n\t\t\t\t\t}\n\n\t\t\t\t\t&:not(:first-child) {\n\t\t\t\t\t\tmargin-left: 5px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:last-child {\n\t\t\t\tmargin: 0;\n\t\t\t}\n\n\t\t\t&.sui-show {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\t\t}\n\n\t\t// VARIATION: Icons\n\t\tli[role=\"treeitem\"] {\n\n\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t@each $type, $icon in $tree--file-type {\n\n\t\t\t\t\t\t\t@if 'default' != $type {\n\n\t\t\t\t\t\t\t\t&[data-type=\"#{$type}\"] {\n\t\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@else {\n\t\t\t\t\t\t\t\t@include icon(before, folder-open, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&[aria-expanded=\"false\"] {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t@each $type, $icon in $tree--file-type {\n\n\t\t\t\t\t\t\t@if 'default' != $type {\n\n\t\t\t\t\t\t\t\t&[data-type=\"#{$type}\"] {\n\t\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@else {\n\t\t\t\t\t\t\t\t@include icon(before, folder, false);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&:not([aria-expanded]) {\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t@each $type, $icon in $tree--file-type {\n\n\t\t\t\t\t\t\t@if 'default' == $type {\n\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t@else {\n\n\t\t\t\t\t\t\t\t&[data-type=\"#{$type}\"] {\n\t\t\t\t\t\t\t\t\t@include icon(before, $icon, false);\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// TREE: Selector\n\t\t&[data-tree=\"selector\"] {\n\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tmargin: 0 0 10px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> .sui-node-checkbox {\n\t\t\t\t\t\tmargin: 3px 0;\n\n\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\tmargin-left: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tline-height: 22px;\n\t\t\t\t\t}\n\n\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\t\t\t\t\t\t@include icon(before, chevron-down, false);\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tmargin: 10px 0 0;\n\t\t\t\t\tpadding-left: 26px;\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(180deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// TREE: Directory Browser\n\t\t&[data-tree=\"directory\"] {\n\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tmargin: 0 0 5px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\t\t\t\t\tpadding: 5px 20px;\n\t\t\t\t\tborder-radius: $border-radius;\n\n\t\t\t\t\t> span[role=\"button\"],\n\t\t\t\t\t> button[data-button] span[aria-hidden] {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\theight: 30px;\n\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-left: -10px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:last-child {\n\t\t\t\t\t\t\tmargin-right: -9px;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\theight: 30px;\n\t\t\t\t\t\t\tline-height: 30px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// TYPE: Expander\n\t\t\t\t\t> span[role=\"button\"][data-button=\"expander\"],\n\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\t\t\t\t\t\t@include icon(before, chevron-right, false);\n\t\t\t\t\t}\n\n\t\t\t\t\t> .sui-node-checkbox {\n\t\t\t\t\t\tmargin: 7px 0;\n\t\t\t\t\t}\n\n\t\t\t\t\t> span[aria-hidden] {\n\t\t\t\t\t\tmargin: 7px 5px 7px 10px;\n\t\t\t\t\t}\n\n\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\tflex: 1;\n\t\t\t\t\t\tmargin: 6px 0 4px;\n\t\t\t\t\t\tline-height: 20px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tmargin: 5px 0 0;\n\t\t\t\t\tpadding-left: 20px;\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Expanded\n\t\t\t\t&[aria-expanded=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\t\t\t\t\t\tbackground-color: palette(silver, default);\n\n\t\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\ttransform: rotate(90deg);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Selected\n\t\t\t\t&[aria-selected=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\t\t\t\t\t\tbackground-color: palette(blue, light);\n\n\t\t\t\t\t\t> span[data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> span[aria-hidden] {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> span.sui-node-text {\n\t\t\t\t\t\t\tcolor: $blue;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: Disabled\n\t\t\t\t&[aria-disabled=\"true\"] {\n\n\t\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t\t> span[role=\"button\"],\n\t\t\t\t\t\t> button[data-button] span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// TYPE: Expander\n\t\t\t\t\t\t> span[role=\"button\"][data-button=\"expander\"],\n\t\t\t\t\t\t> button[data-button=\"expander\"] span[aria-hidden] {\n\t\t\t\t\t\t\t@include icon(before, lock, false);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t> span[aria-hidden] {\n\n\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\tcolor: palette(gray, lighter);\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n}\n\n@include body-class($wrap: true, $rtl: true) {\n\t\n\t.sui-tree {\n\t\t// TREE: Selector\n\t\t&[data-tree=\"selector\"] {\n\t\t\t\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\t\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 26px;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\n\t\t\t\t\t> .sui-node-checkbox {\n\n\t\t\t\t\t\t+ span {\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t\tmargin-right: 10px;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// TREE: Directory Browser\n\t\t&[data-tree=\"directory\"] {\n\t\t\t\n\t\t\tli[role=\"treeitem\"] {\n\t\t\t\tul[role=\"group\"] {\n\t\t\t\t\tpadding-left: 0;\n\t\t\t\t\tpadding-right: 20px;\n\t\t\t\t}\n\n\t\t\t\t> .sui-tree-node {\n\t\t\t\t\t> span[role=\"button\"],\n\t\t\t\t\t> button[data-button] span[aria-hidden] {\n\t\t\t\t\t\t&:first-child {\n\t\t\t\t\t\t\tmargin-right: -10px;\n\t\t\t\t\t\t\tmargin-left: 0;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\t.sui-upgrade-page {\n\t\tbackground: #FAFAFA;\n\t\tmargin: -30px -30px 60px;\n\n\t\t@media (max-width: 783px) {\n\t\t\tmargin: -21px -10px 0;\n\t\t}\n\n\t\t&:not(:first-child) {\n\t\t\tmargin-top: 30px;\n\t\t}\n\n\t\t&__container {\n\t\t\tmax-width: 1140px;\n\t\t\tmargin: auto;\n\t\t\tdisplay: flex;\n\t\t\t@media (max-width: 800px) {\n\t\t\t\tflex-wrap: wrap;\n\t\t\t}\n\t\t}\n\n\t\t/** Header and Image **/\n\t\t&-header {\n\t\t\tbackground: $white;\n\t\t\tmargin-bottom: 60px;\n\t\t\t@media (max-width: 600px) {\n\t\t\t\tmargin-bottom: 40px;\n\t\t\t}\n\t\t\t&__content {\n\t\t\t\tpadding: 60px 60px 60px 0;\n\t\t\t\twidth: 50%;\n\t\t\t\t@media (max-width: 1440px) {\n\t\t\t\t\tpadding: 60px 30px 50px 60px;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 800px) {\n\t\t\t\t\torder: 1;\n\t\t\t\t\twidth: 100%;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tpadding: 40px 20px;\n\t\t\t\t}\n\t\t\t\th1 {\n\t\t\t\t\tfont-size: 28px;\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t}\n\t\t\t\tp:first-of-type {\n\t\t\t\t\tmargin-top: 10px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__image {\n\t\t\t\t@if variable-exists(upgrade-image) {\n\t\t\t\t\tbackground-image: url($upgrade-image);\n\t\t\t\t}\n\t\t\t\tbackground-size: cover;\n\t\t\t\tbackground-position: center;\n\t\t\t\tbackground-repeat: no-repeat;\n\t\t\t\twidth: 50%;\n\t\t\t\t@media (max-width: 800px) {\n\t\t\t\t\t@if variable-exists(upgrade-image-mobile) {\n\t\t\t\t\t\tbackground-image: url($upgrade-image-mobile);\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\torder: 0;\n\t\t\t\t\t\theight: 250px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.sui-reviews {\n\t\t\t\tmargin-top: 60px;\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tmargin-top: 40px;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/** Pro Features **/\n\t\t&-features {\n\t\t\t&__header {\n\t\t\t\ttext-align: center;\n\n\t\t\t\th2 {\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-size: 28px;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tline-height: 40px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t\tp {\n\t\t\t\t\tmargin-top: 5px;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__items {\n\t\t\t\tdisplay: flex;\n\t\t\t\tflex-wrap: wrap;\n\t\t\t\tpadding: 30px;\n\n\t\t\t\t@media (min-width: 1440px) {\n\t\t\t\t\tmargin: 0 -60px;\n\t\t\t\t}\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmargin: 40px 0;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&__item {\n\t\t\t\tflex: 0 0 50%;\n\t\t\t\tmax-width: 50%;\n\t\t\t\tpadding: 30px;\n\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\tflex: 0 0 100%;\n\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\tpadding: 20px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t}\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\theight: 44px;\n\t\t\t\t\twidth: 44px;\n\t\t\t\t\ttext-align: center;\n\t\t\t\t\tbackground: palette(purple, light);\n\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\tfont-size: 20px;\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: palette(purple);\n\t\t\t\t\t\tline-height: 44px;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\th3 {\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\n\t\t\t\tp:first-of-type {\n\t\t\t\t\tmargin-top: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t/** CTA **/\n\t\t&-cta {\n\t\t\tbackground: $white;\n\t\t\tpadding: 60px;\n\t\t\tmargin-bottom: 60px;\n\n\t\t\t@media (max-width: 600px) {\n\t\t\t\tpadding: 40px 20px;\n\t\t\t\tmargin-bottom: 40px;\n\t\t\t}\n\t\t\t&__inner {\n\t\t\t\tmax-width: 600px;\n\t\t\t\tmargin: auto;\n\t\t\t\ttext-align: center;\n\t\t\t\th2 {\n\t\t\t\t\tfont-family: $font;\n\t\t\t\t\tfont-size: 28px;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tline-height: 40px;\n\t\t\t\t\tmargin-bottom: 0;\n\t\t\t\t}\n\t\t\t\ta {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfont-size: 13px;\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tline-height: 22px;\n\t\t\t\t\tmargin-top: 15px;\n\t\t\t\t\t&:focus,\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: palette(gray);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.sui-hidden-desktop {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\t\t\t\t@media (max-width: 600px) {\n\t\t\t\t\t.sui-hidden-desktop {\n\t\t\t\t\t\tdisplay: inline-block;\n\t\t\t\t\t}\n\t\t\t\t\t.sui-button:not(.sui-hidden-desktop) {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\t.sui-reviews {\n\t\tmargin-left: 25px;\n\t\t&__stars {\n\t\t\tposition: relative;\n\t\t\tmargin-right: 5px;\n\t\t\t@include icon(before, quote-2);\n\t\t\t&:before {\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: -12px;\n\t\t\t\tleft: -25px;\n\t\t\t\tcolor: palette(silver, medium);\n\t\t\t}\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t&:before{\n\t\t\t\t\tcolor: palette(yellow);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t&__rating {\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tvertical-align: text-bottom;\n\t\t\tdisplay: inline-block;\n\t\t}\n\t\ta.sui-reviews__link {\n\t\t\tdisplay: block;\n\t\t\tcolor: palette(gray, light);\n\t\t\tfont-size: 13px;\n\t\t\tline-height: 22px;\n\t\t\tfont-weight: normal;\n\t\t\tfont-style: italic;\n\t\t\t&:focus,\n\t\t\t&:hover {\n\t\t\t\tcolor: palette(gray);\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: palette(gray);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\tmargin-left: 5px;\n\t\t\t\tfont-size: 12px;\n\t\t\t\tline-height: 22px;\n\t\t\t\tvertical-align: middle;\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n","@include body-class(true) {\n\n\tselect.sui-search + .select2 {\n\t\twidth: 100% !important;\n\t\tdisplay: block;\n\n\t\t.selection {\n\t\t\tdisplay: block;\n\n\t\t\t&:focus, *:focus {\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\n\t\t.select2-selection--multiple {\n\t\t\tdisplay: block;\n\t\t\tposition: relative;\n\t\t\tpadding: 8px 0 8px 40px;\n\t\t\tborder-radius: $border-radius;\n\t\t\tborder: 1px solid $select-container--border-color;\n\t\t\tbackground-color: $select-container--background;\n\t\t\ttransition: 0.3s ease;\n\n\t\t\t@include icon(before, 'magnifying-glass-search', true) {\n\t\t\t\twidth: 30px;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 11px;\n\t\t\t\tleft: 9px;\n\t\t\t\tfont-size: 16px;\n\t\t\t\ttext-align: center;\n\t\t\t}\n\n\t\t\t&:hover {\n\t\t\t\tbackground-color: $select-container--background-active;\n\t\t\t}\n\n\t\t\tul.select2-selection__rendered {\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\n\t\t\t\tli.select2-search,\n\t\t\t\tli.select2-selection__choice {\n\t\t\t\t\twidth: 100%;\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tfloat: none;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t}\n\n\t\t\t\tli.select2-search {\n\t\t\t\t\tpadding-right: 14px;\n\t\t\t\t}\n\n\t\t\t\tli.select2-selection__choice {\n\t\t\t\t\toverflow: hidden;\n\t\t\t\t\tposition: relative;\n\t\t\t\t\tpadding-right: 40px;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\ttext-overflow: ellipsis;\n\t\t\t\t\twhite-space: nowrap;\n\n\t\t\t\t\t.select2-selection__choice__remove {\n\t\t\t\t\t\twidth: 30px;\n\t\t\t\t\t\tfloat: none;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 2px;\n\t\t\t\t\t\tright: 0;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tcolor: palette(gray, default);\n\t\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t\tline-height: 1em;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t}\n\n\t\t\t\t\t// Limit choices to one element.\n\t\t\t\t\t+ li.select2-search {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tinput.select2-search__field {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tborder: 0;\n\t\t\t\t\tcolor: palette(gray, dark);\n\t\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t\t&::placeholder {\n\t\t\t\t\t\tcolor: palette(silver, medium);\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n\n\t// STATE: Error\n\t.sui-form-field.sui-form-field-error {\n\n\t\tselect.sui-search + .select2 {\n\n\t\t\t.select2-selection--multiple {\n\t\t\t\tborder-bottom-color: $red;\n\t\t\t\tbox-shadow: 0 1px 0 0 $red;\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class() {\n\n\t.select2-container {\n\n\t\t.sui-search-dropdown {\n\t\t\tdisplay: block;\n\t\t\tpadding: 0;\n\t\t\tborder: 1px solid #DDDDDD;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: #FFFFFF;\n\t\t\tbox-shadow: 0 3px 7px 0 rgba(0,0,0,0.07);\n\n\t\t\t.select2-results {\n\t\t\t\tdisplay: block;\n\t\t\t\tpadding: 15px 0;\n\t\t\t}\n\n\t\t\tul.select2-results__options {\n\n\t\t\t\tli.select2-results__option {\n\t\t\t\t\tpadding: 0 15px;\n\t\t\t\t\tcolor: palette(gray, light);\n\t\t\t\t\tfont: 500 13px/30px $font;\n\t\t\t\t\tletter-spacing: $font--letter-spacing;\n\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t&[role=\"treeitem\"] {\n\n\t\t\t\t\t\t// STATE: Hover\n\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\tbackground-color: palette(gray, light);\n\t\t\t\t\t\t\tcolor: $white;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t&.select2-results__message {\n\t\t\t\t\t\tfont-size: 12px;\n\t\t\t\t\t\tline-height: 16px;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&.sui-color-accessible {\n\t\t\t\tborder-color: $black;\n\t\t\t\tbox-shadow: none;\n\n\t\t\t\tul.select2-results__options {\n\n\t\t\t\t\tli.select2-results__option {\n\t\t\t\t\t\tcolor: $black;\n\n\t\t\t\t\t\t&[role=\"treeitem\"] {\n\n\t\t\t\t\t\t\t// STATE: Hover\n\t\t\t\t\t\t\t&.select2-results__option--highlighted {\n\t\t\t\t\t\t\t\tbackground-color: $black;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@use \"sass:math\";\n\n@include body-class(true) {\n\n\t.sui-multistrings-aria {\n\t\t@extend %sui-screen-reader-text;\n\t}\n\n\t.sui-multistrings-list {\n\t\tmin-height: 118px;\n\t\tcursor: text;\n\t\tdisplay: flex;\n\t\tflex-wrap: wrap;\n\t\talign-items: flex-start;\n\t\tmargin: 0;\n\t\tpadding: #{math.div($sui-gutter-md, 2) - 2px};\n\t\tborder: 1px solid palette(gray, lighter);\n\t\tborder-radius: $border-radius;\n\t\tbackground-color: #FAFAFA;\n\t\ttransition: $transition;\n\n\t\t&, li {\n\t\t\tlist-style: none;\n\t\t}\n\n\t\tli[title] {\n\t\t\tmax-width: 100%;\n\t\t\tmin-width: 1px;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tflex: 0 0 auto;\n\t\t\tposition: relative;\n\t\t\tmargin: 2px;\n\t\t\tpadding: 7px 35px 7px 27px;\n\t\t\tborder: 0;\n\t\t\tborder-radius: $border-radius;\n\t\t\tbackground-color: palette(gray, default);\n\t\t\tcolor: $white;\n\t\t\tfont: 500 12px/16px $font;\n\t\t\tletter-spacing: -0.23px;\n\n\t\t\t[class*=\"sui-icon-\"] {\n\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: inherit;\n\t\t\t\t}\n\n\t\t\t\t&.sui-sm {\n\t\t\t\t\twidth: 12px;\n\t\t\t\t\theight: 12px;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 9px;\n\t\t\t\t\tleft: 10px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\tbutton {\n\t\t\t\twidth: 30px;\n\t\t\t\theight: 30px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\tbackground-color: #5E5E5E;\n\t\t\t\tcolor: $white;\n\t\t\t\ttransition: $transition;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:focus {\n\t\t\t\t\tbackground-color: #4D4D4D;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\tli.sui-multistrings-input {\n\t\t\tmin-width: 100px;\n\t\t\tflex: 1;\n\t\t\tmargin: 2px;\n\t\t\tpadding: 0;\n\t\t\tborder: 0;\n\n\t\t\tinput {\n\t\t\t\twidth: 100%;\n\t\t\t\tmax-width: 100%;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 0;\n\t\t\t\tborder: 0;\n\t\t\t\tdisplay: block;\n\t\t\t\tmargin: 0;\n\t\t\t\tpadding: 7px 0;\n\t\t\t\tborder: 0;\n\t\t\t\tfont: $form--input-font-weight #{$font--size}/#{$form--input-line-height - 7px} $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\tcolor: $nightrider;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&:hover,\n\t\t&.sui-focus {\n\t\t\tbackground-color: $white;\n\t\t}\n\t}\n}","// ELEMENT: Insert Variables.\n// $sui-wrap: true | $rtl: false\n@include body-class(true, false) {\n\n\t.sui-insert-variables {\n\t\tposition: relative;\n\n\t\t.sui-form-control {\n\t\t\tpadding-right: #{($form--input-height-base - 1px) + 14px};\n\t\t}\n\n\t\tselect.sui-variables {\n\n\t\t\t+ .sui-select {\n\t\t\t\twidth: 40px !important;\n\t\t\t\tdisplay: block;\n\t\t\t\tposition: absolute;\n\t\t\t\ttop: 0;\n\t\t\t\tright: 0;\n\n\t\t\t\t// STATE: Default.\n\t\t\t\t.selection {\n\t\t\t\t\tdisplay: block;\n\n\t\t\t\t\tspan[role=\"combobox\"] {\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tflex-flow: column nowrap;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tmargin: 0;\n\t\t\t\t\t\tpadding: 0;\n\t\t\t\t\t\tborder: 1px solid transparent;\n\t\t\t\t\t\tborder-left-color: palette(gray, lighter);\n\t\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t\ttext-align: center;\n\t\t\t\t\t\ttransition: $transition;\n\n\t\t\t\t\t\t// Label.\n\t\t\t\t\t\t.select2-selection__rendered {\n\t\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\t\tmin-width: 1px;\n\n\t\t\t\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\tuser-select: none;\n\t\t\t\t\t\t\t\tpointer-events: none;\n\n\t\t\t\t\t\t\t\t&:before {\n\t\t\t\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// Icon.\n\t\t\t\t\t\t.select2-selection__arrow {\n\t\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class($wrap: true, $rtl: false, $monochrome: false) {\n\n\t.sui-upsell {\n\n\t\t&-list {\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t\tlist-style: none;\n\n\t\t\tli {\n\t\t\t\tposition: relative;\n\t\t\t\tmargin: 0 0 22px;\n\t\t\t\tpadding: 0 0 0 26px;\n\t\t\t\tcolor: $nightrider;\n\t\t\t\tfont: 500 15px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tposition: absolute;\n\t\t\t\t\ttop: 3px;\n\t\t\t\t\tleft: 0;\n\t\t\t\t\tcolor: $purple;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\tdisplay: block;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-notice {\n\n\t\t\t@include media(min-width, md) {\n\t\t\t\tdisplay: flex;\n\t\t\t}\n\n\t\t\t&__image {\n\t\t\t\tmargin-right: $sui-gutter-md;\n\n\t\t\t\t@include media(max-width, md) {\n\t\t\t\t\tdisplay: none;\n\t\t\t\t}\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 0 0 auto;\n\t\t\t\t\talign-self: flex-end;\n\t\t\t\t\tmargin-right: $sui-gutter;\n\t\t\t\t}\n\n\t\t\t\timg {\n\t\t\t\t\tdisplay: block;\n\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&__content {\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tflex: 1;\n\t\t\t\t\talign-self: flex-start;\n\t\t\t\t\tmargin-bottom: $sui-gutter-md;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: true, $monochrome: false) {\n\n\t.sui-upsell {\n\n\t\t&-list {\n\n\t\t\tli {\n\t\t\t\tpadding-right: 26px;\n\t\t\t\tpadding-left: 0;\n\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\tright: 0;\n\t\t\t\t\tleft: auto;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t&-notice {\n\n\t\t\t&__image {\n\t\t\t\tmargin-right: 0;\n\t\t\t\tmargin-left: $sui-gutter-md;\n\n\t\t\t\t@include media(min-width, md) {\n\t\t\t\t\tmargin-right: 0;\n\t\t\t\t\tmargin-left: $sui-gutter;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t}\n}\n\n@include body-class($wrap: true, $rtl: false, $monochrome: true) {\n\n\t.sui-upsell {\n\n\t\t&-list {\n\n\t\t\tli {\n\t\t\t\tcolor: $black;\n\t\t\t}\n\t\t}\n\t}\n}","@include body-class(true) {\n\n\t&.sui-color-accessible {\n\t\tcolor: $accessible-dark;\n\n\t\t// Typography.\n\t\th1, h2, h3, h4, h5, h6, p, p small, li, code, pre {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\t\ta {\n\t\t\tcolor: lighten($accessible-dark, 10%) !important;\n\t\t\t&:hover {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\n\t\tpre,\n\t\tcode {\n\t\t\tbackground: $accessible-light;\n\t\t}\n\n\t\t// Box Settings\n\t\t.sui-settings-label {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\n\t\t// Forms.\n\t\t.sui-form-control,\n\t\t.sui-label,\n\t\t.sui-error-message {\n\t\t\tborder-color: $accessible-dark;\n\t\t\tcolor: $accessible-dark;\n\t\t\tbackground-color: $accessible-light;\n\t\t\t&::placeholder {\n\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t}\n\t\t}\n\n\t\t.sui-checkbox,\n\t\t.sui-radio {\n\t\t\tinput + span {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t& + span {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t.sui-upload-button {\n\t\t\tcolor: $accessible-dark;\n\t\t\tbackground: $accessible-light;\n\t\t}\n\n\t\t.sui-upload-label {\n\t\t\t&:hover {\n\t\t\t\t.sui-upload-button {\n\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\tbackground: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Recipient.\n\t\t.sui-recipient {\n\t\t\tspan {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Sidenav.\n\t\t.sui-row-with-sidenav {\n\t\t\t.sui-sidenav {\n\t\t\t\t.sui-vertical-tabs {\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Tabs.\n\t\t.sui-tabs {\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Toggle Tabs.\n\t\t.sui-side-tabs {\n\t\t\t> [data-tabs],\n\t\t\t> .sui-tabs-menu {\n\t\t\t\t> *,\n\t\t\t\t.sui-tab-item {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t&.active {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Tags.\n\t\t.sui-tag {\n\t\t\tbackground: $accessible-dark;\n\t\t\tcolor: $accessible-light;\n\t\t\t&.sui-tag-ghost {\n\t\t\t\tbackground: $accessible-light;\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t\tborder-color: $accessible-dark;\n\n\t\t\t}\n\t\t}\n\n\t\t// Notifications.\n\t\t.sui-notice,\n\t\t.sui-notice-top {\n\t\t\tborder-left-color: $accessible-dark;\n\t\t\t.sui-notice-dismiss a,\n\t\t\tp:first-of-type:before {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\t\t.sui-upsell-row {\n\t\t\t.sui-upsell-notice {\n\t\t\t\tp {\n\t\t\t\t\tborder-left: 2px solid $accessible-dark;\n\t\t\t\t\t&:first-of-type:before {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Icons.\n\t\t[class*=\"sui-icon-\"],\n\t\t.sui-dialog-close {\n\t\t\t&:before {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\t\t.sui-tab-item {\n\t\t\t&.active {\n\t\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: $accessible-light !important;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Progress bars.\n\t\t.sui-progress-block {\n\t\t\t.sui-progress {\n\t\t\t\t.sui-progress-bar {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tbackground: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\t.sui-progress-text {\n\t\t\t\t\tspan {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\t\t.sui-progress-state {\n\t\t\tspan {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Tables\n\t\t.sui-table {\n\t\t\tborder-color: $accessible-dark;\n\n\t\t\tth, td {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\n\t\t\tthead, tbody, tfoot {\n\n\t\t\t\t> tr > {\n\n\t\t\t\t\tth,\n\t\t\t\t\t.sui-table-item-title,\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\n\t\t\t\t\tth, td {\n\t\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\ttbody {\n\n\t\t\t\ttr.sui-error,\n\t\t\t\ttr.sui-warning,\n\t\t\t\ttr.sui-success {\n\n\t\t\t\t\tth,\n\t\t\t\t\t.sui-table-item-title,\n\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\n\t\t\t\t\ttd {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t// STATUS: All\n\t\t\t\ttr.sui-default,\n\t\t\t\ttr.sui-error,\n\t\t\t\ttr.sui-warning,\n\t\t\t\ttr.sui-success {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t&-title {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Accordions\n\t\t.sui-accordion {\n\n\t\t\t// DESIGN: Table (Flexbox)\n\t\t\t&:not(.sui-table):not(.sui-accordion-block):not(.sui-builder-fields) {\n\t\t\t\tborder-color: $accessible-dark;\n\n\t\t\t\t.sui-accordion-header {\n\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\n\t\t\t\t\t> div {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t.sui-accordion-item {\n\t\t\t\t\tborder-bottom-color: $accessible-dark;\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\n\t\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// STATUS: All\n\t\t\t\t\t&.sui-default,\n\t\t\t\t\t&.sui-error,\n\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t> .sui-accordion-item-header,\n\t\t\t\t\t\t> .sui-accordion-item-body {\n\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t// When item is disabled\n\t\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t\t.sui-accordion-item-header {\n\n\t\t\t\t\t\t\t&, .sui-accordion-item-title {\n\t\t\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Table\n\t\t\t// Must use in conjunction with .sui-table on the <table> element.\n\t\t\t&.sui-table {\n\n\t\t\t\t> tbody {\n\n\t\t\t\t\t> .sui-accordion-item {\n\n\t\t\t\t\t\t// STATUS: All\n\t\t\t\t\t\t&.sui-default,\n\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t&.sui-success {\n\n\t\t\t\t\t\t\t+ .sui-accordion-item-content {\n\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t// When item is disabled\n\t\t\t\t\t\t&.sui-accordion-item--disabled {\n\n\t\t\t\t\t\t\tth, td {\n\t\t\t\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t&.sui-error,\n\t\t\t\t\t\t\t&.sui-warning,\n\t\t\t\t\t\t\t&.sui-success {\n\t\t\t\t\t\t\t\tbox-shadow: none;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// DESIGN: Blocks (Flexbox)\n\t\t\t&-block {\n\n\t\t\t\t.sui-accordion-item {\n\t\t\t\t\tbackground-color: $accessible-light;\n\n\t\t\t\t\t.sui-accordion-item-header {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\n\t\t\t\t\t\tstrong {\n\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\t.sui-accordion-item-title {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\t.sui-accordion-item-body {\n\n\t\t\t\t\t\t.sui-accordion-item-data {\n\n\t\t\t\t\t\t\tli strong {\n\t\t\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\t// Loading data animation when accordion opens\n\t\t\t\t\t\t\t&.sui-onload {\n\n\t\t\t\t\t\t\t\tli > * {\n\t\t\t\t\t\t\t\t\tcolor: transparent !important;\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Scores.\n\t\t.sui-grade-a,\n\t\t.sui-grade-b,\n\t\t.sui-grade-c,\n\t\t.sui-grade-d,\n\t\t.sui-grade-e,\n\t\t.sui-grade-f  {\n\t\t\tsvg circle:last-child {\n\t\t\t\tstroke: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Dropdowns.\n\t\t.sui-dropdown {\n\t\t\tul {\n\t\t\t\tli {\n\t\t\t\t\t&,\n\t\t\t\t\tbutton,\n\t\t\t\t\ta {\n\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t&:hover,\n\t\t\t\t\t\t&:focus,\n\t\t\t\t\t\t&:active {\n\t\t\t\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t\t\t\tbackground-color: rgba(51, 51, 51, 0.05);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\n\t\t}\n\n\t\t// Buttons.\n\t\t.sui-button-icon:not(.sui-button),\n\t\t.sui-button {\n\t\t\tcolor: $accessible-light !important;\n\t\t\tbackground: $accessible-dark !important;\n\t\t\t&:hover {\n\t\t\t\tcolor: $accessible-light !important;\n\t\t\t}\n\t\t\t[class*=\"sui-icon-\"] {\n\t\t\t\t&:before {\n\t\t\t\t\tcolor: $accessible-light !important;\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.sui-button-ghost {\n\t\t\t\tpadding: 7px 16px;\n\t\t\t\tborder: 0;\n\t\t\t}\n\t\t\t&.sui-button-upsell {\n\t\t\t\tbackground: $accessible-light !important;\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t&:hover {\n\t\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t}\n\n\t\t// Lists.\n\t\t.sui-list {\n\t\t\t.sui-list-label,\n\t\t\t.sui-list-detail {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Toggles.\n\t\t.sui-toggle {\n\t\t\tinput[type=checkbox] + .sui-toggle-slider {\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput[type=checkbox]:checked + .sui-toggle-slider {\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t&:hover {\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Checkbox and Radio.\n\t\t.sui-checkbox,\n\t\t.sui-radio {\n\t\t\tinput:checked+span {\n\t\t\t\tborder-color: $accessible-dark;\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// Status dot.\n\t\t.sui-status-dot {\n\t\t\tspan {\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t\tborder: 1px solid $accessible-dark;\n\t\t\t}\n\t\t\t&.sui-published {\n\t\t\t\tspan {\n\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\tborder: none;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// WP Editor.\n\t\t.wp-editor-wrap {\n\t\t\t&.tmce-active {\n\t\t\t\t.wp-editor-tabs {\n\t\t\t\t\t.switch-tmce {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t&.html-active {\n\t\t\t\t.wp-editor-tabs {\n\t\t\t\t\t.switch-html {\n\t\t\t\t\t\tcolor: $accessible-light;\n\t\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t\t.wp-media-buttons {\n\t\t\t\t.insert-media {\n\t\t\t\t\tbackground-color: $accessible-dark !important;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Ace editor selectors.\n\t\t.sui-ace-selectors {\n\t\t\ta.sui-selector {\n\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\tcolor: $accessible-light !important;\n\t\t\t}\n\t\t}\n\n\t\t// ACE editor elements.\n\t\t.ace-sui {\n\t\t\t.ace_gutter {\n\t\t\t\tbackground: $accessible-dark;\n\t\t\t}\n\t\t\t.ace_text-layer {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t\t.ace_content {\n\t\t\t\tbackground-color: $accessible-light;\n\t\t\t}\n\t\t\t.ace_line {\n\t\t\t\tfilter: brightness(0%);\n\t\t\t}\n\t\t}\n\n\t\t// Pagination filters.\n\t\t.sui-pagination-wrap {\n\t\t\t.sui-pagination-filter {\n\t\t\t\t.sui-active-filter,\n\t\t\t\t.sui-active-filter-remove,\n\t\t\t\t.sui-active-filter-remove:hover {\n\t\t\t\t\tbackground-color: $accessible-dark;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// SUI box.\n\t\t.sui-box {\n\t\t\t.sui-box-title {\n\t\t\t\tcolor: $accessible-dark !important;\n\t\t\t}\n\t\t}\n\n\t\t// SUI selector box.\n\t\t.sui-box-selector {\n\t\t\tinput + span {\n\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t~span {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput:checked+span {\n\t\t\t\tbackground-color: $accessible-light !important;\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t\t&:after {\n\t\t\t\t\tborder-top: 40px solid $accessible-dark;\n\t\t\t\t}\n\t\t\t\t~span {\n\t\t\t\t\tborder-top-color: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t\tinput:checked+span [class*=sui-icon]:before {\n\t\t\t\tcolor: $accessible-dark;\n\t\t\t}\n\t\t}\n\n\t\t// SUI status box.\n\t\t.sui-box-status {\n\t\t\t.sui-status {\n\t\t\t\t.sui-status-changes,\n\t\t\t\t.sui-status-module {\n\t\t\t\t\tcolor: $accessible-dark-alt;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Sidenav.\n\t\t.sui-row-with-sidenav {\n\t\t\t.sui-sidenav {\n\t\t\t\t.sui-vertical-tabs {\n\t\t\t\t\t.sui-vertical-tab.current {\n\t\t\t\t\t\tbox-shadow: 0 0 0 1px $accessible-dark;\n\t\t\t\t\t\tbackground-color: transparent;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// Footer.\n\t\t.sui-footer {\n\t\t\tcolor: $accessible-dark;\n\t\t}\n\t}\n}\n\n@include body-class(false) {\n\t&.sui-elements-accessible {\n\t\t\n\t\t.sui-select .sui-select-dropdown {\n\t\t\tborder-color: $accessible-dark !important;\n\t\t}\n\n\t\t.select2-results__option {\n\t\t\tcolor: $accessible-dark !important;\n\t\t}\n\t\t\n\t\t.select2-results__option--selected{\n\t\t\tbackground-color: $accessible-dark !important;\n\t\t\tcolor: $accessible-light !important;\n\t\t}\n\t}\n}\n","@charset \"UTF-8\";\n\n$summary-image-default-url: '';\n\n@import \"functions\";\n@import \"colors\";\n@import \"variables\";\n@import \"mixins\";\n\n// VAR: Basics\n$sui--editor-border-width:      1px;\n$sui--editor-border-color:      palette(gray, lighter);\n$sui--editor-border-radius:     $border-radius;\n$sui--editor-background:        #FAFAFA;\n$sui--editor-color:             palette(gray, dark);\n\n// VAR: Tabs\n$sui--tabs-static-background:   palette(silver, light);\n$sui--tabs-static-color:        palette(gray, default);\n$sui--tabs-active-background:   palette(blue, light);\n$sui--tabs-active-color:        palette(blue, default);\n\n// VAR: Top Bar\n$sui--topbar-border-color:      palette(silver, soft);\n$sui--topbar-background:        $white;\n\n// VAR: Toolbar Buttons\n$sui--toolbtn-icon-size:         16px;\n$sui--toolbtn-static-background: transparent;\n$sui--toolbtn-static-color:      palette(gray, default);\n$sui--toolbtn-hover-background:  palette(blue, light);\n$sui--toolbtn-hover-color:       palette(blue, default);\n\n// VAR: Media Button\n$sui--media-button-height:      30px;\n$sui--media-button-background:  palette(gray, light);\n$sui--media-button-font-size:   12px;\n$sui--media-button-line-height: 16px;\n$sui--media-button-font-weight: 500;\n\n@include body-class(true) {\n\n\t.sui-label-editor {\n\t\tmargin-bottom: 0;\n\t\tline-height: $sui--media-button-height;\n\n\t\t+ .wp-editor-wrap {\n\t\t\tmargin-top: -#{$sui-gutter};\n\t\t}\n\t}\n\n\t.wp-editor-wrap {\n\n\t\t// ELEMENT: Tabs\n\t\t.wp-editor-tabs {\n\t\t\tfloat: none;\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: flex-end;\n\t\t\tmargin-bottom: 5px;\n\n\t\t\t.wp-switch-editor {\n\t\t\t\theight: $sui--media-button-height;\n\t\t\t\tflex: 0 0 auto;\n\t\t\t\tmargin: 0 0 0 1px;\n\t\t\t\tpadding: 4px 16px;\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: 0;\n\t\t\t\tbackground-color: $sui--tabs-static-background;\n\t\t\t\tcolor: $sui--tabs-static-color;\n\t\t\t\tfont: 500 13px/22px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\t&:first-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t\tborder-radius: $border-radius 0 0 $border-radius;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tborder-radius: 0 $border-radius $border-radius 0;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Container\n\t\t.wp-editor-container {\n\t\t\tborder: 1px solid $sui--editor-border-color;\n\t\t\tborder-radius: $sui--editor-border-radius;\n\t\t\tbackground-color: $sui--editor-background;\n\t\t\tbox-shadow: none;\n\t\t}\n\n\t\t// ELEMENT: Media Buttons\n\t\t.wp-media-buttons {\n\n\t\t\t.button {\n\t\t\t\theight: 30px;\n\t\t\t\tmargin: 0 10px 0 0;\n\t\t\t\tpadding: 7px 16px;\n\t\t\t\tborder-width: 0;\n\t\t\t\tbackground-color: palette(gray, light);\n\t\t\t\tcolor: $white;\n\t\t\t\tfont: 500 12px/16px $font;\n\t\t\t\tletter-spacing: $font--letter-spacing;\n\n\t\t\t\tspan.wp-media-buttons-icon {\n\t\t\t\t\tvertical-align: middle;\n\t\t\t\t\tmargin-top: -1px;\n\n\t\t\t\t\t&:before {\n\t\t\t\t\t\tcolor: inherit;\n\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\t&,\n\t\t\t\t&:hover,\n\t\t\t\t&:focus,\n\t\t\t\t&:active {\n\t\t\t\t\toutline: none;\n\t\t\t\t\tbox-shadow: none;\n\t\t\t\t}\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin: 0;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t@media (max-width: 465px) {\n\t\t\t\tfloat: none;\n\t\t\t\tmargin-bottom: 5px;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Panel top bar\n\t\t.mce-top-part {\n\n\t\t\t&:before {\n\t\t\t\tcontent: unset;\n\t\t\t}\n\n\t\t\t.mce-container-body {\n\t\t\t\tborder-radius: #{$sui--editor-border-radius - ($sui--editor-border-width * 2)} #{$sui--editor-border-radius - ($sui--editor-border-width * 2)} 0 0;\n\t\t\t\tbackground-color: $white;\n\t\t\t}\n\n\t\t\t.mce-toolbar-grp {\n\t\t\t\tborder-bottom: 1px solid $sui--topbar-border-color;\n\t\t\t\tbackground-color: transparent;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Panel status bar\n\t\t.mce-statusbar {\n\t\t\tborder-top-width: 0;\n\t\t\tborder-top-style: none;\n\t\t\tborder-top-color: transparent;\n\t\t\tborder-radius: 0 0 #{$sui--editor-border-radius - ($sui--editor-border-width * 2)} #{$sui--editor-border-radius - ($sui--editor-border-width * 2)};\n\t\t\tbackground: transparent;\n\t\t\tbackground-color: $sui--editor-background;\n\t\t}\n\n\t\t// ELEMENT: Toolbar buttons\n\t\t.mce-toolbar {\n\n\t\t\t.mce-btn-group .mce-btn {\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: $sui--editor-border-radius;\n\t\t\t\tbackground-color: $sui--toolbtn-static-background;\n\n\t\t\t\tbutton {\n\t\t\t\t\tpadding: 5px;\n\t\t\t\t}\n\n\t\t\t\ti.mce-ico {\n\t\t\t\t\tcolor: $sui--toolbtn-static-color;\n\t\t\t\t\tfont-size: $sui--toolbtn-icon-size;\n\t\t\t\t}\n\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: $sui--toolbtn-hover-background;\n\t\t\t\t\tbox-shadow: none;\n\n\t\t\t\t\ti.mce-ico {\n\t\t\t\t\t\tcolor: $sui--toolbtn-hover-color;\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Toolbar quicktags\n\t\t.quicktags-toolbar {\n\t\t\tpadding: 3px 8px;\n\t\t\tborder-bottom: 1px solid $sui--topbar-border-color;\n\t\t\tbackground-color: $sui--topbar-background;\n\n\t\t\tinput.button.button-small {\n\t\t\t\tborder: 0;\n\t\t\t\tborder-radius: $sui--editor-border-radius;\n\t\t\t\tbackground-color: $sui--toolbtn-static-background;\n\t\t\t\tbox-shadow: none;\n\t\t\t\tcolor: $sui--toolbtn-static-color;\n\t\t\t\tfont-weight: 500;\n\t\t\t\ttransition: 0.3s ease;\n\n\t\t\t\t&:hover,\n\t\t\t\t&:active {\n\t\t\t\t\tbackground-color: $sui--toolbtn-hover-background;\n\t\t\t\t\tcolor: $sui--toolbtn-hover-color;\n\t\t\t\t}\n\n\t\t\t\t@media screen and (min-width: 782px) {\n\t\t\t\t\theight: $sui--media-button-height;\n\t\t\t\t\tline-height: $sui--media-button-height;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Editor area (textarea)\n\t\ttextarea {\n\t\t\twidth: 100%;\n\t\t\theight: auto !important;\n\t\t\tmin-height: 210px;\n\t\t\tresize: none;\n\t\t\tdisplay: block;\n\t\t\tmargin: 0;\n\t\t\tpadding: 10px;\n\t\t\tborder: 0;\n\t\t\tbackground-color: $sui--editor-background;\n\n\t\t\t&,\n\t\t\t&:hover,\n\t\t\t&:focus,\n\t\t\t&:active {\n\t\t\t\tbox-shadow: none;\n\t\t\t\toutline: none;\n\t\t\t}\n\t\t}\n\n\t\t// ELEMENT: Tabs && STATUS: Active\n\t\t&.html-active .switch-html,\n\t\t&.tmce-active .switch-tmce {\n\t\t\tbackground-color: $sui--tabs-active-background;\n\t\t\tcolor: $sui--tabs-active-color;\n\t\t}\n\t}\n}\n\n// ELEMENT: Editor area (iframe)\n.mce-content-body {\n\tmargin: 0;\n\tpadding: 10px 15px;\n\tborder: 0;\n\tbackground-color: $sui--editor-background;\n\tcolor: $sui--editor-color;\n\tfont-size: 15px;\n\tline-height: 20px;\n\tfont-family: $font;\n\tletter-spacing: $font--letter-spacing;\n\n\t* {\n\t\tbox-sizing: border-box;\n\t\tfont-variant-ligatures: none;\n\t\t-webkit-font-variant-ligatures: none;\n\t\ttext-rendering: optimizeLegibility;\n\t\t-moz-osx-font-smoothing: grayscale;\n\t\tfont-smoothing: antialiased;\n\t\t-webkit-font-smoothing: antialiased;\n\t\ttext-shadow: rgba(0, 0, 0, .01) 0 0 1px;\n\t}\n\n\th1, h2, h3, h4, h5, h6, p, ol, ul {\n\n\t\t&:first-child {\n\t\t\tmargin-top: 0;\n\t\t}\n\n\t\t&:last-child {\n\t\t\tmargin-bottom: 0;\n\t\t}\n\n\t\tb, strong {\n\t\t\tfont-weight: 500;\n\t\t}\n\t}\n\n\th1, h2 {\n\t\tline-height: 2.2em;\n\t}\n\n\th3, h4, h5, h6 {\n\t\tline-height: 1.4em;\n\t}\n\n\ta {\n\n\t\t&,\n\t\t&:hover,\n\t\t&:focus,\n\t\t&:active,\n\t\t&:visited {\n\t\t\toutline: none;\n\t\t\tbox-shadow: none;\n\t\t\tcolor: $blue;\n\t\t\ttext-decoration: none;\n\t\t}\n\t}\n}"],"names":[],"sourceRoot":""}